:root{--green-50:#eef7f2;--green-100:#d9eee2;--green-200:#b2dcc4;--green-300:#7ec3a0;--green-400:#4ba57c;--green-500:#0e7c66;--green-600:#0b6353;--green-700:#094c3f;--green-800:#06362d;--green-900:#04221c;--sage-50:#f3f5ef;--sage-100:#e5ead9;--sage-200:#c9d3b5;--sage-300:#9fe5c9;--sage-400:#7fb98f;--sage-500:#5a8e6e;--clay-50:#faf6ef;--clay-100:#f2eadb;--clay-200:#e4d5bc;--clay-300:#cdb38a;--clay-400:#a8895e;--clay-500:#7a5e38;--bg:#f6f3ec;--bg-raised:#fdfbf5;--bg-sunken:#eee9dd;--ink-900:#1a2420;--ink-800:#2a3631;--ink-700:#3f4a45;--ink-600:#5a6560;--ink-500:#7a847f;--ink-400:#a0a8a3;--ink-300:#c4cac6;--ink-200:#dfe3de;--ink-100:#ecefea;--success:#0e7c66;--warning:#c98a2b;--danger:#b4463a;--info:#3a6fb4;--font-display:"Instrument Serif", ui-serif, Georgia, serif;--font-sans:"Geist", ui-sans-serif, -apple-system, "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-display:56px;--t-h1:40px;--t-h2:30px;--t-h3:22px;--t-h4:18px;--t-body:15px;--t-small:13px;--t-tiny:11px;--leading-tight:1.08;--leading-snug:1.25;--leading-body:1.55;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-xs:0 1px 2px #1a24200d;--shadow-sm:0 2px 6px #1a24200f, 0 1px 2px #1a24200a;--shadow-md:0 6px 20px #1a242014, 0 2px 4px #1a24200a;--shadow-lg:0 18px 40px #1a24201f, 0 4px 8px #1a24200f;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.22s;--dur-slow:.42s}[data-theme=dark]{--bg:#0f1714;--bg-raised:#15201c;--bg-sunken:#0a100e;--ink-900:#f2efe6;--ink-800:#e2ded2;--ink-700:#c5c1b4;--ink-600:#9ca197;--ink-500:#7a847f;--ink-400:#5a6560;--ink-300:#3f4a45;--ink-200:#2a3631;--ink-100:#1e2925;--green-500:#4ba57c;--green-600:#7ec3a0;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 6px 20px #0006;--shadow-lg:0 18px 40px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background:var(--bg);color:var(--ink-900);font-size:var(--t-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;font-weight:400;line-height:var(--leading-tight)}code,pre,.mono{font-family:var(--font-mono)}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.serif{font-family:var(--font-display)}
.topbar{z-index:20;padding:var(--s-3) var(--s-6);background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--ink-200);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__left,.topbar__right{align-items:center;gap:var(--s-4);display:flex}.wordmark{align-items:baseline;gap:var(--s-2);display:flex}.wordmark__mark{color:var(--green-500);display:inline-flex;transform:translateY(3px)}.wordmark__text{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px;line-height:1}.wordmark__suffix{font-family:var(--font-mono);color:var(--ink-500);font-size:12px}.variant-switch{background:var(--bg-sunken);border-radius:var(--r-pill);padding:3px;display:flex}.variant-switch__btn{border-radius:var(--r-pill);color:var(--ink-600);transition:var(--dur) var(--ease-out);padding:6px 12px;font-size:12px;font-weight:500}.variant-switch__btn.is-active{background:var(--bg-raised);color:var(--ink-900);box-shadow:var(--shadow-xs)}.theme-toggle{border-radius:var(--r-pill);border:1px solid var(--ink-200);width:32px;height:32px;color:var(--ink-700);transition:var(--dur) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--bg-sunken)}.shell{grid-template-columns:240px 1fr;gap:0;max-width:1440px;margin:0 auto;display:grid}.sidenav{height:calc(100vh - 64px);padding:var(--s-6) var(--s-4) var(--s-6) var(--s-6);border-right:1px solid var(--ink-200);align-self:start;gap:var(--s-5);flex-direction:column;display:flex;position:sticky;top:64px;overflow-y:auto}.sidenav__group{flex-direction:column;gap:2px;display:flex}.sidenav__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);margin-bottom:var(--s-2);font-size:11px}.sidenav a{color:var(--ink-700);border-radius:var(--r-sm);transition:background var(--dur-fast);margin-left:-10px;padding:6px 10px;font-size:13px}.sidenav a:hover{background:var(--bg-sunken);color:var(--ink-900)}.sidenav__foot{color:var(--ink-500);padding-top:var(--s-4);border-top:1px dashed var(--ink-200);margin-top:auto;font-size:11px}.main{padding:var(--s-7) var(--s-8);max-width:1120px}.sect{padding:var(--s-8) 0;border-top:1px dashed var(--ink-200)}.sect:first-of-type,.sect.hero{border-top:0}.sect--sage{background:var(--sage-50);margin:var(--s-7) calc(var(--s-8) * -1);padding:var(--s-8);border-radius:var(--r-xl);border:0}.sect--clay{background:var(--clay-50);margin:var(--s-7) calc(var(--s-8) * -1);padding:var(--s-8);border-radius:var(--r-xl);border:0}[data-theme=dark] .sect--sage{background:color-mix(in oklab, var(--green-900) 40%, var(--bg-raised))}[data-theme=dark] .sect--clay{background:color-mix(in oklab, var(--clay-500) 18%, var(--bg-raised))}.sect__head{max-width:720px;margin-bottom:var(--s-6)}.sect__eyebrow{color:var(--ink-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s-3);font-size:11px}.sect__title{font-size:var(--t-h1);margin-bottom:var(--s-3);line-height:1.05}.sect__lede{color:var(--ink-700);max-width:60ch;font-size:17px;line-height:1.55}.sect__lede .mono{background:var(--bg-sunken);border-radius:4px;padding:2px 6px;font-size:13px}.hero{padding:var(--s-8) 0 var(--s-7)}.hero__meta{gap:var(--s-3);color:var(--ink-500);margin-bottom:var(--s-6);font-size:12px;display:flex}.hero__title{letter-spacing:-.025em;margin-bottom:var(--s-5);max-width:14ch;font-size:84px;line-height:.96}.hero__title em{color:var(--green-500);font-style:italic}.hero__lede{color:var(--ink-700);max-width:62ch;margin-bottom:var(--s-7);font-size:19px;line-height:1.5}.hero__pillars{gap:var(--s-5);grid-template-columns:repeat(3,1fr);display:grid}.pillar{padding:var(--s-5);border-top:1px solid var(--ink-300)}.pillar__num{font-family:var(--font-mono);color:var(--ink-500);margin-bottom:var(--s-3);font-size:11px}.pillar__title{margin-bottom:var(--s-2);font-size:22px;font-style:italic}.pillar__body{color:var(--ink-700);font-size:14px;line-height:1.5}.principles{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.principle{padding:var(--s-5);background:var(--bg-raised);border-radius:var(--r-lg);border:1px solid var(--ink-200)}.principle__glyph{color:var(--green-500);margin-bottom:var(--s-4)}.principle h3{margin-bottom:var(--s-2);font-size:22px}.principle p{color:var(--ink-700);font-size:14px}.principle p em{color:var(--green-600);font-style:italic}.color-system{gap:var(--s-6);flex-direction:column;display:flex}.color-row{gap:var(--s-5);grid-template-columns:240px 1fr;align-items:start;display:grid}.color-row__head h3{margin-bottom:var(--s-2);font-size:22px}.color-row__head h3 .small{color:var(--ink-500);font-size:12px;font-style:normal}.color-row__head p{color:var(--ink-700);font-size:13px}.swatches{border-radius:var(--r-md);border:1px solid var(--ink-200);grid-template-columns:repeat(10,1fr);display:grid;overflow:hidden}[data-scale=sage].swatches,[data-scale=clay].swatches{grid-template-columns:repeat(6,1fr)}[data-scale=ink].swatches{grid-template-columns:repeat(8,1fr)}.sw{background:var(--c);height:96px;font-family:var(--font-mono);color:var(--ink-900);flex-direction:column;justify-content:space-between;padding:10px;font-size:10px;display:flex}.sw span{font-weight:600}.sw code{opacity:.7;font-size:9px}.sw--dark{color:var(--bg)}.sw--dark code{opacity:.75}.sem-grid{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.sem{align-items:center;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--ink-200);border-radius:var(--r-md);background:var(--bg-raised);grid-template-columns:32px 1fr auto;display:grid}.sem__chip{border-radius:var(--r-sm);width:28px;height:28px}.sem strong{font-size:14px}.sem code{color:var(--ink-600);font-size:11px;font-family:var(--font-mono);display:block}.type-showcase{gap:var(--s-6);margin-bottom:var(--s-8);flex-direction:column;display:flex}.type-family{gap:var(--s-6);padding:var(--s-5);background:var(--bg-raised);border-radius:var(--r-lg);border:1px solid var(--ink-200);grid-template-columns:200px 1fr;display:grid}.type-family__meta .small{color:var(--ink-500);margin-bottom:var(--s-3);font-size:11px}.type-family__sample{gap:var(--s-3);flex-direction:column;display:flex}.sample{color:var(--ink-900)}.type-scale{flex-direction:column;display:flex}.type-row{gap:var(--s-5);padding:var(--s-3) 0;border-top:1px dashed var(--ink-200);grid-template-columns:140px 1fr;align-items:center;display:grid}.type-row:first-child{border-top:0}.type-row code{color:var(--ink-500);font-size:11px}.spacing-demo{gap:var(--s-2);flex-direction:column;display:flex}.space-row{align-items:center;gap:var(--s-4);grid-template-columns:100px 1fr;padding:6px 0;display:grid}.space-row code{color:var(--ink-500);font-size:11px}.bar{background:var(--green-500);border-radius:2px;height:20px;display:inline-block}.radii-grid,.shadow-grid{gap:var(--s-4);margin-bottom:var(--s-5);grid-template-columns:repeat(5,1fr);display:grid}.rad,.sha{align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.rad__box,.sha__box{background:var(--bg-raised);border:1px solid var(--ink-200);width:88px;height:88px}.sha__box{background:var(--bg-raised);border-radius:var(--r-md);border:0}.demo{padding:var(--s-5);background:var(--bg-raised);border-radius:var(--r-lg);border:1px solid var(--ink-200)}.demo__row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.demo__row+.demo__row{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px dashed var(--ink-200)}.btn{border-radius:var(--r-md);transition:var(--dur) var(--ease-out);border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn--sm{padding:7px 12px;font-size:13px}.btn--lg{padding:14px 22px;font-size:15px}.btn--primary{background:var(--green-500);color:#fff}.btn--primary:hover:not(:disabled){background:var(--green-600)}.btn--secondary{background:var(--bg-raised);color:var(--ink-900);border-color:var(--ink-300)}.btn--secondary:hover{background:var(--bg-sunken)}.btn--ghost{color:var(--ink-700)}.btn--ghost:hover{background:var(--bg-sunken)}.btn--danger{color:var(--danger);border-color:color-mix(in oklab, var(--danger) 30%, transparent);background:0 0}.btn--danger:hover{background:color-mix(in oklab, var(--danger) 8%, transparent)}.btn--ai{background:linear-gradient(120deg, var(--green-500), var(--sage-500));color:#fff;position:relative}.btn--ai:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #fff3}.btn:disabled{opacity:.45;cursor:not-allowed}.form-demo{gap:var(--s-4) var(--s-5);grid-template-columns:1fr 1fr;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field--inline{align-items:center;gap:var(--s-3);flex-direction:row;grid-column:span 2}.field label{color:var(--ink-800);font-size:13px;font-weight:500}.field input,.field select,.field textarea{border-radius:var(--r-md);border:1px solid var(--ink-300);background:var(--bg);transition:border-color var(--dur);padding:10px 12px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 3px color-mix(in oklab, var(--green-500) 15%, transparent);outline:0}.field__hint{color:var(--ink-600);font-size:12px}.field__error{color:var(--danger);font-size:12px}.field--error input{border-color:var(--danger)}.field textarea{resize:vertical;font-family:inherit}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--r-pill);border:1px dashed var(--ink-300);color:var(--ink-600);align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.chip--on{background:var(--green-100);border:1px solid var(--green-200);color:var(--green-700)}.chip--on b{cursor:pointer;opacity:.6;font-weight:400}.switch{cursor:pointer;flex-shrink:0;width:38px;height:22px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--ink-300);transition:var(--dur);border-radius:999px;position:absolute;inset:0}.switch span:after{content:"";width:16px;height:16px;transition:var(--dur);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--green-500)}.switch input:checked+span:after{left:19px}.cards-grid{gap:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.card{background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg);padding:var(--s-5);gap:var(--s-4);flex-direction:column;display:flex}.card__head{align-items:center;gap:var(--s-3);grid-template-columns:40px 1fr auto;display:grid}.card__head--simple{justify-content:space-between;align-items:center;display:flex}.card__title{font-size:15px;font-weight:600}.card__body p{color:var(--ink-700);font-size:14px}.card__foot{gap:var(--s-2);display:flex}.avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:600;display:flex}.card--accent{background:var(--green-500);color:#fff;border:0}.card--accent .mono,.card--accent [class*=mono]{color:#ffffffbf!important}.card--accent .stat-line{gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);display:grid}.card--accent .stat-line>div>div:first-child{color:#fff}.mini-list{flex-direction:column;gap:2px;list-style:none;display:flex}.mini-list li{align-items:center;gap:var(--s-3);border-top:1px dashed var(--ink-200);grid-template-columns:48px 1fr 8px;padding:8px 0;font-size:14px;display:grid}.mini-list li:first-child{border-top:0}.mini-list li.is-dim{color:var(--ink-500);font-style:italic}.tag{border-radius:var(--r-pill);background:var(--ink-100);color:var(--ink-700);border:1px solid var(--ink-200);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag--success{background:var(--green-100);color:var(--green-700);border-color:var(--green-200)}.tag--warning{background:color-mix(in oklab, var(--warning) 15%, transparent);color:var(--warning);border-color:color-mix(in oklab, var(--warning) 30%, transparent)}.tag--danger{background:color-mix(in oklab, var(--danger) 12%, transparent);color:var(--danger);border-color:color-mix(in oklab, var(--danger) 30%, transparent)}.tag--info{background:color-mix(in oklab, var(--info) 12%, transparent);color:var(--info);border-color:color-mix(in oklab, var(--info) 30%, transparent)}.tag--mono{font-family:var(--font-mono);background:var(--bg-sunken);color:var(--ink-700)}.tag--ai{background:linear-gradient(100deg, color-mix(in oklab, var(--green-500) 12%, transparent), color-mix(in oklab, var(--sage-500) 12%, transparent));color:var(--green-700);border-color:var(--green-200)}.pill{border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--ink-700);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot--green{background:var(--green-500);box-shadow:0 0 0 3px color-mix(in oklab, var(--green-500) 20%, transparent)}.dot--sage{background:var(--sage-400)}.dot--clay{background:var(--clay-400)}.dot--ink{background:var(--ink-400)}.breadcrumbs{color:var(--ink-600);gap:8px;display:flex}.breadcrumbs a{color:var(--ink-600)}.breadcrumbs a:hover{color:var(--ink-900)}.breadcrumbs .is-current{color:var(--ink-900);font-weight:500}.tabs{border-bottom:1px solid var(--ink-200);gap:0;display:flex}.tab{color:var(--ink-600);transition:var(--dur);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500}.tab:hover{color:var(--ink-900)}.tab.is-active{color:var(--green-600);border-bottom-color:var(--green-500)}.stepper{align-items:center;gap:var(--s-2);display:flex}.step{align-items:center;gap:8px;display:flex}.step__num{background:var(--bg);border:1px solid var(--ink-300);width:28px;height:28px;font-family:var(--font-mono);color:var(--ink-600);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.step__label{color:var(--ink-600);font-size:13px}.step.is-done .step__num{background:var(--green-500);color:#fff;border-color:var(--green-500)}.step.is-done .step__label{color:var(--ink-800)}.step.is-active .step__num{background:var(--bg);border:2px solid var(--green-500);color:var(--green-600)}.step.is-active .step__label{color:var(--ink-900);font-weight:500}.step__line{background:var(--ink-300);flex:1;height:1px}.step__line.is-done{background:var(--green-500)}.chat{background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.chat__head{padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--ink-200);background:var(--bg-sunken);justify-content:space-between;align-items:center;display:flex}.ai-badge{color:var(--green-700);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.ai-badge__pulse{background:var(--green-500);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklab, var(--green-500) 25%, transparent);animation:pulse 2s infinite var(--ease-in-out);border-radius:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat__body{padding:var(--s-5);gap:var(--s-4);flex-direction:column;max-height:540px;display:flex;overflow-y:auto}.bubble{max-width:75%;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);font-size:14px;line-height:1.5}.bubble--user{background:var(--green-500);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble--ai{background:var(--bg);border:1px solid var(--ink-200);border-bottom-left-radius:4px;align-self:flex-start;max-width:85%}.bubble--draft{border:1px dashed var(--green-300);background:var(--green-50)}[data-theme=dark] .bubble--draft{background:color-mix(in oklab, var(--green-800) 40%, var(--bg-raised));border-color:var(--green-500)}.bubble__who{color:var(--ink-600);margin-bottom:6px}.bubble__list{margin:var(--s-3) 0 var(--s-3) var(--s-4);flex-direction:column;gap:6px;display:flex}.bubble__sources{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--ink-200);color:var(--ink-500)}.bubble__actions{margin-top:var(--s-3);flex-wrap:wrap;gap:6px;display:flex}.chat__input{gap:var(--s-2);padding:var(--s-3);border-top:1px solid var(--ink-200);background:var(--bg-raised);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.chat__tools{gap:2px;display:flex}.icon-btn{border-radius:var(--r-sm);width:32px;height:32px;color:var(--ink-600);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-sunken);color:var(--ink-900)}.chat__input input{background:0 0;border:0;flex:1;padding:8px 12px;font-size:14px}.chat__input input:focus{outline:0}.inline-demos{gap:var(--s-5);flex-direction:column;display:flex}.inline-demo{padding:var(--s-5);background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg)}.inline-demo__label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-3)}.meal-row{gap:var(--s-4);padding:var(--s-3);border-radius:var(--r-md);background:var(--bg);border:1px solid var(--ink-200);grid-template-columns:72px 1fr 100px;display:grid}.meal-row__time{font-family:var(--font-mono);color:var(--ink-600);padding-top:2px;font-size:13px}.meal-row__title{margin-bottom:4px;font-size:15px;font-weight:600}.meal-row__items{color:var(--ink-700);margin-bottom:var(--s-3);font-size:13px}.meal-row__macros{text-align:right;color:var(--ink-700);padding-top:2px}.ai-inline{background:linear-gradient(120deg, color-mix(in oklab, var(--green-500) 8%, var(--bg)), color-mix(in oklab, var(--sage-500) 8%, var(--bg)));border:1px dashed var(--green-300);border-radius:var(--r-md);color:var(--ink-800);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.ai-inline>svg{color:var(--green-600);flex-shrink:0}.ai-inline>span{flex:1}.ai-inline__cta{color:var(--green-700);border-radius:var(--r-pill);background:var(--bg-raised);border:1px solid var(--green-200);padding:4px 10px;font-size:12px;font-weight:500}.ai-inline__dismiss{width:20px;height:20px;color:var(--ink-500);font-size:16px}.textarea-wrap .textarea-fake{padding:var(--s-4);border:1px solid var(--ink-300);border-radius:var(--r-md);background:var(--bg);min-height:90px;font-size:14px;line-height:1.6}.ghost-complete{color:var(--ink-500);font-style:italic}.ghost-complete:before{content:"▍";color:var(--green-500);margin-right:4px;font-style:normal;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.rank-list{gap:var(--s-2);flex-direction:column;display:flex}.rank-item{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg);border:1px solid var(--ink-200);border-radius:var(--r-md);grid-template-columns:40px 1fr 120px;display:grid}.rank-item.is-top{border-color:var(--green-300);background:var(--green-50)}[data-theme=dark] .rank-item.is-top{background:color-mix(in oklab, var(--green-700) 30%, var(--bg-raised))}.rank-item__num{color:var(--ink-500);font-size:14px}.rank-item.is-top .rank-item__num{color:var(--green-700);font-weight:600}.rank-item__title{font-size:14px;font-weight:500}.score-bar{background:var(--ink-200);border-radius:3px;width:100%;height:6px;overflow:hidden}.score-bar i{background:var(--green-500);border-radius:3px;height:100%;display:block}.states-grid{gap:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.state-card{padding:var(--s-5);background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg);gap:var(--s-3);flex-direction:column;min-height:260px;display:flex}.state-card>.mono{text-transform:uppercase;letter-spacing:.08em}.thinking{color:var(--ink-700);align-items:center;gap:8px;margin-top:auto;margin-bottom:auto;font-size:14px;display:flex}.thinking__dot{background:var(--green-500);width:6px;height:6px;animation:bounce 1.4s infinite var(--ease-in-out);border-radius:50%}.thinking__dot:nth-child(2){animation-delay:.2s}.thinking__dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.generating__label{margin-bottom:var(--s-3);font-size:14px;font-weight:500}.skeleton-line{background:linear-gradient(90deg, var(--ink-100) 0%, var(--bg-sunken) 50%, var(--ink-100) 100%);height:10px;animation:shimmer 1.8s infinite var(--ease-in-out);background-size:200% 100%;border-radius:5px;margin-bottom:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;color:var(--ink-700);margin:auto}.empty__art{color:var(--green-400);margin-bottom:var(--s-3)}.empty__title{color:var(--ink-900);margin-bottom:6px;font-size:20px}.empty__body{margin-bottom:var(--s-4);max-width:24ch;margin-left:auto;margin-right:auto;font-size:13px}.summary{background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg);overflow:hidden}.summary__head{padding:var(--s-5);background:linear-gradient(120deg, color-mix(in oklab, var(--green-500) 5%, var(--bg-raised)), var(--bg-raised));border-bottom:1px solid var(--ink-200);justify-content:space-between;align-items:flex-start;display:flex}.summary__grid{background:var(--ink-200);grid-template-columns:1fr 1fr;gap:1px;display:grid}.summary__grid>section{padding:var(--s-5);background:var(--bg-raised)}.summary__note{background:var(--sage-50)!important}[data-theme=dark] .summary__note{background:color-mix(in oklab, var(--green-800) 30%, var(--bg-raised))!important}.summary__h{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-600);margin-bottom:var(--s-3)}.bulleted{flex-direction:column;gap:6px;list-style:none;display:flex}.bulleted li{padding-left:var(--s-4);font-size:14px;position:relative}.bulleted li:before{content:"—";color:var(--green-500);position:absolute;left:0}.goal-line{border-top:1px dashed var(--ink-200);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.goal-line:first-of-type{border-top:0}.summary__note p{font-size:14px;line-height:1.55}.summary__note p em{color:var(--green-700);font-style:italic}.summary__foot{gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--ink-200);background:var(--bg-sunken);display:flex}.meal-plan{background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg);overflow:hidden}.meal-plan__head{padding:var(--s-5);border-bottom:1px solid var(--ink-200);justify-content:space-between;align-items:flex-end;display:flex}.meal-plan__actions{gap:var(--s-2);display:flex}.meal-plan__week{background:var(--ink-200);grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.mp-col{background:var(--bg-raised);padding:var(--s-3);flex-direction:column;gap:6px;min-height:420px;display:flex}.mp-col--weekend{background:var(--clay-50)}[data-theme=dark] .mp-col--weekend{background:color-mix(in oklab, var(--clay-500) 12%, var(--bg-raised))}.mp-col__day{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-600);border-bottom:1px dashed var(--ink-200);margin-bottom:4px;padding-bottom:8px;font-size:11px}.mp-meal{border-radius:var(--r-sm);background:var(--bg);border-left:3px solid;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex;position:relative}.mp-meal span.mono{color:var(--ink-500);font-size:10px}.mp-meal strong{color:var(--ink-900);font-size:12px;font-weight:500}.mp-meal__kcal{color:var(--ink-600)!important}.mp-meal--b{border-left-color:var(--clay-400)}.mp-meal--l{border-left-color:var(--green-500)}.mp-meal--s{border-left-color:var(--sage-400)}.mp-meal--d{border-left-color:var(--green-700)}.mp-meal--alert{background:color-mix(in oklab, var(--clay-300) 18%, var(--bg))}.mp-meal__flag{color:var(--clay-500);background:var(--clay-100);text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:1px 5px;font-size:9px;position:absolute;top:6px;right:8px}.meal-plan__foot{padding:var(--s-4) var(--s-5);border-top:1px solid var(--ink-200);background:var(--bg-sunken);justify-content:space-between;align-items:center;display:flex}.macro-pills{gap:6px;display:flex}.macro-pill{border-radius:var(--r-pill);background:var(--bg-raised);border:1px solid var(--ink-200);align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}.macro-pill b{font-weight:500}.macro-pill--p{color:var(--green-700);background:var(--green-50);border-color:var(--green-200)}.macro-pill--c{color:var(--clay-500);background:var(--clay-50);border-color:var(--clay-200)}.macro-pill--g{color:var(--info);background:color-mix(in oklab, var(--info) 8%, transparent);border-color:color-mix(in oklab, var(--info) 20%, transparent)}.macro-pill--k{color:var(--ink-800);background:var(--bg-sunken)}.schedule{background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg);padding:var(--s-5)}.schedule__head{margin-bottom:var(--s-4);justify-content:space-between;align-items:flex-end;display:flex}.schedule__grid{background:var(--ink-200);border-radius:var(--r-md);grid-template-columns:40px repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.sc-hours{background:var(--bg-raised);font-family:var(--font-mono);color:var(--ink-500);flex-direction:column;justify-content:space-between;min-height:360px;padding:26px 6px 6px;font-size:10px;display:flex}.sc-day{background:var(--bg-raised);min-height:360px;padding-top:26px;position:relative}.sc-day--weekend{background:var(--clay-50)}[data-theme=dark] .sc-day--weekend{background:color-mix(in oklab, var(--clay-500) 10%, var(--bg-raised))}.sc-day__label{color:var(--ink-700);font-weight:500;position:absolute;top:6px;left:8px;right:8px}.sc-ev{border-radius:var(--r-sm);text-overflow:ellipsis;border-left:2px solid;padding:6px 8px;font-size:11px;line-height:1.25;position:absolute;left:4px;right:4px;overflow:hidden}.sc-ev--a{background:var(--green-100);border-color:var(--green-500);color:var(--green-800)}.sc-ev--b{background:var(--sage-100);border-color:var(--sage-500);color:var(--green-800)}.sc-ev--c{background:var(--clay-100);border-color:var(--clay-400);color:var(--clay-500)}.sc-ev--ai{background:linear-gradient(100deg, color-mix(in oklab, var(--green-500) 12%, var(--bg)), color-mix(in oklab, var(--sage-500) 12%, var(--bg)));border-color:var(--green-500);color:var(--green-700);border-style:dashed}[data-theme=dark] .sc-ev--a{background:color-mix(in oklab, var(--green-500) 25%, var(--bg-raised));color:var(--green-100)}[data-theme=dark] .sc-ev--b{background:color-mix(in oklab, var(--sage-500) 25%, var(--bg-raised));color:var(--sage-100)}[data-theme=dark] .sc-ev--c{background:color-mix(in oklab, var(--clay-400) 20%, var(--bg-raised));color:var(--clay-100)}.progress-grid{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.progress-card{padding:var(--s-5);background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-lg)}.progress-card--wide{grid-column:span 2}.progress-card__head{margin-bottom:var(--s-4);justify-content:space-between;align-items:baseline;display:flex}.chart{width:100%;height:140px;display:block}.chart-x{color:var(--ink-500);justify-content:space-between;padding:6px 0 0;display:flex}.body-comp{gap:var(--s-3);flex-direction:column;display:flex}.body-comp__row{gap:var(--s-3);grid-template-columns:110px 1fr 80px;align-items:center;font-size:13px;display:grid}.bar-track{background:var(--ink-200);border-radius:3px;height:6px;overflow:hidden}.bar-track i{border-radius:3px;height:100%;display:block}.timeline{flex-direction:column;display:flex}.tl-item{align-items:start;gap:var(--s-3);padding:var(--s-3) 0;grid-template-columns:24px 100px 1fr;display:grid;position:relative}.tl-item:before{content:"";background:var(--ink-200);width:1px;position:absolute;top:28px;bottom:-8px;left:11px}.tl-item:last-child:before{display:none}.tl-dot{background:var(--green-500);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg-raised);border-radius:50%;margin-top:4px}.tl-dot--sage{background:var(--sage-500)}.tl-dot--clay{background:var(--clay-400)}.tl-dot--ai{background:linear-gradient(120deg, var(--green-500), var(--sage-500))}.tl-item.is-today .tl-dot{box-shadow:0 0 0 3px var(--bg-raised), 0 0 0 6px color-mix(in oklab, var(--green-500) 25%, transparent)}.tl-date{color:var(--ink-600);padding-top:4px}.tl-body{font-size:14px;line-height:1.5}.voice-grid{gap:var(--s-5);margin-bottom:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.voice-col{padding:var(--s-5);background:var(--bg-raised);border-radius:var(--r-lg);border:1px solid var(--ink-200)}.voice-col__eyebrow{color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-2)}.voice-col h3{margin-bottom:var(--s-4)}.voice-list{flex-direction:column;gap:10px;list-style:none;display:flex}.voice-list li{border-top:1px dashed var(--ink-200);grid-template-columns:24px 1fr;gap:8px;padding:8px 0;font-size:14px;line-height:1.5;display:grid}.voice-list li:first-child{border-top:0}.tick{color:var(--green-500);font-weight:600}.cross{color:var(--danger);font-weight:600}.voice-principles{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.vp{gap:var(--s-3);padding:var(--s-4);background:var(--bg-raised);border-radius:var(--r-md);border:1px solid var(--ink-200);grid-template-columns:40px 1fr;display:grid}.vp__num{color:var(--ink-500);font-size:14px}.vp strong{margin-bottom:2px;display:block}.vp>div:last-child{color:var(--ink-700);font-size:14px}.foot{margin-top:var(--s-9);padding:var(--s-7) 0;border-top:1px dashed var(--ink-200);gap:var(--s-4);flex-direction:column;display:flex}.foot__mark{align-items:center;gap:var(--s-3);color:var(--green-500);display:flex}.foot__mark>div{color:var(--ink-900)}.foot__copy{color:var(--ink-700);max-width:50ch;font-size:14px}.foot__copy a{color:var(--green-600);border-bottom:1px solid var(--green-300)}[data-variant=harvest]{--bg:#f5eedf;--bg-raised:#fcf7ea;--bg-sunken:#ebe2cc;--green-500:#2d4a3e;--green-600:#1f3329;--green-700:#14241d}[data-variant=harvest] .btn--ai,[data-variant=harvest] .tl-dot--ai,[data-variant=harvest] .sc-ev--ai{color:#fff!important;background:linear-gradient(120deg,#2d4a3e,#a8895e)!important}[data-variant=meadow]{--bg:#f7fbf4;--bg-raised:#fff;--bg-sunken:#e8f2e4;--green-500:#3f8f5e;--green-600:#2e7148;--sage-300:#c6e8a8;--clay-100:#fff2d8}.small,.mono.small{font-size:11px}.auth-screen{background:var(--bg-sunken);min-height:100vh;padding:var(--s-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-raised);border:1px solid var(--ink-200);border-radius:var(--r-xl);padding:var(--s-8) var(--s-7);gap:var(--s-4);flex-direction:column;width:100%;max-width:400px;display:flex;box-shadow:0 2px 12px #0000000f}.auth-card h1{font-family:var(--font-display);font-size:var(--t-h2);color:var(--ink-900);margin:0}.auth-card p{color:var(--ink-600);margin:0;font-size:14px;line-height:1.5}.auth-error{color:var(--danger);background:color-mix(in oklab, var(--danger) 8%, transparent);border:1px solid color-mix(in oklab, var(--danger) 20%, transparent);border-radius:var(--r-md);margin:0;padding:8px 12px;font-size:13px}.app-shell{background:var(--bg);grid-template-columns:220px 1fr;min-height:100vh;display:grid}.rail{background:var(--bg-raised);border-right:1px solid var(--ink-200);padding:var(--s-5) 0;flex-direction:column;gap:0;display:flex}.rail-brand{font-family:var(--font-display);color:var(--green-500);padding:var(--s-2) var(--s-5) var(--s-5);border-bottom:1px dashed var(--ink-200);margin-bottom:var(--s-3);font-size:20px;font-weight:600}.rail nav ul{padding:0 var(--s-3);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex}.rail nav ul li a{color:var(--ink-700);border-radius:var(--r-sm);transition:background var(--dur-fast);padding:7px 10px;font-size:13px;display:block}.rail nav ul li a:hover,.rail nav ul li a[aria-current=page]{background:var(--bg-sunken);color:var(--ink-900)}.app-body{flex-direction:column;min-height:100vh;display:flex;overflow-y:auto}.app-header{border-bottom:1px solid var(--ink-200);height:52px;padding:0 var(--s-6);background:var(--bg-raised);z-index:10;justify-content:flex-end;align-items:center;display:flex;position:sticky;top:0}.app-header-user{color:var(--ink-600);font-size:13px}.app-main{padding:var(--s-7) var(--s-8);flex:1;max-width:1120px}
html,body{background:var(--bg,#fff);color:var(--fg,#111);font-family:var(--font-sans,system-ui, sans-serif);margin:0;padding:0}