:root{--font-display:"Fraunces", Georgia, serif;--font-body:"Nunito Sans", -apple-system, "Segoe UI", sans-serif;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:72px;--size-tap:44px;--size-header:56px;--size-bottom-nav:64px;--size-sidebar:248px;--size-reading:720px;--motion-fast:.14s;--motion-base:.22s;--motion-slow:.42s;--motion-breath:6s;--type-xs:13px;--type-sm:14px;--type-base:16px;--type-md:18px;--type-lg:22px;--type-xl:28px;--type-2xl:36px;--type-3xl:48px;--bg:#f7f1e8;--bg-secondary:#fffdf9;--bg-tertiary:#efe6d8;--bg-hover:#eadfcf;--bg-brand:#1f4e5a;--bg-brand-hover:#163c45;--bg-brand-soft:#dce9ec;--bg-accent:#e07a5f;--bg-accent-hover:#c9634a;--bg-accent-soft:#f8ded4;--bg-danger:#b3261e;--bg-danger-soft:#f9dedc;--bg-success:#4e7a5e;--bg-success-soft:#dce8de;--bg-warning:#b7791f;--bg-warning-soft:#f6e7cb;--bg-inverse:#2a2622;--text-primary:#2a2622;--text-secondary:#6b625a;--text-placeholder:#9a8f85;--text-helper:#7d746b;--text-brand:#1f4e5a;--text-accent:#b85a40;--text-danger:#8f1e17;--text-on-color:#fffdf9;--text-inverse:#f7f1e8;--border:#e3d9cb;--border-strong:#c9bba8;--border-focus:#1f4e5a;--viz-1:#1f4e5a;--viz-2:#e07a5f;--viz-3:#8a9a5b;--viz-4:#c9a227;--shadow-card:0 1px 2px #3c28140f, 0 6px 20px #3c28140f;--shadow-raised:0 4px 10px #3c28141a, 0 18px 40px #3c28141f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1b1916;--bg-secondary:#24211d;--bg-tertiary:#2e2a25;--bg-hover:#36312b;--bg-brand:#7fb5c2;--bg-brand-hover:#98c6d1;--bg-brand-soft:#243d45;--bg-accent:#f09a80;--bg-accent-hover:#f5b09b;--bg-accent-soft:#45302a;--bg-danger:#f2b8b5;--bg-danger-soft:#4a2320;--bg-success:#9cc3a8;--bg-success-soft:#28392d;--bg-warning:#e5b860;--bg-warning-soft:#3f3420;--bg-inverse:#f7f1e8;--text-primary:#efe8df;--text-secondary:#b5aaa0;--text-placeholder:#7d746b;--text-helper:#9a8f85;--text-brand:#9cc9d4;--text-accent:#f4a98f;--text-danger:#f2b8b5;--text-on-color:#1b1916;--text-inverse:#2a2622;--border:#3a352f;--border-strong:#524b43;--border-focus:#7fb5c2;--viz-1:#7fb5c2;--viz-2:#f09a80;--viz-3:#b4c47e;--viz-4:#e2c25b;--shadow-card:0 1px 2px #0000004d, 0 6px 20px #00000040;--shadow-raised:0 4px 10px #00000059, 0 18px 40px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b1916;--bg-secondary:#24211d;--bg-tertiary:#2e2a25;--bg-hover:#36312b;--bg-brand:#7fb5c2;--bg-brand-hover:#98c6d1;--bg-brand-soft:#243d45;--bg-accent:#f09a80;--bg-accent-hover:#f5b09b;--bg-accent-soft:#45302a;--bg-danger:#f2b8b5;--bg-danger-soft:#4a2320;--bg-success:#9cc3a8;--bg-success-soft:#28392d;--bg-warning:#e5b860;--bg-warning-soft:#3f3420;--bg-inverse:#f7f1e8;--text-primary:#efe8df;--text-secondary:#b5aaa0;--text-placeholder:#7d746b;--text-helper:#9a8f85;--text-brand:#9cc9d4;--text-accent:#f4a98f;--text-danger:#f2b8b5;--text-on-color:#1b1916;--text-inverse:#2a2622;--border:#3a352f;--border-strong:#524b43;--border-focus:#7fb5c2;--viz-1:#7fb5c2;--viz-2:#f09a80;--viz-3:#b4c47e;--viz-4:#e2c25b;--shadow-card:0 1px 2px #0000004d, 0 6px 20px #00000040;--shadow-raised:0 4px 10px #00000059, 0 18px 40px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--type-base);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 600px at -10% -10%, var(--bg-accent-soft) 0%, transparent 60%), radial-gradient(700px 500px at 110% 10%, var(--bg-brand-soft) 0%, transparent 55%);background-attachment:fixed;margin:0;line-height:1.55}body:before{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 var(--space-3);color:var(--text-primary);font-variation-settings:"SOFT" 60, "WONK" 0;font-weight:500;line-height:1.15}h1{font-size:var(--type-2xl)}h2{font-size:var(--type-xl)}h3{font-size:var(--type-lg)}h4{font-size:var(--type-md);font-family:var(--font-body);font-weight:700}p{margin:0 0 var(--space-4)}a{color:var(--text-brand);text-underline-offset:3px;text-decoration-thickness:1px}small,.muted{color:var(--text-secondary);font-size:var(--type-sm)}strong{font-weight:700}ul,ol{margin:0 0 var(--space-4);padding-left:1.25em}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:var(--bg-accent-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kicker{font-family:var(--font-body);font-size:var(--type-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent);margin:0 0 var(--space-2);font-weight:700}.stack>*+*{margin-top:var(--space-4)}.stack--tight>*+*{margin-top:var(--space-2)}.row{align-items:center;gap:var(--space-3);display:flex}.row--between{justify-content:space-between}.grow{flex:1}.shell{z-index:1;grid-template-rows:var(--size-header) 1fr auto;grid-template-areas:"header""main""nav";min-height:100dvh;display:grid;position:relative}.shell-header{z-index:20;align-items:center;gap:var(--space-3);padding:0 var(--space-4);padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);grid-area:header;display:flex;position:sticky;top:0}.shell-header__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--type-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:600;text-decoration:none;display:inline-flex}.shell-header__brand em{color:var(--text-brand);font-style:italic;font-weight:500}.shell-header__mark{border-radius:var(--radius-pill);background:radial-gradient(circle at 35% 35%, var(--bg-accent) 0%, var(--bg-brand) 70%);width:28px;height:28px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bg-secondary) 60%, transparent)}.shell-header__spacer{flex:1}.shell-header__avatar{border-radius:var(--radius-pill);background:var(--bg-brand-soft);width:36px;height:36px;color:var(--text-brand);font-weight:700;font-size:var(--type-sm);border:1px solid var(--border);place-items:center;text-decoration:none;display:grid}.app-content{width:100%;max-width:var(--size-reading);padding:var(--space-5) var(--space-4) var(--space-8);grid-area:main;margin:0 auto}.bottom-nav{z-index:20;height:calc(var(--size-bottom-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg-secondary) 90%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-area:nav;grid-template-columns:repeat(5,1fr);display:grid;position:sticky;bottom:0}.bottom-nav__item{min-height:var(--size-tap);letter-spacing:.02em;color:var(--text-secondary);transition:color var(--motion-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav__item svg{stroke-width:1.75px;width:24px;height:24px}.bottom-nav__item[aria-current=page]{color:var(--text-brand)}.bottom-nav__item--ask{color:var(--text-on-color);position:relative}.bottom-nav__item--ask span{color:var(--text-secondary)}.bottom-nav__item--ask .bottom-nav__orb{border-radius:var(--radius-pill);background:radial-gradient(circle at 30% 30%, var(--bg-accent) 0%, var(--bg-brand) 75%);width:52px;height:52px;box-shadow:var(--shadow-raised);transition:transform var(--motion-base);place-items:center;margin-top:-22px;display:grid}.bottom-nav__item--ask .bottom-nav__orb svg{width:24px;height:24px;color:var(--text-on-color)}.bottom-nav__item--ask:active .bottom-nav__orb{transform:scale(.94)}.sidebar{height:100dvh;padding:var(--space-6) var(--space-4);border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg-secondary) 55%, transparent);gap:var(--space-2);flex-direction:column;grid-area:side;display:none;position:sticky;top:0}.sidebar__brand{margin:0 var(--space-3) var(--space-7)}.sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--motion-fast), color var(--motion-fast);font-weight:600;text-decoration:none;display:flex}.sidebar__item svg{stroke-width:1.75px;width:22px;height:22px}.sidebar__item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__item[aria-current=page]{background:var(--bg-brand-soft);color:var(--text-brand)}.sidebar__item--ask{margin:var(--space-2) 0;background:var(--bg-brand);color:var(--text-on-color)}.sidebar__item--ask:hover,.sidebar__item--ask[aria-current=page]{background:var(--bg-brand-hover);color:var(--text-on-color)}.sidebar__footer{margin-top:auto}@media (width>=1024px){.shell{grid-template-columns:var(--size-sidebar) 1fr;grid-template-rows:var(--size-header) 1fr;grid-template-areas:"side header""side main"}.sidebar{display:flex}.bottom-nav{display:none}.shell-header{-webkit-backdrop-filter:none;background:0 0;border-bottom:0}.shell-header__brand{display:none}.app-content{padding:var(--space-4) var(--space-8) var(--space-10)}}.guest{z-index:1;min-height:100dvh;padding:var(--space-6) var(--space-4);place-items:center;display:grid;position:relative}.guest__card{width:100%;max-width:440px}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card)}.card__label{font-size:var(--type-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-helper);margin:0 0 var(--space-2);font-weight:700}.card__title{margin:0 0 var(--space-2);font-size:var(--type-lg)}.card--soft{background:var(--bg-tertiary);box-shadow:none}.card--brand{background:var(--bg-brand-soft);box-shadow:none;border-color:#0000}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-tap);padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:700;font-size:var(--type-base);white-space:nowrap;cursor:pointer;transition:background var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn svg{stroke-width:2px;width:20px;height:20px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--bg-brand);color:var(--text-on-color)}.btn--primary:hover{background:var(--bg-brand-hover)}.btn--accent{background:var(--bg-accent);color:var(--text-on-color)}.btn--accent:hover{background:var(--bg-accent-hover)}.btn--ghost{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.btn--ghost:hover{background:var(--bg-hover)}.btn--quiet{color:var(--text-secondary);background:0 0}.btn--quiet:hover{color:var(--text-primary);background:var(--bg-hover)}.btn--danger{background:var(--bg-danger);color:var(--text-on-color)}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--type-sm)}.btn--block{width:100%}.field{margin-bottom:var(--space-4);display:block}.field__label{font-weight:700;font-size:var(--type-sm);margin-bottom:var(--space-2);display:block}.field__input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font:inherit;transition:border-color var(--motion-fast), box-shadow var(--motion-fast)}.field__input::placeholder{color:var(--text-placeholder)}.field__input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--bg-brand-soft);outline:none}.field textarea.field__input{resize:vertical;min-height:110px}.field__help{margin-top:var(--space-2);font-size:var(--type-sm);color:var(--text-helper);display:block}.field__error{margin-top:var(--space-2);font-size:var(--type-sm);color:var(--text-danger);display:block}.choice{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice__opt{position:relative}.choice__opt input{opacity:0;position:absolute;inset:0}.choice__opt span{min-height:40px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-secondary);cursor:pointer;transition:all var(--motion-fast);align-items:center;display:inline-flex}.choice__opt input:checked+span{background:var(--bg-brand);border-color:var(--bg-brand);color:var(--text-on-color)}.choice__opt input:focus-visible+span{outline:2px solid var(--border-focus);outline-offset:2px}.badge{border-radius:var(--radius-pill);font-size:var(--type-xs);letter-spacing:.03em;background:var(--bg-tertiary);color:var(--text-secondary);align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex}.badge--brand{background:var(--bg-brand-soft);color:var(--text-brand)}.badge--accent{background:var(--bg-accent-soft);color:var(--text-accent)}.badge--success{background:var(--bg-success-soft);color:var(--bg-success)}.badge--warning{background:var(--bg-warning-soft);color:var(--bg-warning)}.badge--danger{background:var(--bg-danger-soft);color:var(--text-danger)}.stage-header{gap:var(--space-4);padding:var(--space-4) 0 var(--space-6);grid-template-columns:auto 1fr;align-items:center;display:grid;position:relative}.stage-header__num{width:84px;height:84px;font-family:var(--font-display);font-size:var(--type-3xl);color:var(--text-brand);font-variation-settings:"SOFT" 100, "opsz" 144;place-items:center;font-style:italic;font-weight:300;display:grid;position:relative}.stage-header__num:before,.stage-header__num:after{content:"";border-radius:var(--radius-pill);background:radial-gradient(circle at 40% 35%, var(--bg-accent-soft), var(--bg-brand-soft));z-index:-1;position:absolute;inset:0}.stage-header__num:after{animation:breathe var(--motion-breath) ease-in-out infinite;opacity:.6}.stage-header__greeting{font-size:var(--type-base);color:var(--text-secondary);margin:0}.stage-header__stage{margin:2px 0 var(--space-1);font-size:var(--type-xl)}.stage-header__note{color:var(--text-secondary);font-size:var(--type-sm);margin:0}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.15;transform:scale(1.22)}}.action-list{gap:var(--space-2);display:grid}.action-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;transition:border-color var(--motion-fast), transform var(--motion-fast);grid-template-columns:auto 1fr auto;text-decoration:none;display:grid}.action-card:hover{border-color:var(--border-strong);transform:translate(2px)}.action-card__check{border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);color:#0000;width:26px;height:26px;transition:all var(--motion-fast);place-items:center;display:grid}.action-card__check svg{stroke-width:3px;width:14px;height:14px}.action-card__title{margin:0;font-weight:600}.action-card__meta{font-size:var(--type-sm);color:var(--text-secondary);margin:0}.action-card__when{font-size:var(--type-xs);color:var(--text-helper);white-space:nowrap;font-weight:700}.action-card--done{opacity:.6}.action-card--done .action-card__check{background:var(--bg-success);border-color:var(--bg-success);color:var(--text-on-color)}.action-card--done .action-card__title{text-decoration:line-through}.checkin{background:var(--bg-brand);color:var(--text-on-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);background-image:radial-gradient(500px 220px at 100% 0%, color-mix(in srgb, var(--bg-accent) 45%, transparent), transparent 70%)}.checkin .kicker{color:color-mix(in srgb, var(--text-on-color) 75%, transparent)}.checkin__q{font-family:var(--font-display);font-size:var(--type-xl);margin:0 0 var(--space-5);color:var(--text-on-color);font-weight:400}.checkin__scale{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.checkin__opt{position:relative}.checkin__opt input{opacity:0;position:absolute;inset:0}.checkin__opt span{padding:var(--space-3) 0;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text-on-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--text-on-color) 18%, transparent);font-size:var(--type-xs);cursor:pointer;transition:all var(--motion-fast);flex-direction:column;align-items:center;gap:4px;font-weight:600;display:flex}.checkin__opt b{font-size:var(--type-lg);font-weight:400;font-family:var(--font-display)}.checkin__opt input:checked+span{background:var(--text-on-color);color:var(--bg-brand)}.checkin__opt input:focus-visible+span{outline:2px solid var(--text-on-color);outline-offset:2px}.checkin__foot{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--type-sm);color:color-mix(in srgb, var(--text-on-color) 80%, transparent);display:flex}.checkin__foot .btn--quiet{color:inherit}.content-card{gap:var(--space-4);padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;box-shadow:var(--shadow-card);transition:transform var(--motion-base), box-shadow var(--motion-base);grid-template-columns:1fr auto;text-decoration:none;display:grid}.content-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.content-card__title{margin:var(--space-1) 0 var(--space-2);font-size:var(--type-lg)}.content-card__desc{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--type-sm)}.content-card__meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.content-card__art{border-radius:var(--radius-sm);background:conic-gradient(from 200deg, var(--bg-accent-soft), var(--bg-brand-soft), var(--bg-tertiary), var(--bg-accent-soft));width:72px;height:72px;color:var(--text-brand);place-items:center;display:grid}.content-card__art svg{stroke-width:1.5px;width:28px;height:28px}.ask-entry{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-placeholder);box-shadow:var(--shadow-card);transition:border-color var(--motion-fast);text-decoration:none;display:flex}.ask-entry:hover{border-color:var(--bg-brand)}.ask-entry__text{font-size:var(--type-base);flex:1}.ask-entry__go{border-radius:var(--radius-pill);background:var(--bg-brand);width:40px;height:40px;color:var(--text-on-color);place-items:center;display:grid}.ask-entry__go svg{stroke-width:2px;width:20px;height:20px}.next-event{gap:var(--space-4);padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);grid-template-columns:auto 1fr;align-items:center;display:grid}.next-event__date{text-align:center;min-width:56px;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-accent-soft);color:var(--text-accent)}.next-event__date b{font-family:var(--font-display);font-size:var(--type-xl);font-weight:500;line-height:1;display:block}.next-event__date small{color:inherit;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.next-event__title{margin:0;font-weight:700}.next-event__meta{color:var(--text-secondary);font-size:var(--type-sm);margin:0}.safety-banner{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-danger-soft);border:1px solid color-mix(in srgb, var(--bg-danger) 30%, transparent);color:var(--text-danger);grid-template-columns:auto 1fr;display:grid}.safety-banner svg{stroke-width:2px;width:24px;height:24px}.safety-banner__title{margin:0 0 var(--space-1);font-weight:700}.safety-banner__body{margin:0 0 var(--space-3);font-size:var(--type-sm)}.safety-banner__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.safety-banner--quiet{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}.help-pill{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--type-sm);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.help-pill svg{stroke-width:2px;width:18px;height:18px;color:var(--text-accent)}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(var(--bg-brand) 0 var(--progress,30%), var(--border) var(--progress,30%) 100%);width:2px;position:absolute;top:12px;bottom:12px;left:15px}.timeline__item{gap:var(--space-3);padding:var(--space-3) 0;color:var(--text-secondary);grid-template-columns:32px 1fr;display:grid;position:relative}.timeline__dot{border-radius:var(--radius-pill);background:var(--bg);border:2px solid var(--border);width:32px;height:32px;font-family:var(--font-display);font-size:var(--type-sm);color:var(--text-helper);place-items:center;font-weight:600;display:grid}.timeline__title{color:inherit;margin:0;font-weight:600}.timeline__meta{font-size:var(--type-sm);margin:0}.timeline__item--done .timeline__dot{background:var(--bg-brand);border-color:var(--bg-brand);color:var(--text-on-color)}.timeline__item--current{color:var(--text-primary)}.timeline__item--current .timeline__dot{border-color:var(--bg-accent);background:var(--bg-accent-soft);color:var(--text-accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--bg-accent) 18%, transparent)}.timeline__item--current .timeline__title{font-family:var(--font-display);font-size:var(--type-lg);font-weight:500}.consent{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);grid-template-columns:auto 1fr;display:grid}.consent input{width:22px;height:22px;accent-color:var(--bg-brand);margin-top:2px}.consent__title{margin:0 0 2px;font-weight:700}.consent__body{font-size:var(--type-sm);color:var(--text-secondary);margin:0}.consent__version{font-size:var(--type-xs);color:var(--text-helper)}.section{margin-top:var(--space-7)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.section__head h2{font-size:var(--type-lg);margin:0}.section__head a{font-size:var(--type-sm);font-weight:700;text-decoration:none}.reveal>*{animation:rise var(--motion-slow) cubic-bezier(.2, .7, .2, 1) both}.reveal>:first-child{animation-delay:0s}.reveal>:nth-child(2){animation-delay:55ms}.reveal>:nth-child(3){animation-delay:.11s}.reveal>:nth-child(4){animation-delay:.165s}.reveal>:nth-child(5){animation-delay:.22s}.reveal>:nth-child(6){animation-delay:.275s}.reveal>:nth-child(7){animation-delay:.33s}.reveal>:nth-child(8){animation-delay:.385s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border);font-size:var(--type-xs);overflow:hidden}.swatch__color{height:56px}.swatch__name{padding:var(--space-2);color:var(--text-secondary);font-family:monospace}.type-sample{gap:var(--space-2);display:grid}.type-sample>*{margin:0}