:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f6f5f1;--surface-raised:#fff;--surface-sunken:#edebe5;--line:#dcd8cf;--line-strong:#8f877b;--ink:#1d1611;--ink-muted:#655c53;--crema:#9a5a0c;--crema-soft:#f6e7cf;--on-crema:#fff;--crema-ink:#7a4608;--in-range:#17705a;--in-range-soft:#dcefe7;--off-range:#b0440c;--off-range-soft:#fbe4d5;--roast-light:#d8b07a;--roast-medium:#a46f3a;--roast-medium-dark:#6f4220;--roast-dark:#3a2112;--shadow-sheet:0 12px 32px #1d161124;--scrim:#1d161166;--mark-crema:#e3a452;--mark-espresso:#3a2112;--font-display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--font-sans:"Figtree", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--nav-h:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#13110f;--surface-raised:#1d1a17;--surface-sunken:#0c0b09;--line:#322d28;--line-strong:#776e63;--ink:#f3eee7;--ink-muted:#a99f94;--crema:#e3a452;--crema-soft:#3a2a16;--on-crema:#1d1611;--crema-ink:#f0c27f;--in-range:#4cc39c;--in-range-soft:#12302a;--off-range:#f28a4e;--off-range-soft:#3a1f12;--roast-light:#e2bd88;--roast-medium:#c08a52;--roast-medium-dark:#9a6538;--roast-dark:#6e4428;--shadow-sheet:0 12px 32px #00000080;--scrim:#0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#13110f;--surface-raised:#1d1a17;--surface-sunken:#0c0b09;--line:#322d28;--line-strong:#776e63;--ink:#f3eee7;--ink-muted:#a99f94;--crema:#e3a452;--crema-soft:#3a2a16;--on-crema:#1d1611;--crema-ink:#f0c27f;--in-range:#4cc39c;--in-range-soft:#12302a;--off-range:#f28a4e;--off-range-soft:#3a1f12;--roast-light:#e2bd88;--roast-medium:#c08a52;--roast-medium-dark:#9a6538;--roast-dark:#6e4428;--shadow-sheet:0 12px 32px #00000080;--scrim:#0009}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--surface);color:var(--ink);font:400 15px/22px var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}[hidden]{display:none!important}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--crema);outline-offset:2px}a{color:var(--crema)}h1,h2{text-wrap:balance;margin:0}.cr-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cr-muted{color:var(--ink-muted)}.cr-label{font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.cr-display{font:700 40px/44px var(--font-display);letter-spacing:-.02em}.cr-title{font:600 24px/30px var(--font-display);letter-spacing:-.01em}.cr-sub{font:400 13px/18px var(--font-sans);color:var(--ink-muted)}.cr-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cr-row--between{justify-content:space-between}.cr-link{padding:var(--space-1) 0;color:var(--crema);font:600 14px/20px var(--font-sans);cursor:pointer;background:0 0;border:0;text-decoration:none}kbd{font:500 12px/16px var(--font-mono);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-muted);padding:1px 6px}@media (width<=480px){.cr-display{font-size:34px;line-height:38px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.cr-btn{font:600 15px/20px var(--font-sans);min-height:var(--space-12);padding:0 var(--space-6);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:1px solid #0000;text-decoration:none;transition:transform .15s ease-out;display:inline-flex}.cr-btn:active{transform:scale(.98)}.cr-btn:disabled{opacity:.45;cursor:not-allowed}.cr-btn svg{width:18px;height:18px}.cr-btn--block{width:100%}.cr-btn--primary{background:var(--crema);color:var(--on-crema)}.cr-btn--secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--line-strong)}.cr-btn--ghost{color:var(--crema);padding:0 var(--space-3);background:0 0}.cr-btn--danger{background:var(--off-range);color:var(--surface-raised)}.cr-btn--danger-ghost{color:var(--off-range);border-color:var(--off-range);background:0 0}.cr-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.cr-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font:600 12px/18px var(--font-sans);letter-spacing:.02em;white-space:nowrap;display:inline-flex}.cr-badge svg{stroke-width:2.5px;width:12px;height:12px}.cr-badge--type{background:var(--crema-soft);color:var(--crema-ink)}.cr-badge--ok{background:var(--in-range-soft);color:var(--in-range)}.cr-badge--off{background:var(--off-range-soft);color:var(--off-range)}.cr-badge--plain{background:var(--surface-sunken);color:var(--ink-muted)}.cr-roast{align-items:center;gap:var(--space-2);font:500 13px/18px var(--font-sans);white-space:nowrap;display:inline-flex}.cr-roast i{border-radius:var(--radius-pill);width:12px;height:12px;box-shadow:0 0 0 1px var(--line-strong);flex:none}.cr-roast--light i{background:var(--roast-light)}.cr-roast--medium i{background:var(--roast-medium)}.cr-roast--medium-dark i{background:var(--roast-medium-dark)}.cr-roast--dark i{background:var(--roast-dark)}.cr-roast--any i{background:linear-gradient(90deg, var(--roast-light) 0 25%, var(--roast-medium) 0 50%, var(--roast-medium-dark) 0 75%, var(--roast-dark) 0)}.cr-taste{align-items:center;gap:6px;display:inline-flex}.cr-taste i{border-radius:var(--radius-pill);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--line-strong)}.cr-taste i.on{background:var(--crema);box-shadow:none}.cr-taste span{margin-left:var(--space-1);font:500 13px/18px var(--font-mono);color:var(--ink-muted)}.cr-rate{gap:var(--space-2);display:flex}.cr-rate button{border-radius:var(--radius-pill);width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--line-strong);cursor:pointer;font:500 13px var(--font-mono);color:var(--ink-muted);background:0 0;border:0}.cr-rate button.on{background:var(--crema);box-shadow:none;color:var(--on-crema)}.cr-window{gap:var(--space-2);flex-direction:column;display:flex}.cr-window-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.cr-track{background:var(--surface-sunken);border-radius:var(--radius-sm);height:10px;position:relative}.cr-track .zone{background:var(--in-range-soft);box-shadow:inset 0 0 0 1px var(--in-range);border-radius:var(--radius-sm);position:absolute;top:0;bottom:0}.cr-track .mark{background:var(--ink);border-radius:2px;width:4px;height:18px;margin-left:-2px;position:absolute;top:-4px}.cr-track .mark.off{background:var(--off-range)}.cr-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.cr-card h3{font:600 17px/24px var(--font-sans);margin:0}a.cr-card{color:inherit;text-decoration:none;transition:border-color .15s ease-out}a.cr-card:hover{border-color:var(--line-strong)}.cr-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.cr-card-head>div{min-width:0}.cr-stats{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cr-stat{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cr-stat .v{font:500 28px/32px var(--font-mono);font-variant-numeric:tabular-nums}.cr-stat .v small{color:var(--ink-muted);margin-left:2px;font-size:15px}@media (width<=640px){.cr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-stat .v{font-size:24px;line-height:28px}}.cr-grinds{gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.cr-grind{align-items:baseline;gap:var(--space-2);display:flex}.cr-grind .v{font:500 28px/32px var(--font-mono)}.cr-grinds .cr-grind:nth-child(2) .v{color:var(--ink-muted)}.cr-grinds--big .v{font:500 48px/52px var(--font-mono)}.cr-grinds--big .cr-grind{align-items:flex-start;gap:var(--space-1);flex-direction:column}.cr-grinds--big .cr-grind:nth-child(2) .v{color:var(--ink)}.cr-empty{text-align:center;padding:var(--space-12) var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.cr-search{align-items:center;gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:0 var(--space-3);min-height:var(--space-12);flex:240px;display:flex}.cr-search:focus-within{outline:2px solid var(--crema);outline-offset:1px}.cr-search>svg{width:18px;height:18px;color:var(--ink-muted)}.cr-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:46px}.cr-chips{gap:var(--space-2);padding-bottom:2px;display:flex;overflow-x:auto}.cr-chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-raised);cursor:pointer;font:600 13px/18px var(--font-sans);color:var(--ink-muted);align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.cr-chip[aria-pressed=true]{background:var(--crema-soft);color:var(--crema-ink);border-color:var(--crema)}.cr-seg{gap:var(--space-1);padding:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-md);display:flex;overflow-x:auto}.cr-seg button{min-height:40px;padding:0 var(--space-3);color:var(--ink-muted);font:600 14px/18px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;transition:background .15s ease-out;display:inline-flex}.cr-seg button[aria-pressed=true]{background:var(--surface-raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.cr-seg--inline{align-self:flex-start;max-width:100%}.cr-seg--inline button{flex:none}.cr-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cr-fields .cr-field--full{grid-column:1/-1}@media (width<=560px){.cr-fields{grid-template-columns:minmax(0,1fr)}}.cr-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cr-field input,.cr-field select,.cr-field textarea{background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;padding:0 var(--space-3);min-height:var(--space-12)}.cr-field textarea{padding:var(--space-3);resize:vertical;min-height:96px}.cr-field input.mono{font:500 20px/46px var(--font-mono)}.cr-field :is(input,select,textarea):focus{outline:2px solid var(--crema);outline-offset:1px}.cr-field [aria-invalid=true]{border-color:var(--off-range)}.cr-hint{font:400 13px/18px var(--font-sans);color:var(--ink-muted)}.cr-hint b{color:var(--ink);font-weight:600}.cr-err{font:600 13px/18px var(--font-sans);color:var(--off-range)}.cr-pw{position:relative}.cr-pw input{padding-right:72px}.cr-pw button{color:var(--crema);font:600 14px var(--font-sans);padding:0 var(--space-3);cursor:pointer;background:0 0;border:0;border-radius:8px;position:absolute;top:4px;bottom:4px;right:4px}.cr-scrim{z-index:20;background:var(--scrim);padding:var(--space-4);padding-bottom:max(16px, env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.cr-scrim{align-items:center}}.cr-sheet{background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);padding:var(--space-6);gap:var(--space-4);flex-direction:column;width:100%;max-width:420px;display:flex}.cr-sheet p{margin:0}.cr-sheet-body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.cr-sheet-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.cr-toast{z-index:30;left:50%;bottom:calc(var(--nav-h) + var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sheet);max-width:calc(100% - 32px);font-weight:600;position:fixed;transform:translate(-50%)}@media (width>=800px){.cr-toast{bottom:var(--space-6)}}.cr-note-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);color:var(--ink-muted);flex-wrap:wrap;font-size:13px;line-height:18px;display:flex}.cr-avatar{border-radius:var(--radius-pill);background:var(--crema);width:56px;height:56px;color:var(--on-crema);font:700 22px/1 var(--font-display);flex:none;place-items:center;display:grid}.cr-avatar--sm{width:40px;height:40px;font-size:15px;text-decoration:none}.cr-mark{flex:none;width:auto;height:1.1em}.cr-mark .m-rim{stroke:var(--ink)}.cr-mark .m-crema{fill:var(--mark-crema)}.cr-mark .m-esp{fill:var(--mark-espresso)}.cr-skeleton{border-radius:var(--radius-md);background:var(--surface-sunken);animation:1.4s ease-in-out infinite cr-skeleton-pulse;display:block}.cr-skeleton-list{gap:var(--space-3);flex-direction:column;display:flex}@keyframes cr-skeleton-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.cr-skeleton{animation:none}}.flush{margin:0}.ink{color:var(--ink)}.app{min-height:100%;display:flex}.rail{display:none}main{min-width:0;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-bottom:calc(var(--nav-h) + var(--space-8) + env(safe-area-inset-bottom,0px));flex:1}.page{gap:var(--space-8);flex-direction:column;max-width:960px;margin:0 auto;display:flex}.tabbar{z-index:10;background:var(--surface-raised);border-top:1px solid var(--line);padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a,.rail a{height:var(--nav-h);color:var(--ink-muted);font:600 12px/16px var(--font-sans);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar a[aria-current=page],.rail a[aria-current=page]{color:var(--crema)}@media (width>=800px){.tabbar{display:none}.rail{gap:var(--space-2);top:env(safe-area-inset-top,0px);width:208px;height:100vh;padding:var(--space-6) var(--space-4);padding-left:max(16px, env(safe-area-inset-left,0px));border-right:1px solid var(--line);background:var(--surface-raised);flex-direction:column;flex:none;display:flex;position:sticky}.rail .brand{font:700 28px/32px var(--font-display);letter-spacing:-.02em;padding:0 var(--space-3) var(--space-6);align-items:center;gap:10px;display:flex}.rail .brand .cr-mark{height:32px}.rail a{justify-content:flex-start;gap:var(--space-3);height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);flex-direction:row;flex:none;font-size:15px}.rail a[aria-current=page]{background:var(--crema-soft);color:var(--crema-ink)}main{padding-bottom:var(--space-8)}}.topbar{top:env(safe-area-inset-top,0px);z-index:9;background:var(--surface);border-bottom:1px solid var(--line);margin-left:calc(-1 * max(16px, env(safe-area-inset-left,0px)));margin-right:calc(-1 * max(16px, env(safe-area-inset-right,0px)));padding:var(--space-3) max(16px, env(safe-area-inset-right,0px)) var(--space-3) max(16px, env(safe-area-inset-left,0px));margin-bottom:var(--space-6);position:sticky}.topbar-in{align-items:center;gap:var(--space-3);max-width:960px;margin:0 auto;display:flex;position:relative}.top-brand{font:700 24px/28px var(--font-display);letter-spacing:-.02em;flex:none;align-items:center;gap:10px;display:flex}.top-brand .cr-mark{height:28px}@media (width>=800px){.top-brand{display:none}.topbar{margin-bottom:var(--space-8)}}.avatar-btn{margin-left:auto}.avatar-btn[aria-current=page]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--crema)}.gsearch{flex:1;min-width:0;max-width:520px;position:relative}@media (width<=799px){.gsearch{position:static}}.gsearch .cr-search{min-height:44px}.gsearch .cr-search input{min-height:42px}.kbd-hint{flex:none}.gsearch .cr-search input:focus~.kbd-hint,.gsearch .cr-search input:not(:placeholder-shown)~.kbd-hint{display:none}@media (hover:none){.kbd-hint{display:none}}.gresults{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sheet);max-height:min(60vh,420px);padding:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.gresults>div{flex-direction:column;display:flex}.gresults .grp{padding:var(--space-2) var(--space-3) var(--space-1)}.gresults a{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--ink);border-radius:8px;min-width:0;text-decoration:none;display:flex}.gresults a>span:first-child{flex-direction:column;min-width:0;display:flex}.gresults a strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.gresults a[aria-selected=true],.gresults a:hover{background:var(--surface-sunken)}.gresults .none{padding:var(--space-3);color:var(--ink-muted)}.gresults a.cmd .cmd-l{align-items:center;gap:var(--space-3);flex-direction:row}.gresults a.cmd .cr-icon{color:var(--crema)}.gresults a.cmd .cmd-l>span{flex-direction:column;min-width:0;display:flex}.palette-tip{padding:var(--space-2) var(--space-3) var(--space-1);border-top:1px solid var(--line);margin-top:var(--space-1);font:400 13px/18px var(--font-sans);color:var(--ink-muted)}.head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.head .titles{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.back{align-items:center;gap:var(--space-1);font:600 14px/20px var(--font-sans);color:var(--ink-muted);align-self:flex-start;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.section{gap:var(--space-4);flex-direction:column;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.day{gap:var(--space-2)}.load-more{align-items:center}.tools{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.dash-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.dash-grid>:last-child{order:-1}@media (width>=960px){.dash-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.dash-grid>:last-child{order:0}}.grinder{gap:var(--space-4)}.grinder .big{align-items:baseline;gap:var(--space-2);display:flex}.grinder .big .v{font:500 56px/56px var(--font-mono);letter-spacing:-.02em}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .axis{fill:var(--ink-muted);font:400 11px var(--font-mono)}.chart .area{fill:var(--crema-soft)}.chart .lineP{fill:none;stroke:var(--crema);stroke-width:2px}.chart .pt{fill:var(--surface-raised);stroke:var(--crema);stroke-width:2px}.chart .pt.last{fill:var(--crema)}.shots{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.shot{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);color:inherit;grid-template-columns:minmax(0,1fr) auto;text-decoration:none;transition:background .15s ease-out;display:grid}.shot:first-child{border-top:0}.shot:hover{background:var(--surface-sunken)}.shot .meta{flex-direction:column;gap:2px;min-width:0;display:flex}.shot .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.shot .nums{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.shot .nums .ratio{font:500 17px/24px var(--font-mono)}.shot .track-wrap{align-items:center;gap:var(--space-3);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;display:grid}.detail{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=960px){.detail{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}}.detail-card{gap:var(--space-6)}.kv{gap:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.kv dt{color:var(--ink-muted);font:600 12px/22px var(--font-sans);letter-spacing:.06em;text-transform:uppercase}.kv dd{min-width:0;margin:0}.ratio-big{font:500 24px/28px var(--font-mono);color:var(--crema);white-space:nowrap}.recipe{gap:var(--space-2);background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.recipe>div{flex-direction:column;gap:2px;min-width:0;display:flex}.recipe .cr-num{font:500 16px/22px var(--font-mono)}.form-card{gap:var(--space-6);padding:var(--space-6);max-width:720px}@media (width<=480px){.form-card{padding:var(--space-4)}}.form-foot{gap:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-4);flex-wrap:wrap;justify-content:flex-end;display:flex}.form-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.form-grid .form-card{max-width:none}@media (width>=1100px){.form-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.live{top:calc(env(safe-area-inset-top,0px) + 88px);position:sticky}}.live{gap:var(--space-3)}.live-big{font:500 40px/44px var(--font-mono)}.no-recipes{padding:var(--space-2)}.acct{gap:var(--space-6);grid-template-columns:minmax(0,1fr);max-width:720px;display:grid}.acct .cr-card{gap:var(--space-4);padding:var(--space-6)}@media (width<=480px){.acct .cr-card{padding:var(--space-4)}}.who{align-items:center;gap:var(--space-4);display:flex}.who>div{min-width:0}.who strong{font:600 17px/24px var(--font-sans);display:block}.setting{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.cr-title+.setting{border-top:0;padding-top:0}.setting>div:first-child{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.setting .cr-seg{flex:0 auto}.dose-field{width:120px}.token-form{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);flex-direction:column;display:flex}.token-copy{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.token-copy code{width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--line);font:500 13px/18px var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;display:block}main.auth{padding-block:var(--space-8);align-items:center;min-height:100dvh;display:flex}.auth-wrap{gap:var(--space-6);flex-direction:column;width:100%;max-width:420px;margin:0 auto;display:flex}.auth-brand{gap:var(--space-2);flex-direction:column;display:flex}.auth-brand .wordmark{font:700 56px/56px var(--font-display);letter-spacing:-.03em}.mark-lg{align-self:flex-start;height:64px}.auth-card{gap:var(--space-4);padding:var(--space-6)}@media (width<=480px){.auth-card{padding:var(--space-4)}}.link-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.boot{justify-content:center}.boot-mark{opacity:0;margin:0 auto;animation:.24s ease-out .3s forwards boot-in}@keyframes boot-in{to{opacity:.6}}@media (prefers-reduced-motion:reduce){.boot-mark{opacity:.6;animation:none}}.check-mail{border-radius:var(--radius-pill);background:var(--in-range-soft);width:56px;height:56px;color:var(--in-range);place-items:center;display:grid}