:root{color-scheme:light dark;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--bg: #f6f6f4;--bg-subtle: #ececeb;--surface: #ffffff;--surface-raised: #ffffff;--border: #dededa;--border-strong: #c3c3bd;--text: #1b1b19;--text-muted: #5e5e58;--text-faint: #8a8a83;--accent: #b8352a;--accent-hover: #9c2b22;--accent-contrast: #ffffff;--accent-soft: #fbeceb;--danger: #b3261e;--danger-soft: #fbeceb;--warning: #8a5b00;--warning-soft: #fdf3dc;--success: #1f6b45;--success-soft: #e5f3ec;--focus: #2563eb;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 16px rgb(0 0 0 / .08)}@media (prefers-color-scheme: dark){:root{--bg: #131315;--bg-subtle: #1b1b1e;--surface: #1c1c1f;--surface-raised: #232327;--border: #313136;--border-strong: #45454c;--text: #eeeeec;--text-muted: #a6a6a1;--text-faint: #7c7c78;--accent: #e2685a;--accent-hover: #ee7b6d;--accent-contrast: #22100d;--accent-soft: #331a17;--danger: #f08579;--danger-soft: #331a17;--warning: #e0b357;--warning-soft: #332a13;--success: #6fce9e;--success-soft: #14291f;--focus: #7aa5ff;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 6px 20px rgb(0 0 0 / .45)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:grid;grid-template-columns:15rem 1fr;min-height:100%}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--surface);border-right:1px solid var(--border)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2)}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em}.brand-name{font-weight:600;letter-spacing:-.01em}.brand-name__accent{color:var(--accent)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.nav-link:hover{background:var(--bg-subtle);color:var(--text)}.nav-link--active{background:var(--accent-soft);color:var(--accent)}.nav-icon{width:1.25rem;height:1.25rem;flex:none}.sidebar__foot{margin-top:auto;padding:0 var(--space-3);color:var(--text-faint);font-size:var(--text-xs)}.app-main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border)}.topbar__title{font-size:var(--text-lg)}.topbar__user{display:flex;align-items:center;gap:var(--space-4)}.user-summary{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.3}.user-summary__name{font-size:var(--text-sm);font-weight:600}.user-summary__meta{display:flex;align-items:center;gap:var(--space-2)}.user-summary__email{color:var(--text-faint);font-size:var(--text-xs)}.page{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:74rem;padding:var(--space-6)}.banner{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-bottom:1px solid var(--border)}.banner--warning{background:var(--warning-soft);color:var(--warning)}@media (max-width: 60rem){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.sidebar__foot{display:none}.page{padding:var(--space-4)}.topbar{padding:var(--space-3) var(--space-4)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-header__title{font-size:var(--text-xl)}.page-header__description{max-width:60ch;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.page-header__actions{display:flex;gap:var(--space-2)}.panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel__title{font-size:var(--text-lg)}.panel__subtitle{max-width:70ch;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.panel__note{max-width:70ch;color:var(--text-faint);font-size:var(--text-xs)}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.empty-state__title{font-size:var(--text-lg)}.empty-state__description{max-width:68ch;color:var(--text-muted);font-size:var(--text-sm)}.empty-state__points{display:flex;flex-direction:column;gap:var(--space-2);max-width:68ch;margin:0;padding-left:1.1rem;color:var(--text-muted);font-size:var(--text-sm)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-3)}.section-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .12s ease,transform .12s ease}.section-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.section-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.section-card__title{font-weight:600}.section-card__summary{color:var(--text-muted);font-size:var(--text-sm)}.facts{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:0;color:var(--text-muted);font-size:var(--text-xs)}.facts dt{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.facts dd{margin:var(--space-1) 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--accent);color:var(--accent-contrast)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--ghost{border-color:var(--border-strong);color:var(--text-muted)}.button--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.button--link{min-height:auto;padding:0;color:var(--accent);font-size:var(--text-sm)}.button--link:hover:not(:disabled){text-decoration:underline}.button--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field--inline{min-width:12rem}.field__label{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.input{width:100%;min-height:2.5rem;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-base)}.input:focus-visible{border-color:var(--focus)}.input--code{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.4em;text-align:center}.control-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.segmented{display:inline-flex;padding:2px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.segmented__item{padding:var(--space-1) var(--space-3);border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer}.segmented__item.is-selected{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em}.badge--milestone{background:var(--bg-subtle);color:var(--text-faint);border:1px solid var(--border)}.chip{display:inline-flex;align-items:center;padding:0 var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:600}.chip--neutral{background:var(--bg-subtle);color:var(--text-muted)}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--success{background:var(--success-soft);color:var(--success)}.chip--warning{background:var(--warning-soft);color:var(--warning)}.alert{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.alert--danger{background:var(--danger-soft);color:var(--danger)}.login{display:grid;place-items:center;min-height:100%;padding:var(--space-5);background:var(--bg)}.login__card{display:flex;flex-direction:column;gap:var(--space-4);width:min(24rem,100%);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login__brand{display:flex;align-items:center;gap:var(--space-3)}.login__title{font-size:var(--text-xl)}.login__subtitle{color:var(--text-muted);font-size:var(--text-sm)}.login__form{display:flex;flex-direction:column;gap:var(--space-4)}.login__secondary{display:flex;justify-content:space-between;gap:var(--space-3)}.turnstile-slot{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-subtle)}.turnstile-slot__text{color:var(--text-faint);font-size:var(--text-xs)}.preview{display:flex;flex-direction:column;gap:var(--space-4)}.preview-bezel{padding:.75rem;background:#17171a;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.preview-frame{position:relative;width:100%;overflow:hidden;background:#000;border-radius:var(--radius-sm)}.preview-canvas{position:absolute;top:50%;left:50%;overflow:hidden;container-type:size}.preview-media{display:block;width:100%;height:100%}.preview-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqh;width:100%;height:100%;text-align:center;color:#fff}.preview-state--closed{background:#000;color:#4a4a4a}.preview-state--idle{background:radial-gradient(circle at 50% 35%,#232327,#0b0b0d 70%)}.preview-state__label{font-size:5cqw;font-weight:600;letter-spacing:.02em}.preview-state__detail{font-size:3cqw;opacity:.7}.preview-brand{display:grid;place-items:center;width:12cqw;height:12cqw;border-radius:2.5cqw;background:var(--accent);color:#fff;font-size:4.5cqw;font-weight:700;letter-spacing:.04em}.preview-status{display:flex;flex-direction:column;gap:var(--space-3)}.preview-status__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.preview-status__source{color:var(--text-muted)}.preview-status__counter,.preview-status__timer{color:var(--text-faint);font-size:var(--text-xs)}.preview-status__timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.preview-status__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-3) var(--space-5);margin:0}.preview-status__facts dt{color:var(--text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.preview-status__facts dd{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.preview-swatch{width:.85rem;height:.85rem;border:1px solid var(--border-strong);border-radius:3px}.preview-status__notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--warning-soft);color:var(--warning);font-size:var(--text-xs)}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}