@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,:root[data-theme=light]{--color-primary:oklch(62% .14 163);--color-primary-hover:oklch(56% .14 163);--color-primary-active:oklch(50% .13 163);--color-primary-subtle:oklch(95% .04 163);--color-primary-contrast:oklch(100% 0 0);--color-accent:oklch(58% .18 292);--color-accent-hover:oklch(52% .18 292);--color-accent-subtle:oklch(95% .05 292);--color-bg:oklch(98.5% .006 150);--color-surface:oklch(100% 0 0);--color-surface-raised:oklch(100% 0 0);--color-surface-sunken:oklch(96.5% .006 150);--color-overlay:oklch(20% .02 250/.35);--color-border:oklch(91% .008 150);--color-border-subtle:oklch(95% .006 150);--color-border-strong:oklch(83% .012 150);--color-text:oklch(24% .02 245);--color-text-secondary:oklch(48% .015 245);--color-text-muted:oklch(62% .012 245);--color-text-on-primary:oklch(100% 0 0);--color-success:oklch(62% .14 155);--color-success-muted:oklch(95% .05 155);--color-warning:oklch(74% .14 75);--color-warning-muted:oklch(96% .05 75);--color-error:oklch(60% .18 25);--color-error-muted:oklch(95% .05 25);--color-info:oklch(60% .13 250);--color-info-muted:oklch(95% .04 250);--shadow-xs:0 1px 2px oklch(24% .03 245/.04);--shadow-sm:0 1px 3px oklch(24% .03 245/.06),0 1px 2px oklch(24% .03 245/.04);--shadow-md:0 4px 8px -2px oklch(24% .03 245/.08),0 2px 4px -2px oklch(24% .03 245/.05);--shadow-lg:0 12px 20px -4px oklch(24% .03 245/.1),0 4px 8px -4px oklch(24% .03 245/.06);--shadow-xl:0 24px 40px -8px oklch(24% .03 245/.14);--shadow-glow:0 2px 16px oklch(62% .14 163/.35);--shadow-focus:0 0 0 3px var(--color-primary-subtle)}:root[data-theme=dark]{--color-primary:oklch(74% .15 163);--color-primary-hover:oklch(80% .15 163);--color-primary-active:oklch(84% .13 163);--color-primary-subtle:oklch(31% .06 163);--color-primary-contrast:oklch(17% .02 250);--color-accent:oklch(72% .16 292);--color-accent-hover:oklch(78% .16 292);--color-accent-subtle:oklch(31% .07 292);--color-bg:oklch(17% .015 250);--color-surface:oklch(21% .018 250);--color-surface-raised:oklch(25% .02 250);--color-surface-sunken:oklch(14% .013 250);--color-overlay:oklch(0% 0 0/.6);--color-border:oklch(30% .02 250);--color-border-subtle:oklch(26% .018 250);--color-border-strong:oklch(40% .022 250);--color-text:oklch(95% .008 230);--color-text-secondary:oklch(74% .012 230);--color-text-muted:oklch(58% .012 230);--color-text-on-primary:oklch(17% .02 250);--color-success:oklch(72% .15 155);--color-success-muted:oklch(30% .05 155);--color-warning:oklch(80% .14 75);--color-warning-muted:oklch(33% .05 75);--color-error:oklch(70% .16 25);--color-error-muted:oklch(31% .05 25);--color-info:oklch(70% .12 250);--color-info-muted:oklch(30% .05 250);--shadow-xs:0 1px 2px oklch(0% 0 0/.3);--shadow-sm:0 1px 3px oklch(0% 0 0/.4);--shadow-md:0 4px 8px -2px oklch(0% 0 0/.45);--shadow-lg:0 12px 20px -4px oklch(0% 0 0/.55);--shadow-xl:0 24px 40px -8px oklch(0% 0 0/.65);--shadow-glow:0 2px 18px oklch(74% .15 163/.4);--shadow-focus:0 0 0 3px oklch(74% .15 163/.25)}:root{--font-display:"Quicksand",system-ui,-apple-system,sans-serif;--font-body:"Quicksand",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-size-2xs:.625rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.02em;--letter-spacing-normal:0em;--letter-spacing-wide:.02em;--letter-spacing-wider:.06em;--space-px:1px;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--border-thin:1px;--border-base:1.5px;--border-thick:2px;--duration-fast:.1s;--duration-base:.2s;--duration-slow:.3s;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--ease-default:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:700;--sidebar-width:256px;--sidebar-collapsed:64px;--header-height:56px;--bottom-nav-height:56px;--container-xl:1200px;--touch-target-min:44px;--touch-target-comfortable:48px}*,:after,:before{box-sizing:border-box;margin:0}html{font-family:var(--font-body);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}code,pre{font-family:var(--font-mono)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:var(--border-thin) solid transparent;cursor:pointer;transition:var(--transition-fast);min-height:var(--touch-target-min);white-space:nowrap;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-danger{background:var(--color-error);color:#fff}@media(hover:hover){.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input,.form-select{width:100%;font-family:var(--font-body);font-size:var(--font-size-md);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border);color:var(--color-text);transition:var(--transition-fast)}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--color-surface)}@media(max-width:1023px){.form-input,.form-select{font-size:var(--font-size-md)}}.dropdown{position:relative;display:inline-block}.dropdown-menu{margin-top:var(--space-2);min-width:200px;background:var(--color-surface-raised);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-1)}.dropdown-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}@media(hover:hover){.dropdown-item:hover{background:var(--color-primary-subtle);color:var(--color-primary)}}.tooltip{position:relative;display:inline-flex}.tooltip .tip{background:var(--color-text);color:var(--color-bg);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-md)}.toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle input{display:none}.toggle .track{width:44px;height:24px;background:var(--color-border-strong);position:relative}.toggle .track,.toggle .track:after{border-radius:var(--radius-full);transition:var(--transition-fast)}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;box-shadow:var(--shadow-sm)}.toggle input:checked+.track{background:var(--color-primary)}.toggle input:checked+.track:after{transform:translate(20px)}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm)}.checkbox input,.radio input{display:none}.checkbox .box{width:20px;height:20px;border-radius:var(--radius-sm);border:var(--border-base) solid var(--color-border-strong);display:grid;place-items:center;transition:var(--transition-fast)}.checkbox input:checked+.box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input:checked+.box:after{content:"✓";color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.radio .dot{width:20px;height:20px;border-radius:var(--radius-full);border:var(--border-base) solid var(--color-border-strong);display:grid;place-items:center;transition:var(--transition-fast)}.radio input:checked+.dot{border-color:var(--color-primary)}.radio input:checked+.dot:after{content:"";width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:1px var(--space-3);border-radius:var(--radius-full)}.badge-success{background:var(--color-success-muted);color:var(--color-success)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge-error{background:var(--color-error-muted);color:var(--color-error)}.badge-info{background:var(--color-info-muted);color:var(--color-info)}.badge-ai{background:var(--color-accent-subtle);color:var(--color-accent)}.tag{font-size:var(--font-size-xs);color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border);padding:1px var(--space-2);border-radius:var(--radius-sm)}.icon-box,.tag{background:var(--color-surface-sunken)}.icon-box{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--color-text-secondary);flex-shrink:0}.icon-box--ai{background:var(--color-accent-subtle);color:var(--color-accent)}.icon-box--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.icon-box--success{background:var(--color-success-muted);color:var(--color-success)}.icon-box--warning{background:var(--color-warning-muted);color:var(--color-warning)}.icon-box--error{background:var(--color-error-muted);color:var(--color-error)}.icon-box--info{background:var(--color-info-muted);color:var(--color-info)}.icon-box--sm{width:32px;height:32px;border-radius:var(--radius-sm)}.icon-box--lg{width:44px;height:44px;border-radius:var(--radius-lg)}.card{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6)}.card-elevated{box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer;transition:var(--transition-fast)}@media(hover:hover){.card-interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}}.shell-skip{position:absolute;left:-999px;top:var(--space-2);z-index:var(--z-toast);background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.shell-skip:focus{left:var(--space-2)}.shell-brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}.shell-brand__mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-on-primary);display:grid;place-items:center;flex-shrink:0}.shell-brand__name{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.shell-iconbtn{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer}.shell-iconbtn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.shell-iconbtn--danger:hover{color:var(--color-error)}.shell-pubheader{align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);background:color-mix(in oklab,var(--color-bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--border-thin) solid var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.shell-pubheader,.shell-pubheader__nav{display:flex;gap:var(--space-6)}.shell-pubheader__nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.shell-pubheader__nav a:hover{color:var(--color-text)}.shell-sidebar{width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;background:var(--color-surface);border-right:var(--border-thin) solid var(--color-border)}.shell-sidebar__head{padding:var(--space-5) var(--space-5) var(--space-4)}.shell-sidebar__nav{flex:1;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.shell-sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.shell-sidebar__item:hover{background:var(--color-surface-sunken);color:var(--color-text)}.shell-sidebar__item[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-primary)}.shell-sidebar__badge{margin-left:auto;font-size:var(--font-size-2xs);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-full);padding:1px var(--space-2)}.shell-sidebar[data-collapsed=true]{width:var(--sidebar-collapsed)}.shell-sidebar[data-collapsed=true] .shell-brand__name,.shell-sidebar[data-collapsed=true] .shell-sidebar__label,.shell-sidebar[data-collapsed=true] .shell-user__meta,.shell-sidebar[data-collapsed=true] .shell-ws{display:none}.shell-sidebar[data-collapsed=true] .shell-sidebar__item{justify-content:center}.shell-ws{position:relative;padding:0 var(--space-3)}.shell-ws__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.shell-ws__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0}.shell-ws__menu{position:absolute;left:var(--space-3);right:var(--space-3);margin-top:var(--space-2);background:var(--color-surface-raised);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown);display:none}.shell-ws[data-open=true] .shell-ws__menu{display:block}.shell-ws__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.shell-ws__option:hover{background:var(--color-surface-sunken);color:var(--color-text)}.shell-ws__option[aria-selected=true]{background:var(--color-primary);color:var(--color-text-on-primary)}.shell-ws__new{border-top:var(--border-thin) solid var(--color-border-subtle);margin-top:var(--space-1);color:var(--color-text-muted)}.shell-user{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-top:var(--border-thin) solid var(--color-border)}.shell-user__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface-sunken);display:grid;place-items:center;font-size:var(--font-size-xs);flex-shrink:0;color:var(--color-text-secondary)}.shell-user__meta{flex:1;min-width:0}.shell-user__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.shell-user__email,.shell-user__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-user__email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.shell-topbar{justify-content:space-between;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-4);background:var(--color-surface);border-bottom:var(--border-thin) solid var(--color-border)}.shell-bottomnav,.shell-topbar{display:flex;align-items:center}.shell-bottomnav{justify-content:space-around;height:var(--bottom-nav-height);background:color-mix(in oklab,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:var(--border-thin) solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.shell-bottomnav__tab{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:var(--touch-target-min);padding:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium)}.shell-bottomnav__tab[aria-current=page]{color:var(--color-primary)}.shell-drawer__panel{width:260px;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg)}.shell-editorbar{display:flex;align-items:center;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-4);background:var(--color-surface);border-bottom:var(--border-thin) solid var(--color-border)}.shell-editorbar__title{font-weight:var(--font-weight-semibold)}.shell-editorbar__sub{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.shell-editorbar__pill,.shell-editorbar__sub{font-family:var(--font-mono);font-size:var(--font-size-2xs)}.shell-editorbar__pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--border-thin) solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary)}.shell-editorbar__pill:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary)}.shell-editorbar__actions{margin-left:auto;display:flex;gap:var(--space-2)}.shell-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-8);padding:var(--space-12) var(--space-6);background:var(--color-surface);border-top:var(--border-thin) solid var(--color-border)}.shell-footer__group{display:flex;flex-direction:column;gap:var(--space-2)}.shell-footer__group h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.shell-footer__group a{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shell-modal__backdrop{position:fixed;inset:0;background:var(--color-overlay);display:grid;place-items:center;z-index:var(--z-modal);padding:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shell-modal{width:min(480px,92vw);background:var(--color-surface-raised);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6)}@media(max-width:767px){.shell-modal__backdrop{align-items:flex-end;padding:0}.shell-modal{width:100%;max-width:100%;border-bottom:0;border-left:0;border-right:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}}.shell-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.shell-modal__title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.shell-modal__body{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shell-modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-6)}.shell-sheet__backdrop{inset:0;background:var(--color-overlay)}.shell-sheet,.shell-sheet__backdrop{position:fixed;z-index:var(--z-modal)}.shell-sheet{left:0;right:0;bottom:0;background:var(--color-surface-raised);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.shell-sheet__grip{width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-border-strong);margin:0 auto var(--space-4)}.shell-sheet__title{font-family:var(--font-display);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.shell-panel{position:fixed;top:0;right:0;bottom:0;width:360px;background:var(--color-surface);border-left:var(--border-thin) solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:var(--z-overlay)}.shell-panel__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:var(--border-thin) solid var(--color-border)}.shell-panel__title{font-weight:var(--font-weight-semibold);flex:1}.shell-panel__body{flex:1;overflow-y:auto;padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shell-toast-slot{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none}.shell-toast{background:var(--color-surface-raised);border:var(--border-thin) solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.m-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.m-pagehead__title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.m-pagehead__sub{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.m-dashcard{display:block;padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);color:inherit;transition:var(--transition-fast)}@media(hover:hover){.m-dashcard:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}}.m-dashcard__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.m-dashcard__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.m-dashcard__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 var(--space-4)}.m-dashcard__go{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.m-list{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.m-listitem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-thin) solid var(--color-border-subtle);cursor:pointer;transition:var(--transition-fast)}.m-listitem:last-child{border-bottom:0}@media(hover:hover){.m-listitem:hover{background:var(--color-surface-sunken)}}.m-listitem[aria-selected=true]{background:var(--color-primary-subtle)}.m-listitem__body{flex:1;min-width:0}.m-listitem__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-listitem__meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.m-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.m-table th{text-align:left;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);background:var(--color-surface-raised);border-bottom:var(--border-thin) solid var(--color-border)}.m-table td,.m-table th{padding:var(--space-3) var(--space-4)}.m-table td{border-bottom:var(--border-thin) solid var(--color-border-subtle)}.m-table tbody tr:hover{background:var(--color-surface-sunken)}.m-table tbody tr:last-child td{border-bottom:0}.m-filterbar{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.m-chip{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border);color:var(--color-text-secondary);cursor:pointer}.m-chip[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.m-metric{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);border:var(--border-thin) solid var(--color-border)}.m-metric__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.m-metric__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:var(--space-1) 0}.m-metric__delta{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.m-metric__delta--up{color:var(--color-success)}.m-metric__delta--down{color:var(--color-error)}.m-context{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:var(--border-thin) solid var(--color-border)}.m-context__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.m-context__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.m-context__snippet{font-size:var(--font-size-xs);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m-context__tags{display:flex;gap:var(--space-1);margin-top:var(--space-3);flex-wrap:wrap}.m-swipe{border-radius:var(--radius-2xl);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}.m-swipe__media{height:120px;background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));display:grid;place-items:center;color:var(--color-primary)}.m-swipe__body{padding:var(--space-4)}.m-swipe__title{font-weight:var(--font-weight-semibold)}.m-swipe__actions{display:flex;justify-content:space-between;margin-top:var(--space-4)}.m-swipe__btn{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border);background:var(--color-surface-sunken);display:grid;place-items:center;cursor:pointer}.m-swipe__btn--yes{color:var(--color-success)}.m-swipe__btn--no{color:var(--color-error)}.m-empty{text-align:center;padding:var(--space-16) var(--space-6)}.m-empty--bordered{border:var(--border-base) dashed var(--color-border);border-radius:var(--radius-xl)}.m-empty__icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-surface-sunken);display:grid;place-items:center;margin:0 auto var(--space-4);color:var(--color-text-muted)}.m-empty__title{font-family:var(--font-display);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.m-empty__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.m-stepper{display:flex;align-items:center;gap:var(--space-2)}.m-stepper__node{width:28px;height:28px;border-radius:var(--radius-full);display:grid;place-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-surface);border:var(--border-base) solid var(--color-border);color:var(--color-text-muted)}.m-stepper__node--done{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.m-stepper__node--active{border-color:var(--color-primary);color:var(--color-primary)}.m-stepper__line{width:40px;height:2px;background:var(--color-border)}.m-stepper__line--done{background:var(--color-primary)}.m-tier{padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--color-surface);border:var(--border-thin) solid var(--color-border)}.m-tier--featured{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.m-tier__name{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary)}.m-tier__price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:var(--space-2) 0}.m-tier__price span{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.m-tier__feat{list-style:none;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-direction:column;margin:var(--space-4) 0}.m-tier__feat,.m-tier__feat li{display:flex;gap:var(--space-2)}.m-tier__feat li{align-items:center}.m-quote{padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--color-surface);border:var(--border-thin) solid var(--color-border)}.m-quote__text{font-size:var(--font-size-lg);line-height:1.5}.m-quote__by{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.m-quote__avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface-sunken);display:grid;place-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.m-chat{display:flex;flex-direction:column;gap:var(--space-3)}.m-msg{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.m-msg--ai{align-self:flex-start;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.m-msg--user{align-self:flex-end;background:var(--color-primary);color:var(--color-text-on-primary);border-bottom-right-radius:var(--radius-sm)}.m-toolbar{display:inline-flex;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1);box-shadow:var(--shadow-sm)}.m-toolbar__btn{width:36px;height:36px;border-radius:var(--radius-md);border:0;background:transparent;color:var(--color-text-secondary);display:grid;place-items:center;cursor:pointer}.m-toolbar__btn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.m-toolbar__btn[aria-pressed=true]{background:var(--color-primary-subtle);color:var(--color-primary)}.m-toolbar__sep{width:1px;background:var(--color-border);margin:var(--space-1)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface-sunken);display:grid;place-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar--sm{width:24px;height:24px;font-size:var(--font-size-2xs)}.avatar--lg{width:48px;height:48px}.avatar--xl{width:64px;height:64px;font-size:var(--font-size-lg)}.avatar-group{display:inline-flex}.avatar-group>.avatar{border:2px solid var(--color-surface);margin-left:-10px}.avatar-group>.avatar:first-child{margin-left:0}.tabs{display:flex;gap:var(--space-1);border-bottom:var(--border-thin) solid var(--color-border)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:0;background:transparent;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;transition:var(--transition-fast)}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.segmented{display:inline-flex;background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);padding:2px}.segmented button{border:0;background:transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}@media(hover:hover){.segmented button:hover:not([aria-pressed=true]){color:var(--color-text)}}.segmented button[aria-pressed=true]{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-text-secondary)}.breadcrumbs a:hover{color:var(--color-text)}.search{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-muted)}.search:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.search input{flex:1;border:0;background:transparent;color:var(--color-text);font-size:var(--font-size-sm);outline:none}.input-group{display:flex;align-items:stretch}.input-group__addon{display:grid;place-items:center;padding:0 var(--space-3);background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:0}.input-group .form-input{border-radius:0 var(--radius-md) var(--radius-md) 0}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--radius-full);background:var(--color-border-strong);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer}.progress{height:8px;background:var(--color-surface-sunken);overflow:hidden}.progress,.progress__bar{border-radius:var(--radius-full)}.progress__bar{height:100%;background:var(--color-primary)}.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-6);font-size:var(--font-size-sm)}.kv dt{color:var(--color-text-muted)}.kv dd{color:var(--color-text);font-weight:var(--font-weight-medium);text-align:right}.pagination{display:inline-flex;gap:var(--space-1)}.pagination button{min-width:36px;height:36px;border-radius:var(--radius-md);border:var(--border-thin) solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm)}.pagination button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.pagination button[aria-current=page]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-thin) solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm)}.alert--success{background:var(--color-success-muted);border-color:transparent;color:var(--color-success)}.alert--warning{background:var(--color-warning-muted);border-color:transparent;color:var(--color-warning)}.alert--error{background:var(--color-error-muted);border-color:transparent;color:var(--color-error)}.alert--info{background:var(--color-info-muted);border-color:transparent;color:var(--color-info)}.spinner{width:20px;height:20px;border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-sunken) 25%,var(--color-border) 50%,var(--color-surface-sunken) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.accordion__item{border-bottom:var(--border-thin) solid var(--color-border-subtle)}.accordion__head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;background:transparent;border:0;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-sm)}.accordion__body{font-size:var(--font-size-sm);color:var(--color-text-muted);padding-bottom:var(--space-4)}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-on-primary);border:0;display:grid;place-items:center;box-shadow:var(--shadow-lg);cursor:pointer;z-index:var(--z-sticky)}.dropzone{border:var(--border-base) dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--color-text-muted);background:var(--color-surface-sunken);cursor:pointer}.dropzone:hover{border-color:var(--color-primary);color:var(--color-primary)}.cmdk{width:min(560px,92vw);background:var(--color-surface-raised);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.cmdk__input{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:var(--border-thin) solid var(--color-border);color:var(--color-text-muted)}.cmdk__input input{flex:1;border:0;background:transparent;outline:none;color:var(--color-text);font-size:var(--font-size-md)}.cmdk__list{padding:var(--space-2);max-height:280px;overflow-y:auto}.cmdk__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.cmdk__item[aria-selected=true]{background:var(--color-primary-subtle);color:var(--color-primary)}.cmdk__item kbd{margin-left:auto;font-family:var(--font-mono);font-size:var(--font-size-2xs);background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--space-2)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-top:var(--border-thin) solid var(--color-border-subtle)}.setting-row:first-child{border-top:0}.setting-row__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.setting-row__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.m-settings{gap:var(--space-6)}.m-settings,.m-settings__group{display:flex;flex-direction:column}.m-settings__group{gap:var(--space-2)}.m-settings__label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);padding:0 var(--space-1)}.m-settings__list{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.m-settings__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);cursor:pointer;transition:var(--transition-fast);color:inherit;text-decoration:none;width:100%;text-align:left;background:transparent;border:0;border-bottom:var(--border-thin) solid var(--color-border-subtle);font:inherit}.m-settings__row:last-child{border-bottom:0}@media(hover:hover){.m-settings__row:hover{background:var(--color-surface-sunken)}}.m-settings__row-body{flex:1;min-width:0}.m-settings__row-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.m-settings__row-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.m-settings__row-action{margin-left:auto;display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted)}.m-magicdump{text-align:center;padding:var(--space-12) var(--space-6);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface)}.m-magicdump__icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary-subtle);color:var(--color-primary);display:grid;place-items:center;margin:0 auto var(--space-4)}.m-magicdump__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.m-magicdump__sub{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-2) auto var(--space-6);max-width:48ch}.m-magicdump__input{width:100%;min-height:88px;text-align:left;resize:vertical;margin-bottom:var(--space-4)}.m-composer{display:flex;gap:var(--space-2);align-items:flex-end;padding:var(--space-4);border-top:var(--border-thin) solid var(--color-border);background:var(--color-surface)}.m-composer textarea{flex:1;min-height:44px;max-height:140px;resize:none}.m-composer__send{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;padding:0}.prose{max-width:680px}.prose h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.prose h2{font-size:var(--font-size-lg);margin:var(--space-8) 0 var(--space-3)}.prose li,.prose p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.prose ol,.prose ul{padding-left:var(--space-6)}.prose strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.m-plan{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-sunken);border:var(--border-thin) solid var(--color-border)}.m-plan__body{flex:1}.m-plan__title{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.m-plan__desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.m-upgrade{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-primary-subtle)}.m-email{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);max-width:420px}.m-email__head{padding:var(--space-3) var(--space-4);border-bottom:var(--border-thin) solid var(--color-border-subtle);font-size:var(--font-size-xs);color:var(--color-text-muted)}.m-email__subject{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm);margin-top:2px}.m-email__body{padding:var(--space-6)}.m-email__hero{height:120px;background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));margin-bottom:var(--space-4);display:grid;place-items:center;color:var(--color-primary)}.m-email__cta,.m-email__hero{border-radius:var(--radius-md)}.m-email__cta{display:inline-block;background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-top:var(--space-4)}.m-campaign{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);border:var(--border-thin) solid var(--color-border)}.m-campaign__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.m-campaign__title{font-weight:var(--font-weight-semibold)}.m-campaign__stats{display:flex;gap:var(--space-6)}.m-campaign__stat{font-size:var(--font-size-xs);color:var(--color-text-muted)}.m-campaign__stat b{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);font-family:var(--font-mono)}.m-contact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-thin) solid var(--color-border-subtle)}.m-contact__body{flex:1;min-width:0}.m-contact__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.m-contact__email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.m-kanban{width:260px;background:var(--color-surface-sunken);border-radius:var(--radius-lg);padding:var(--space-3);flex-shrink:0}.m-kanban__head{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);margin-bottom:var(--space-3)}.m-kanban__count{background:var(--color-surface);border-radius:var(--radius-full);padding:0 var(--space-2)}.m-kanban__card{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-sm);box-shadow:var(--shadow-xs)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:var(--space-4)}@media(min-width:768px){.container{padding:var(--space-6)}}@media(min-width:1024px){.container{padding:var(--space-8)}}.section{padding:var(--space-16) 0}.section-label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-primary);display:block;margin-bottom:var(--space-2)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:1023px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--color-bg);color:var(--color-text)}.app-shell__sidebar{display:none;flex-shrink:0}.app-shell__topbar{display:block;flex-shrink:0}.app-shell__main{flex:1;overflow-y:auto}.app-shell__main-inner{width:100%;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6))}.f-page{max-width:var(--container-app,920px);margin:0 auto;width:100%}.f-page--wide{max-width:var(--container-xl)}.f-page--full{max-width:none}.f-split{display:grid;gap:var(--space-6)}@media(min-width:1024px){.f-split{grid-template-columns:1fr 320px;align-items:start}.f-split--left{grid-template-columns:320px 1fr}.f-split--left .f-split__aside{order:-1}}.app-shell__bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky)}@media(min-width:768px){.app-shell{flex-direction:row}.app-shell__sidebar{display:block}.app-shell__bottomnav,.app-shell__topbar{display:none}.app-shell__main-inner{padding:var(--space-8);padding-bottom:var(--space-8)}}.two-panel{display:flex;flex-direction:column;height:100dvh}.two-panel__bar{flex-shrink:0}.two-panel__split{flex:1;display:flex;min-height:0}.two-panel__chat{width:100%;display:flex;flex-direction:column;border-right:var(--border-thin) solid var(--color-border);overflow-y:auto}.two-panel__preview{display:none;flex:1;overflow-y:auto;background:var(--color-surface)}.two-panel__tabs{display:flex;flex-shrink:0;padding:var(--space-2);gap:var(--space-2);border-bottom:var(--border-thin) solid var(--color-border)}@media(min-width:768px){.two-panel__chat{width:40%;max-width:480px}.two-panel__preview{display:block}.two-panel__tabs{display:none}}.two-panel[data-active=preview] .two-panel__chat{display:none}.two-panel[data-active=preview] .two-panel__preview{display:flex}.frame-focused{max-width:640px;margin:0 auto;padding:var(--space-8) var(--space-4)}.settings-frame{display:grid;grid-template-columns:200px 1fr;gap:var(--space-8)}.settings-frame__nav{display:flex;flex-direction:column;gap:var(--space-1)}.settings-frame__panels{display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:767px){.settings-frame{grid-template-columns:1fr}}.overview-frame{padding:var(--space-8)}.overview-frame .app-shell__main-inner,.overview-frame.container{max-width:none}.master-detail{display:grid;grid-template-columns:280px 1fr 320px;height:100%;min-height:0}.master-detail__list{border-right:var(--border-thin) solid var(--color-border);overflow-y:auto}.master-detail__detail{overflow-y:auto;padding:var(--space-6)}.master-detail__inspector{border-left:var(--border-thin) solid var(--color-border);overflow-y:auto;padding:var(--space-4)}@media(max-width:1023px){.master-detail{grid-template-columns:240px 1fr}.master-detail__inspector{display:none}}@media(max-width:767px){.master-detail{grid-template-columns:1fr}.master-detail__list{display:none}}.canvas-frame{position:relative;height:100dvh;overflow:hidden;background:var(--color-bg)}.canvas-frame__surface{position:absolute;inset:0;background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:24px 24px}.canvas-frame__toolbar{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-raised)}.canvas-frame__dock{top:50%;left:var(--space-4);transform:translateY(-50%)}.canvas-frame__dock,.canvas-frame__panel{position:absolute;z-index:var(--z-raised)}.canvas-frame__panel{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:280px}@media(max-width:767px){.canvas-frame__dock,.canvas-frame__panel{display:none}.canvas-frame__toolbar{top:auto;bottom:var(--space-4)}}.editor-frame{display:grid;grid-template-rows:var(--header-height) 1fr 140px;grid-template-columns:56px 1fr 280px;grid-template-areas:"bar bar bar" "rail stage props" "rail timeline props";height:100dvh}.editor-frame__bar{grid-area:bar;border-bottom:var(--border-thin) solid var(--color-border)}.editor-frame__rail{grid-area:rail;border-right:var(--border-thin) solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) 0}.editor-frame__stage{grid-area:stage;display:grid;place-items:center;overflow:auto;background:var(--color-surface-sunken)}.editor-frame__props{grid-area:props;border-left:var(--border-thin) solid var(--color-border);overflow-y:auto;padding:var(--space-4)}.editor-frame__timeline{grid-area:timeline;border-top:var(--border-thin) solid var(--color-border);overflow-x:auto;padding:var(--space-3)}@media(max-width:767px){.editor-frame{grid-template-rows:var(--header-height) 1fr 72px;grid-template-columns:1fr;grid-template-areas:"bar" "stage" "timeline"}.editor-frame__props,.editor-frame__rail{display:none}}.c-navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-thin) solid var(--color-border-subtle)}.c-brand{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:var(--font-weight-bold)}.c-brand__mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-on-primary);display:grid;place-items:center}.c-navbar__links{display:flex;gap:var(--space-6)}.c-navbar__links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(max-width:767px){.c-navbar__links{display:none}}.c-hero{text-align:center;padding:var(--space-24) var(--space-6)}.c-hero__badge{display:inline-flex;gap:var(--space-2);align-items:center;background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.c-hero__title{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:1.1;max-width:16ch;margin:0 auto}.c-hero__title em{color:var(--color-primary);font-style:normal}.c-hero__sub{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:54ch;margin:var(--space-6) auto var(--space-8)}.c-hero__cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}@media(max-width:640px){.c-hero{padding:var(--space-16) var(--space-4)}.c-hero__title{font-size:var(--font-size-4xl)}}.c-feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;padding:var(--space-16) var(--space-8)}.c-feature--alt{direction:rtl}.c-feature--alt>*{direction:ltr}.c-feature__art{aspect-ratio:4/3;border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));border:var(--border-thin) solid var(--color-border)}.c-feature__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}@media(max-width:767px){.c-feature{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-12) var(--space-4)}.c-feature--alt{direction:ltr}}.c-section-head{text-align:center;padding:var(--space-12) var(--space-6) 0}.c-section-head h2{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.c-section-head p{color:var(--color-text-muted);margin-top:var(--space-2)}.c-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6)}.c-grid-3,.c-grid-auto{display:grid;padding:var(--space-8)}.c-grid-auto{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.c-faq{max-width:680px;margin:0 auto;padding:var(--space-8)}.c-faq__item{border-bottom:var(--border-thin) solid var(--color-border-subtle);padding:var(--space-4) 0}.c-faq__q{display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-semibold);cursor:pointer}.c-faq__a{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.c-cta{text-align:center;margin:var(--space-8);padding:var(--space-16);border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));border:var(--border-thin) solid var(--color-border)}.c-cta h2{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.c-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:var(--border-thin) solid var(--color-border-subtle)}.c-deck{display:flex;gap:var(--space-4);padding:var(--space-8);align-items:flex-start}.c-deck__stack{position:relative;width:220px}.c-deck__stack>.m-swipe:nth-child(2){position:absolute;top:8px;left:8px;right:-8px;z-index:-1;opacity:.6}.c-deck__stack>.m-swipe:nth-child(3){position:absolute;top:16px;left:16px;right:-16px;z-index:-2;opacity:.3}