header{padding:20px max(18px,calc((100vw - 900px)/2)) 18px}h1{font-family:inherit;font-size:26px;font-weight:700;line-height:1.4;letter-spacing:.02em;margin:0 0 6px}header p{font-size:13px;margin:0;line-height:1.6}main{padding-top:16px}.notice{font-size:12px;padding:12px 14px;line-height:1.7}#items{margin:16px 0 12px;gap:8px}#items button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:82px;padding:5px;border:1px solid #aebeb4;background:#fff;box-shadow:none}#items svg{height:68px;width:43px;display:block;overflow:visible}.bottle{fill:#d9e7dc;stroke:#456557;stroke-width:1.5}.cap{fill:#456557}.label{fill:#fffdf2;stroke:#82998c;stroke-width:.8}#items svg text{fill:#254c3e;font-family:Arial,sans-serif;font-size:18px;font-weight:700}#items button[aria-pressed=true]{background:#173d36;border-color:#173d36;box-shadow:0 3px 0 #b69b35}#items button[aria-pressed=true] .bottle{fill:#dbe7c8;stroke:#fff0b1}#items button[aria-pressed=true] .cap{fill:#f3ce58}#items button[aria-pressed=true] .label{fill:#ffe766;stroke:#ffe766}#status:empty{display:none}.fold-actions{display:flex;justify-content:flex-end;margin-top:24px}.fold-actions button{min-height:44px;font-size:13px;background:#f1f4ed}.section summary{scroll-margin-top:12px}@media(max-width:430px){header{padding:18px 16px 15px}h1{font-size:24px}main{padding-top:13px}#items{gap:5px}.heading h2{font-size:18px}.heading button{font-size:12px;padding:9px 12px}.notice{padding:11px 12px}}

/* A single, softly curved sake-bottle silhouette. */
#items .bottle{fill:#496c5b;stroke:none}#items svg text{fill:#fff;font-size:19px;font-weight:600}#items button[aria-pressed=true] .bottle{fill:#f4df89;stroke:none}#items button[aria-pressed=true] svg text{fill:#173d36}#items button[aria-pressed=true]{box-shadow:none}

header h1{font-family:'Avenir Next','Century Gothic','Segoe UI',sans-serif;font-size:28px;font-weight:500;letter-spacing:.14em;line-height:1.25}header p{margin-top:8px}.heading h2{white-space:nowrap}@media(max-width:600px){header h1{font-size:25px;letter-spacing:.12em}.spice-nuts{display:grid;grid-template-columns:minmax(44px,.65fr) minmax(60px,.9fr) minmax(0,1.9fr);gap:8px 4px}.spice-nuts .chip{position:relative;min-height:48px;min-width:0;padding:13px 5px 8px;text-align:center;white-space:nowrap;font-size:13px;line-height:1.5}.spice-nuts .chip::before{display:none}.spice-nuts .chip[aria-pressed=true]::before{display:block;position:absolute;top:1px;right:3px;font-size:9px;line-height:10px;margin:0}.heading{gap:8px}.heading h2{font-size:17px}}

.heading{align-items:flex-start;flex-wrap:wrap}.heading h2{font-size:17px;line-height:1.5}.heading button{margin-left:auto}

.type-switch{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:360px;margin:10px 0 16px;background:#e8eee7;border:1px solid #bdcbbf;min-height:48px;font-size:14px}.type-knob{position:relative;width:52px;height:28px;background:#b7c8ba;border-radius:18px;flex-shrink:0}.type-knob:after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#173d36}.type-switch[aria-checked=true] .type-knob:after{left:27px}.type-switch[aria-checked=false]>span:first-child,.type-switch[aria-checked=true]>span:last-child{font-weight:700;color:#173d36}#typePending[hidden],#sections[hidden]{display:none}

#items button{flex-direction:column;min-height:100px;justify-content:flex-start}.bottle-type{font-size:11px;line-height:1.15;max-width:42px;white-space:normal;min-height:25px;font-weight:600;overflow-wrap:anywhere}#shochuSections[hidden]{display:none}
#items button{position:relative;min-height:108px}.bottle-type{position:absolute;left:0;bottom:5px;width:100%;max-width:none;min-height:0;display:block;white-space:nowrap;overflow-wrap:normal;text-align:center;font-size:11px;line-height:1.15}.bottle-type:empty{display:none}

/* Single-line beverage labels free vertical room for a taller silhouette. */
#items button{height:108px;min-height:108px;padding-top:4px}#items svg{height:82px;width:43px;flex-shrink:0;overflow:visible}#items svg .bottle{transform:translateY(-.8px) scaleY(1.025);transform-origin:center}.bottle-type{bottom:5px;font-size:clamp(9px,2.65vw,10px);font-weight:500;letter-spacing:-.04em;line-height:14px;white-space:nowrap}@media(max-width:350px){main{padding-left:12px;padding-right:12px}#items{gap:4px}}

/* Compact resting screen; interactive targets remain at least 44px high. */
header{padding-top:11px;padding-bottom:11px}main{padding-top:8px}.notice{font-size:10.5px;line-height:1.45;padding:5px 8px;border-radius:7px}#items{margin:8px 0 4px}.heading{align-items:center;gap:4px}.heading h2{margin:0;font-size:16px}.heading button{padding:8px 10px;min-height:44px;font-size:12px}.type-switch{position:relative;min-height:44px;height:44px;padding:0 8px;margin:0;background:transparent;border:0;font-size:13px;gap:9px;isolation:isolate}.type-switch:before{content:'';position:absolute;inset:9px 0;background:#e8eee7;border:1px solid #bdcbbf;border-radius:18px;z-index:-1}.type-knob{height:22px;width:44px}.type-knob:after{height:18px;width:18px;top:2px;left:2px}.type-switch[aria-checked=true] .type-knob:after{left:24px}details.section{margin:6px 0;border-radius:10px}.section>summary{min-height:44px;padding:10px 14px;line-height:22px;font-size:14px}.section>summary .count{font-size:11px}#status:empty{display:none}@media(max-width:430px){header{padding:11px 14px}main{padding-top:8px}.notice{padding:5px 8px}.heading h2{font-size:16px}#items{margin-top:8px;margin-bottom:4px}}
@media(max-width:350px){.heading h2{font-size:14px}.heading button{font-size:11px;padding-left:6px;padding-right:6px}}

.heading h2{font-weight:400}.heading h2 strong{font-weight:800}.heading h2 span{font-weight:400}.submit-primary{width:100%;min-height:44px;font-weight:700}.backup-tools{margin-top:8px}.backup-tools summary{min-height:44px;display:flex;align-items:center}
.heading h2{white-space:nowrap;line-height:24px}.heading h2 strong{font-family:Meiryo,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:20px;font-weight:700;font-synthesis:weight;color:#173d36}.heading h2 span{font-size:12px;font-weight:400;color:#61716b;margin-left:2px}@media(max-width:350px){.heading h2 strong{font-size:18px}.heading h2 span{font-size:11px;margin-left:1px}}

.submit-primary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;background:#173d36;color:#fff;border-radius:10px;text-decoration:none;font-weight:700}.submit-primary:focus-visible{outline:3px solid #c39528;outline-offset:3px}