:root{--page:#f9f9f7;--surface:#fcfcfb;--raised:#fff;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--line:#e1e0d9;--accent:#7a4f2f;--accent-soft:#f1e8df;--accent-ink:#fff;--brand:#6b4226;--brand-ink:#fff;--brand-soft:#f1e8df;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--mark:#9c6a43;--seq1:#f3e9df;--seq2:#e6cfb9;--seq3:#d4ad8c;--seq4:#bd8a62;--seq5:#9c6a43;--seq6:#7a4f2f;--seq7:#55361f;--up1:#cde2fb;--up2:#6da7ec;--up3:#184f95;--dn1:#f8cdca;--dn2:#ec8a86;--dn3:#a8302f;--mid:#f0efec;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--ev-established:#55361f;--ev-supported:#9c6a43;--ev-practice:#9c6a43;--ev-uncertain:#898781;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000d;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#0d0d0d;--surface:#1a1a19;--raised:#222221;--ink:#f0efec;--ink-2:#c3c2b7;--ink-3:#898781;--grid:#2c2c2a;--axis:#383835;--line:#2c2c2a;--accent:#d9b48f;--accent-soft:#3a2c20;--accent-ink:#0b0b0b;--brand:#e3c4a0;--brand-ink:#1c130b;--brand-soft:#3a2c20;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--mark:#c99a6e;--seq1:#2e1f14;--seq2:#4a3020;--seq3:#6b4630;--seq4:#a87b54;--seq5:#bf9068;--seq6:#d4ad8c;--seq7:#ecd9c6;--up1:#1d3a5f;--up2:#256abf;--up3:#9ec5f4;--dn1:#4f2422;--dn2:#b8413f;--dn3:#f2a6a3;--mid:#383835;--ev-established:#e6cdb2;--ev-supported:#c99a6e;--ev-practice:#c99a6e;--ev-uncertain:#898781;--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--page:#0d0d0d;--surface:#1a1a19;--raised:#222221;--ink:#f0efec;--ink-2:#c3c2b7;--ink-3:#898781;--grid:#2c2c2a;--axis:#383835;--line:#2c2c2a;--accent:#d9b48f;--accent-soft:#3a2c20;--accent-ink:#0b0b0b;--brand:#e3c4a0;--brand-ink:#1c130b;--brand-soft:#3a2c20;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--mark:#c99a6e;--seq1:#2e1f14;--seq2:#4a3020;--seq3:#6b4630;--seq4:#a87b54;--seq5:#bf9068;--seq6:#d4ad8c;--seq7:#ecd9c6;--up1:#1d3a5f;--up2:#256abf;--up3:#9ec5f4;--dn1:#4f2422;--dn2:#b8413f;--dn3:#f2a6a3;--mid:#383835;--ev-established:#e6cdb2;--ev-supported:#c99a6e;--ev-practice:#c99a6e;--ev-uncertain:#898781;--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.25}h2{font-size:1.05rem}h3{font-size:.95rem}p{margin:.4em 0}a{color:var(--accent)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:.86rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--side-l:max(16px, env(safe-area-inset-left));--side-r:max(16px, env(safe-area-inset-right))}.top{z-index:20;padding:10px var(--side-r) 10px var(--side-l);background:color-mix(in srgb, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:8px;display:flex;position:sticky;top:0}.top h1{align-items:center;gap:9px;margin-right:auto;font-size:1.05rem;font-weight:650;display:flex}.top h1.pinned{margin-right:0}.now-brewing{text-align:left;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;margin-right:auto;padding:0;line-height:1.25;display:grid}.now-brewing b{font-size:.95rem;font-weight:650}.now-brewing span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.stack>.sentinel{height:0;margin:0}.logo{flex:none;display:block}.wrap{max-width:1180px;padding:4px var(--side-r) 16px var(--side-l);margin:0 auto}html{scroll-padding-top:64px}@media (width<=899px){html{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.stack>*+*{margin-top:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card{border-bottom:1px solid var(--line);min-width:0;padding:18px 0}.card>h2{margin-bottom:8px}.card .card{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.sec{border-bottom:1px solid var(--line);padding:20px 0}.eyebrow{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.eyebrow h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem;font-weight:600}.eyebrow .aside{color:var(--ink-3);font-size:.78rem}.kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:.72rem;font-weight:600}.brew-grid{grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.brew-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:40px}.brew-split .taste-pin{margin:0;padding-inline:0}.brew-split.cup-in-view .taste-pin{display:none}}.panel>.stack>*+*{margin-top:0}@media (width<=899px){.wrap>.panel{margin-top:0}}.panel .stack>.card+.card{margin-top:0}.ex-chips{padding-top:18px}.bean-card{background:var(--raised);border:1px solid var(--line);border-radius:14px;margin-top:6px;padding:14px 16px}.bean-top{align-items:flex-start;gap:12px;display:flex}.bean-top .grow{flex:1;min-width:0}.bean-top .name{margin-top:3px;font-weight:600}.bean-card>.status{margin-top:10px}details.bean-sec{border-top:1px solid var(--line);padding-top:4px}details.bean-sec>summary{color:var(--ink);padding:10px 0 6px;font-size:.95rem;font-weight:600}details.bean-sec>summary .faint{margin-left:6px;font-weight:400}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.88rem;font-weight:500}.link-btn:hover{text-decoration:underline}.method-row{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0 -16px;padding:2px 16px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.method-row[data-end]{-webkit-mask-image:none;mask-image:none}.method-row::-webkit-scrollbar{display:none}.method-row .chip{flex:none;padding:5px 11px;font-size:.88rem}.method-row.bean-row{margin:6px 0 0;padding:2px 0}.bean-row .chip{text-overflow:ellipsis;max-width:16em;overflow:hidden}.methods .status{margin-top:8px}.method-groups{display:grid}.method-group{grid-template-columns:74px minmax(0,1fr);align-items:start;gap:10px;padding:9px 0;display:grid}.method-group+.method-group{border-top:1px solid var(--line)}.method-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:9px;font-size:.7rem;font-weight:600}.method-group .chip{padding:5px 12px;font-size:.88rem}@media (width<=899px){.methods{border-bottom:1px solid var(--line)}.method-group:first-child{padding-top:0}}@media (width>=700px){.method-groups{grid-template-columns:repeat(4,auto);justify-content:start}.method-group{border-left:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:6px;padding:0 20px}.method-group+.method-group{border-top:0}.method-group:first-child{border-left:0;padding-left:0}.method-kind{padding-top:0}}.btn{border:1px solid var(--line);background:var(--raised);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 16px;font-weight:500;line-height:1.2;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{opacity:.88}.btn.ghost{background:0 0;border-color:#0000}.btn.small{min-height:32px;padding:4px 12px;font-size:.86rem}.btn.small.ghost{padding-inline:9px}.btn.danger{color:var(--critical)}.icon-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-width:36px;min-height:36px}.icon-btn:hover{background:var(--grid)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:not([type]),input[type=text],input[type=number],input[type=date],input[type=password],input[type=search],select,textarea{border:1px solid var(--axis);background:var(--raised);border-radius:8px;width:100%;min-height:36px;padding:7px 9px}textarea{resize:vertical;min-height:70px}label.field{display:block}label.field>span:first-child{color:var(--ink-2);margin-bottom:3px;font-size:.82rem;display:block}.fields{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--raised);cursor:pointer;white-space:nowrap;border-radius:999px;min-height:34px;padding:5px 13px;font-size:.9rem}.chip:hover{border-color:var(--ink-3)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.seg{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{background:var(--raised);cursor:pointer;border:0;min-height:32px;padding:5px 12px;font-size:.86rem}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink);font-weight:600}.tabs{z-index:30;padding:4px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:color-mix(in srgb, var(--page) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{cursor:pointer;color:var(--ink-3);white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:.74rem;font-weight:500;display:flex}.tabs svg{box-sizing:content-box;border-radius:999px;padding:4px 18px;transition:background .15s}.tabs button:hover{color:var(--ink-2)}.tabs button[aria-selected=true]{color:var(--ink);font-weight:600}.tabs button[aria-selected=true] svg{background:var(--brand-soft);color:var(--brand)}@media (width>=900px){.tabs{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--line);border-radius:999px;gap:4px;width:max-content;margin-top:22px;padding:4px;display:flex;position:static}.tabs button{border-radius:999px;flex-direction:row;gap:7px;padding:7px 18px 7px 14px;font-size:.92rem}.tabs svg{width:18px;height:18px;padding:0}.tabs button[aria-selected=true]{background:var(--brand);color:var(--brand-ink)}.tabs button[aria-selected=true] svg{color:inherit;background:0 0}}.hero{border-bottom:1px solid var(--line);padding:18px 0 20px}.tiles{--gap:8px;gap:var(--gap);flex-wrap:wrap;margin:10px 0 14px;display:flex}.tile{flex:1 1 calc((100% - (var(--cols,4) - 1) * var(--gap)) / var(--cols,4));background:var(--raised);border:1px solid var(--line);border-radius:12px;min-width:0;padding:10px 12px}.tile dt{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.tile dd{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.3rem;font-weight:650;line-height:1.2}.grind-line{color:var(--ink-2);align-items:baseline;gap:10px;margin:0;display:flex}.grind-line .k{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex:none;font-size:.72rem;font-weight:600}.grind-line b{color:var(--ink);font-weight:600}.btns{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.btns form{flex-wrap:nowrap;flex:1}.name-input{flex:1;min-width:0;border-radius:999px!important;padding-left:14px!important}.disc{border-bottom:1px solid var(--line)}.disc>summary{color:var(--ink);align-items:baseline;gap:10px;margin:0;padding:16px 0;font-size:1rem;font-weight:600;list-style:none;display:flex}.disc>summary::-webkit-details-marker{display:none}.disc[open]>summary{margin-bottom:0}.disc>summary .m{color:var(--ink-3);text-align:right;margin-left:auto;font-size:.86rem;font-weight:400}.disc>summary .chev{border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);flex:none;align-self:center;width:7px;height:7px;transition:transform .15s;transform:translateY(-3px)rotate(45deg)}.disc>summary .t+.chev{margin-left:auto}.disc[open]>summary .chev{transform:translateY(1px)rotate(-135deg)}.disc-body{padding-bottom:16px}.disc-body>*+*{margin-top:10px}.param{border-top:1px solid var(--line);padding:14px 0}.param:first-child{border-top:0;padding-top:0}.param-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.seg-param .param-head{align-items:center;row-gap:8px}.seg-param .hint{margin-top:10px}.param-head label,.param-head .label{font-weight:500}.param-head strong{font-variant-numeric:tabular-nums;font-weight:600}.param-row{align-items:center;gap:6px;margin-top:6px;display:flex}.param-row input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px;margin:0}.param-row input[type=range]::-webkit-slider-runnable-track{background:var(--axis);border-radius:1px;height:2px}.param-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand);border:0;border-radius:50%;width:18px;height:18px;margin-top:-8px}.param-row input[type=range]::-moz-range-track{background:var(--axis);border-radius:1px;height:2px}.param-row input[type=range]::-moz-range-thumb{background:var(--brand);border:0;border-radius:50%;width:18px;height:18px}.param-row input[type=range]:focus-visible{outline-offset:0}.step-btn{width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:1.1rem}.step-btn:hover:not(:disabled){background:var(--mid);color:var(--ink)}.step-btn:disabled{opacity:.35;cursor:default}.hint{color:var(--ink-3);margin-top:2px;font-size:.8rem}.param-group{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem;font-weight:600}.disc-body>.taste-pin+.param-group{margin-top:18px}.disc-body>.param-group:not(:first-of-type){border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.param-group+.param{border-top:0;padding-top:8px}.taste-pin{z-index:10;background:var(--page);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;margin:0 -16px;padding:8px 16px 9px;display:grid;position:sticky;top:56px}.pin-head{color:var(--ink-3);white-space:nowrap;justify-content:space-between;gap:4px;font-size:.72rem;display:flex}.pin-head b{color:var(--ink-2);text-overflow:ellipsis;font-weight:600;overflow:hidden}.pin-head b.moved{color:var(--ink)}.track.pin-track{height:10px}.track.pin-track:before{top:4px}.track.pin-track .mk{width:8px;height:8px;margin-left:-4px;top:1px}.ev{vertical-align:1px;border-radius:50%;flex:none;width:8px;height:8px;margin-left:5px;display:inline-block;position:relative}.ev-established{background:var(--ev-established)}.ev-supported{background:linear-gradient(90deg, var(--ev-supported) 50%, transparent 50%);box-shadow:inset 0 0 0 1.5px var(--ev-supported)}.ev-practice{box-shadow:inset 0 0 0 1.5px var(--ev-practice)}.ev-uncertain{border:1.5px dashed var(--ev-uncertain)}.evkey{color:var(--ink-3);flex-wrap:wrap;gap:4px 14px;margin:16px 0 0;font-size:.72rem;display:flex}.evkey .ev{margin:0 5px 0 0}.status{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.status .ico{color:#fff;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;margin-top:2px;font-size:11px;font-weight:700;display:grid}.status.good .ico{background:var(--good)}.status.warning .ico{background:var(--warning);color:#0b0b0b}.status.serious .ico{background:var(--serious)}.status.critical .ico{background:var(--critical)}.status.info .ico{background:var(--ink-3)}.status-list{margin-top:16px}.status-list>*+*{margin-top:8px}.strips{grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:6px 10px;display:grid}.strips.multi{grid-template-columns:82px minmax(0,1fr)}.strip{display:contents}.strip-label{font-size:.9rem}.strip-label button{all:unset;cursor:pointer;margin:-4px 0;padding:4px 0;display:block}.strip-label button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.strip-label button:hover{text-decoration:underline}.strip-val{text-align:right;white-space:nowrap;min-width:5.5em;font-size:.86rem;font-weight:600}.strip-val .was{color:var(--ink-3);font-weight:400}.track{height:14px;position:relative}.track:before{content:"";background:var(--mid);border-radius:1px;height:2px;position:absolute;top:6px;left:0;right:0}.track .tick{background:var(--axis);width:1px;height:6px;position:absolute;top:4px}.track .rng{background:color-mix(in srgb, var(--c,var(--mark)) 24%, transparent);border-radius:4px;height:8px;position:absolute;top:3px}.track .mk{background:var(--c,var(--mark));width:10px;height:10px;box-shadow:0 0 0 2px var(--page);border-radius:50%;margin-left:-5px;position:absolute;top:2px}.track .mk.ghost{background:var(--page);box-shadow:inset 0 0 0 1.5px var(--ink-3)}.track.multi:before{display:none}.track.multi .lane{height:12px;position:absolute;left:0;right:0}.track.multi .lane:before{content:"";background:var(--mid);border-radius:1px;height:2px;position:absolute;top:5px;left:0;right:0}.track.multi .lane .rng{top:2px}.track.multi .lane .mk{top:1px}.band-axis{color:var(--ink-3);justify-content:space-between;font-size:.68rem;display:flex}.contribs{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-column:1/-1;margin:2px 0 8px;padding:10px 12px;font-size:.86rem}.contribs li{margin:4px 0}.contribs ul{margin:0;padding-left:0;list-style:none}.arrow{width:4.5em;font-weight:600;display:inline-block}.legend{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;font-size:.84rem;display:flex}.legend i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.reasons{margin:0;padding:0;list-style:none}.reasons li{border-top:1px solid var(--line);padding:7px 0}.reasons li:first-child{border-top:0}.reasons b{margin-right:6px}.steps{counter-reset:s;margin:0;padding:0;list-style:none}.steps li{border-top:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:2px 10px;padding:9px 0;display:grid}.steps li:first-child{border-top:0;padding-top:0}.steps .t{font-variant-numeric:tabular-nums;color:var(--ink-3);padding-top:1px;font-size:.86rem}.steps .scale{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.84rem}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}@media (width>=600px){.kv{grid-template-columns:repeat(4,minmax(0,1fr))}}.kv>div{min-width:0}.kv .k{color:var(--ink-2);font-size:.78rem}.kv .v{font-variant-numeric:tabular-nums;font-weight:600}.kv .r{color:var(--ink-3);font-size:.78rem}table.data{border-collapse:collapse;width:100%;font-size:.86rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}table.compare-table tbody th[scope=row]{min-width:9rem}table.data th{color:var(--ink-2);font-size:.8rem;font-weight:600}.scroll-x{position:relative;overflow-x:auto}.scroll-wrap{--edge:#00000038;position:relative}.scroll-wrap:before,.scroll-wrap:after{content:"";pointer-events:none;z-index:1;opacity:0;width:14px;transition:opacity .15s;position:absolute;top:0;bottom:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scroll-wrap{--edge:#0009}}:root[data-theme=dark] .scroll-wrap{--edge:#0009}.scroll-wrap:before{background:linear-gradient(to right, var(--edge), transparent);left:0}.scroll-wrap:after{background:linear-gradient(to left, var(--edge), transparent);right:0}.scroll-wrap.more-l:before,.scroll-wrap.more-r:after{opacity:1}details>summary{cursor:pointer;color:var(--ink-2);padding:4px 0;font-size:.88rem}details[open]>summary{margin-bottom:6px}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:var(--ink-2);font-family:system-ui,sans-serif;font-size:11px}.chart .gridline{stroke:var(--grid);stroke-width:1px}.chart .axis{stroke:var(--axis);stroke-width:1px}.tip{z-index:5;pointer-events:none;background:var(--raised);color:var(--ink);border:1px solid var(--axis);box-shadow:var(--shadow);border-radius:8px;max-width:240px;padding:6px 9px;font-size:.8rem;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.tip.below{transform:translate(-50%,16px)}.multiples{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.heat{border-collapse:separate;border-spacing:2px;width:100%;font-size:.8rem}.heat th{color:var(--ink-2);text-align:left;padding:4px;font-size:.78rem;font-weight:600}.heat td{text-align:center;border-radius:4px;min-width:52px;padding:6px 2px;line-height:1.15}.heat td .s{opacity:.9;font-size:.68rem;display:block}.c-0{background:var(--mid);color:var(--ink-3)}.c-u1{background:var(--up1);color:var(--ink)}.c-u2{background:var(--up2);color:#0b0b0b}.c-u3{background:var(--up3);color:var(--page)}.c-d1{background:var(--dn1);color:var(--ink)}.c-d2{background:var(--dn2);color:#0b0b0b}.c-d3{background:var(--dn3);color:var(--page)}.q1{background:var(--seq1)}.q2{background:var(--seq2)}.q3{background:var(--seq3)}.q4{background:var(--seq4)}.q5{background:var(--seq5)}.q6{background:var(--seq6)}.q7{background:var(--seq7)}.q1,.q2,.q3,.q4{color:#0b0b0b}.q5,.q6,.q7{color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .q1,:root:not([data-theme=light]) .q2,:root:not([data-theme=light]) .q3{color:#f0efec}:root:not([data-theme=light]) .q4,:root:not([data-theme=light]) .q5,:root:not([data-theme=light]) .q6,:root:not([data-theme=light]) .q7{color:#0b0b0b}}:root[data-theme=dark] .q1,:root[data-theme=dark] .q2,:root[data-theme=dark] .q3{color:#f0efec}:root[data-theme=dark] .q4,:root[data-theme=dark] .q5,:root[data-theme=dark] .q6,:root[data-theme=dark] .q7{color:#0b0b0b}.scrim{z-index:40;background:#00000059;position:fixed;inset:0}.drawer{z-index:41;background:var(--page);flex-direction:column;width:min(560px,100% - max(40px,10%));display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 30px #0003}.drawer-head{padding:12px var(--side-r) 12px 16px;background:var(--page);border-bottom:1px solid var(--line);z-index:1;align-items:center;gap:8px;display:flex;position:sticky;top:0}.drawer-head h2{margin-right:auto}.drawer-body{padding:16px var(--side-r) 16px 16px}.drawer-body section+section{margin-top:22px}.drawer-body section>h3{margin-bottom:8px}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.list li:first-child{border-top:0}.list li .grow{flex:1;min-width:140px}.flag{background:var(--page);border:1px solid var(--axis);color:var(--ink-2);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:600}.toast{z-index:60;background:var(--ink);color:var(--page);box-shadow:var(--shadow);overflow-wrap:anywhere;text-align:center;border-radius:8px;width:max-content;max-width:calc(100% - 32px);padding:9px 16px;font-size:.9rem;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.update-bar{z-index:60;background:var(--ink);color:var(--page);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:6px 8px 6px 16px;font-size:.9rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.update-bar .btn{background:var(--page);border-color:var(--page);color:var(--ink)}.update-bar~.toast{bottom:72px}.drop{border:1px dashed var(--axis);text-align:center;color:var(--ink-2);cursor:pointer;border-radius:8px;padding:12px;display:block}.drop img{border-radius:6px;max-width:100%;max-height:120px;margin:0 auto 6px;display:block}.footer{color:var(--ink-3);text-align:center;padding:24px var(--side-r) 80px var(--side-l);font-size:.8rem}@media (width<=899px){.footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.toast,.update-bar{bottom:calc(76px + env(safe-area-inset-bottom))}.update-bar~.toast{bottom:calc(132px + env(safe-area-inset-bottom))}}@media (width<=480px){.strips{grid-template-columns:70px minmax(0,1fr) auto;gap:6px 8px}.strips.multi{grid-template-columns:70px minmax(0,1fr)}.tiles{--gap:6px}.tile{padding:9px 10px}.tile dt{font-size:.7rem}.tile dd{font-size:1.12rem}}@media (width<=380px){.tile{padding:9px 6px}}
