@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegible-Regular-ycu_OfBo.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegible-Bold-DND0wAMM.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegible-Italic-CDv78TzA.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegible-BoldItalic-QQcmYW4w.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{color-scheme:light;--font-sans: "Atkinson Hyperlegible", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--type-control: .875rem;--type-caption: .75rem;--type-note: 1.0625rem;--type-heading-1: 1.625rem;--type-heading-2: 1.375rem;--type-heading-3: 1.125rem;--font-mono: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #475569;--color-text-soft: #64748b;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #dbeafe;--color-primary-contrast: #ffffff;--color-primary-active: #1d4ed8;--color-accent: #0891b2;--color-accent-strong: #0e7490;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--shadow-card: 0 8px 24px rgb(15 23 42 / 8%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 8px;--color-background: var(--color-bg);--color-surface-subtle: var(--color-surface-muted);--color-surface-raised: #ffffff;--color-border-strong: #cbd5e1;--color-accent-contrast: var(--color-primary-contrast);--color-accent-soft: var(--color-primary-soft);--color-focus: var(--color-primary);--color-danger-surface: color-mix( in srgb, var(--color-error) 9%, var(--color-surface) );--color-danger-border: color-mix( in srgb, var(--color-error) 45%, var(--color-border) );--color-danger-text: var(--color-error);--shadow-soft: var(--shadow-card);--shadow-subtle: 0 1px 2px rgb(15 23 42 / 8%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--sidebar-width: 14rem;--header-height: 3.5rem;--content-padding: var(--space-4);--workspace-gap: var(--space-3);--panel-padding: var(--space-4);--control-height: 2.5rem;--control-height-compact: 2.25rem;--editor-min-height: clamp(14rem, calc(100svh - 28rem) , 34rem);--editor-tall-height: clamp(18rem, calc(100svh - 22rem) , 46rem);--result-pane-height: clamp(16rem, calc(100svh - 24rem) , 40rem);--z-mobile-nav: 30;--z-mobile-subnav: 31;--z-header: 40;--z-sidebar: 50;--z-nav-flyout: 70;--z-history-drawer: 90;font-family:var(--font-sans)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #020617;--color-surface: #0f172a;--color-surface-muted: #1e293b;--color-border: #334155;--color-text: #f8fafc;--color-text-muted: #cbd5e1;--color-text-soft: #94a3b8;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-soft: #172554;--color-primary-contrast: #020617;--color-primary-active: #60a5fa;--color-accent: #22d3ee;--color-accent-strong: #22d3ee;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #f87171;--shadow-card: 0 8px 24px rgb(0 0 0 / 35%);--color-background: var(--color-bg);--color-surface-subtle: var(--color-surface-muted);--color-surface-raised: #111c2f;--color-border-strong: #475569;--color-accent-contrast: var(--color-primary-contrast);--color-accent-soft: var(--color-primary-soft);--color-focus: var(--color-primary);--color-danger-surface: color-mix( in srgb, var(--color-error) 18%, var(--color-surface) );--color-danger-border: color-mix( in srgb, var(--color-error) 55%, var(--color-border) );--color-danger-text: var(--color-error);--shadow-soft: var(--shadow-card);--shadow-subtle: 0 1px 2px rgb(0 0 0 / 28%)}.header-utility-actions{display:flex;gap:8px;align-items:center}.pwa-tool-help{display:none}.file-launch-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:20px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}.file-launch-dialog::backdrop{background:#00000073}.file-launch-dialog h2{margin:0 0 12px;font-size:1rem}.file-launch-dialog p,.file-launch-dialog li{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.file-launch-dialog li span{color:var(--color-text-muted)}.file-launch-dialog .button-row{justify-content:flex-end;margin-top:20px}.app-shell:has(.pwa-offline-note) .app-main{padding-bottom:max(7rem,calc(env(safe-area-inset-bottom) + 6rem))}.pwa-menu{position:relative;font-size:.8125rem}.pwa-menu>summary{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;cursor:pointer;list-style:none;border:1px solid var(--color-border);border-radius:6px}.pwa-menu>summary::-webkit-details-marker{display:none}.pwa-update-dot{width:7px;height:7px;background:var(--color-primary);border-radius:50%}.pwa-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:10;display:grid;gap:12px;width:min(330px,calc(100vw - 24px));max-height:calc(100svh - 100px);overflow-y:auto;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-soft)}.pwa-menu-panel p{margin:0;font-size:.8125rem;line-height:1.5;color:var(--color-text-muted)}.pwa-menu-panel button{width:100%}.pwa-update-notice{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--color-border)}.pwa-offline-note{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));z-index:60;width:fit-content;max-width:calc(100vw - 24px);margin:auto;padding:10px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);box-shadow:var(--shadow-subtle);font-size:.8125rem;line-height:1.4;pointer-events:none}@media(display-mode:standalone){.app-header{padding-top:max(8px,env(safe-area-inset-top))}.app-main{padding-bottom:max(16px,env(safe-area-inset-bottom))}.app-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-width:640px){.pwa-menu>summary{min-height:44px;padding:6px 8px}.pwa-menu-panel{position:fixed;top:max(72px,calc(env(safe-area-inset-top) + 64px));left:12px;right:12px;width:auto}.header-utility-actions{gap:6px}.header-title .context-help{display:none}.pwa-tool-help{display:block}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-surface);color:var(--color-text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-header{display:flex;position:sticky;top:0;z-index:40;align-items:center;gap:16px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;min-height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.note-brand{display:flex;flex:none;align-items:flex-end;justify-self:start;gap:6px;margin:0;font-size:15px;font-weight:700;line-height:1}.note-brand img{display:block}.app-main{padding:12px 16px}.note-more .note-import-help{width:100%}.note-import-help summary{cursor:pointer;color:var(--color-text-muted)}.note-import-help p{margin:8px 0}@media(max-width:640px){.app-shell.note-shell .app-header{grid-template-columns:minmax(0,1fr) auto;padding-inline:12px}.app-shell.note-shell .app-header>h1{grid-column:1}.app-shell.note-shell .note-header-tools{grid-column:2}}@media(display-mode:standalone){.app-shell{padding-bottom:env(safe-area-inset-bottom)}}