:root{--color-canvas:#ecf1f8;--color-bg:#fff;--color-surface:#f2f2f2;--color-selected:#eef4fc;--color-border:#00234e1a;--color-text:#00234e;--color-text-secondary:#00234eb3;--color-text-muted:#00234e80;--color-accent:#004293;--color-on-accent:#fff;--color-accent-soft:#dbe7f9;--color-accent-highlight:#65d9ff;--color-positive:#004718;--color-positive-bg:#007b2826;--color-negative:#c21000;--color-warning-bg:#fff4d6;--color-warning-text:#6b4b00;--color-star:#e8a317;--color-footer:#23191a;--color-footer-text:#827474;--shadow-subtle:0 1px 2px #00234e0a, 0 2px 6px #00234e08;--shadow-pill:0 1px 2px #00234e0d;--shadow-widget:0 12px 12px #052b650f;--radius:12px;--radius-control:16px;--radius-card:24px;--radius-pill:999px;--content-width:1280px;--font-family:var(--font-inter), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-canvas:#0e0f2d;--color-bg:#18193b;--color-surface:#222449;--color-selected:#20305a;--color-border:#cae9ff1f;--color-text:#cae9ff;--color-text-secondary:#cae9ffb3;--color-text-muted:#cae9ff80;--color-accent:#65d9ff;--color-on-accent:#0e0f2d;--color-accent-soft:#1f3a66;--color-accent-highlight:#0e0f2d;--color-positive:#35c07a;--color-positive-bg:#35c07a26;--color-negative:#ff6b6b;--color-warning-bg:#3b2e05;--color-warning-text:#ffd978;--color-star:#ffc24b;--shadow-subtle:none;--shadow-pill:none;--shadow-widget:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--color-footer);min-height:100vh;color:var(--color-text);font-family:var(--font-family);flex-direction:column;margin:0;font-size:14px;line-height:20px;display:flex}input,select,button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit}button,select{cursor:pointer;padding:8px 12px}button:disabled{cursor:default;opacity:.5}a{color:var(--color-accent)}.canvas{background:var(--color-canvas);border-radius:0 0 64px 64px;flex-direction:column;flex:1;padding:10px 10px 64px;display:flex}.page{width:100%;max-width:calc(var(--content-width) + 32px);margin:0 auto;padding:0 16px}