:root{--ink:#221d19;--sub:#857a70;--faint:#b4aaa0;--line:#e6e0d7;--track:#eeeae4;--paper:#fff;--warm:#f6f3ee;--brand:#5b3a29;--copper:#c8642f;--copper-bg:#f8e9df;--copper-ink:#8a3f17;--danger:#a32d2d;--shop:#2f5d50;--font:"Zen Kaku Gothic New", system-ui, -apple-system, "Hiragino Sans", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--pad:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.mono{font-family:var(--mono);font-weight:500}.sub{color:var(--sub)}.small{font-size:12px}.label{color:var(--sub);letter-spacing:.14em;font-size:11px}.title{font-size:22px;font-weight:700;line-height:1.35}.heading{font-size:15px;font-weight:700}.rule{border:0;border-top:1px solid var(--ink);margin:0}.hair{border:0;border-top:1px solid var(--line);margin:0}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:6px;display:flex}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.grow{flex:1;min-width:0}.note{color:var(--sub);font-size:12px;line-height:1.7}.error-text{color:var(--danger);font-size:13px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:var(--paper);flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.app-main{flex-direction:column;flex:1;display:flex}.page{padding:16px var(--pad) 32px;flex-direction:column;gap:14px;display:flex}.page-top{padding-top:20px}.topbar{justify-content:space-between;align-items:center;min-height:44px;margin:-4px 0 -4px -12px;display:flex}.icon-btn{cursor:pointer;width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;display:inline-flex}.brand{color:var(--brand);letter-spacing:.04em;font-size:22px;font-weight:700}.btn{border:1px solid var(--ink);background:var(--paper);min-height:48px;color:var(--ink);cursor:pointer;text-align:center;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--ink);color:var(--paper)}.btn-shop{background:var(--shop);border-color:var(--shop);color:#fff;letter-spacing:.06em}.btn-small{min-height:36px;padding:0 12px;font-size:13px}.btn-big{min-height:52px;font-size:16px}.btn-block{width:100%}.btn-quiet{border-color:var(--line);color:var(--sub);font-weight:400}.btn-pair{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.btn-pair>.btn+.btn{border-left:0}.seg{border:1px solid var(--ink);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.seg button{background:var(--paper);cursor:pointer;border:0;border-radius:0;min-height:44px;padding:0 6px;font-size:13px}.seg button+button{border-left:1px solid var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:0;min-height:40px;padding:0 14px;font-size:13px}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stats{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.stat{flex-direction:column;gap:1px;min-width:0;display:flex}.stat+.stat{border-left:1px solid var(--line);padding-left:10px}.stat-value{font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:500;line-height:1.25;overflow:hidden}.stat-value small{font-size:12px}.stat-sub{font-family:var(--mono);color:var(--sub);font-size:11px}.stats-lg .stat-value{font-size:24px}.ktable{grid-template-columns:64px repeat(3,minmax(0,1fr));font-size:13px;display:grid}.ktable>*{border-bottom:1px solid var(--line);padding:8px 0}.ktable .head{color:var(--sub);border-bottom-color:var(--ink);padding:6px 0;font-size:11px}.ktable .key{color:var(--sub);letter-spacing:.14em;font-size:11px}.ktable .plan{font-family:var(--mono);color:var(--sub)}.ktable .val{font-family:var(--mono)}.ktable .diff{font-family:var(--mono);text-align:right}.ktable .diff.zero{color:var(--sub)}.ktable .diff.changed{font-weight:700}.dl{border-top:1px solid var(--ink);grid-template-columns:76px 1fr;font-size:13px;display:grid}.dl>*{border-bottom:1px solid var(--line);padding:7px 0}.dl dt{color:var(--sub)}.dl dd{margin:0}.list-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border-radius:0;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:flex}.steps-table{flex-direction:column;display:flex}.steps-table .step-row{border-top:1px solid var(--line);grid-template-columns:72px 1fr auto;gap:8px;padding:8px 0;font-size:13px;display:grid}.bars{grid-template-columns:64px 1fr 28px;align-items:center;gap:8px 10px;display:grid}.bar-track{background:var(--line);height:8px;display:block}.bar-fill{background:var(--ink);height:8px;display:block}.segments{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.segments span{background:var(--line);height:8px}.segments span.on{background:var(--shop)}.window-bar{background:var(--line);height:4px;display:block;position:relative}.window-bar .window{background:color-mix(in srgb, var(--shop) 35%, white);height:4px;position:absolute;top:0}.window-bar .now{background:var(--ink);width:2px;height:10px;position:absolute;top:-3px}.hint{border-left:3px solid var(--ink);background:var(--warm);padding:10px 12px;font-size:14px;font-weight:700}.hint.warn{border-left-color:var(--copper);background:var(--copper-bg);color:var(--copper-ink)}.box{border:1px solid var(--ink);flex-direction:column;gap:8px;padding:12px;display:flex}.box-warm{background:var(--warm)}.dashed{border:1px dashed #c9c0b4;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.field{color:var(--sub);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input,.field select,.field textarea,.input{border:1px solid var(--ink);background:var(--paper);min-height:46px;color:var(--ink);border-radius:0;width:100%;padding:0 12px;font-size:16px}.field textarea{resize:vertical;min-height:84px;padding:10px 12px;font-size:15px}.input-mono{font-family:var(--mono)}.suffix-input{border:1px solid var(--ink);background:var(--paper);grid-template-columns:1fr auto;align-items:center;padding-right:8px;display:grid}.suffix-input input{min-height:40px;font-family:var(--mono);border:0;width:100%;min-width:0;padding:0 8px;font-size:15px}.suffix-input span{color:var(--sub);font-size:11px}.stepper{border:1px solid var(--ink);grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.stepper button{background:var(--paper);cursor:pointer;border:0;border-radius:0;height:44px;font-size:18px}.stepper button:first-child{border-right:1px solid var(--ink)}.stepper button:last-child{border-left:1px solid var(--ink)}.stepper output{text-align:center;font-family:var(--mono);padding:0 4px;font-size:18px}.stepper output.text{font-family:var(--font);font-size:13px}.tabbar{border-top:1px solid var(--ink);background:var(--paper);padding-bottom:env(safe-area-inset-bottom);z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:sticky;bottom:0}.tabbar a{color:#a39a90;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:60px;font-size:11px;text-decoration:none;display:flex}.tabbar a.active{color:var(--ink);box-shadow:inset 0 2px 0 var(--brand);font-weight:700}.cta-bar{bottom:calc(61px + env(safe-area-inset-bottom));padding:10px var(--pad);border-top:1px solid var(--line);background:var(--paper);padding-bottom:calc(10px + env(safe-area-inset-bottom));z-index:4;position:sticky}.band{background:var(--shop);color:#fff;height:168px;padding:12px var(--pad) 14px;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;display:flex;position:relative}.band.has-photo:after{content:"";background:linear-gradient(#0000 40%,#00000073);position:absolute;inset:0}.band>*{z-index:1;position:relative}.thumb{background:var(--line);background-position:50%;background-size:cover;flex-shrink:0;width:64px;height:64px}.progress{gap:3px;display:grid}.progress span{background:var(--line);height:4px}.progress span.done{background:var(--ink)}.progress span.now{background:var(--copper)}.big-number{font-family:var(--mono);font-size:48px;line-height:1}.brew-step-row{border-top:1px solid var(--line);color:var(--sub);grid-template-columns:10px 72px 1fr auto;align-items:center;gap:8px;padding:7px 0;font-size:13px;display:grid}.brew-step-row.done{color:var(--faint)}.brew-step-row.now{color:var(--ink);font-weight:700}.brew-step-row .mark{width:8px;height:8px}.brew-step-row.now .mark{background:var(--copper)}.chart{width:100%;height:auto;display:block}.legend{color:var(--sub);gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .dash{border-top:2px dashed var(--brand);width:18px}.legend .solid{background:var(--copper);width:18px;height:3px}.legend .solid-ink{background:var(--ink);width:18px;height:2px}.stars{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.stars button{border:1px solid var(--ink);background:var(--paper);min-height:52px;color:var(--faint);cursor:pointer;border-radius:0;font-size:20px}.stars button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.check input{appearance:none;border:1px solid var(--ink);border-radius:0;flex-shrink:0;place-items:center;width:22px;height:22px;margin:0;display:grid}.check input:checked{background:var(--ink)}.check input:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:6px;transform:translateY(-1px)rotate(-45deg)}.center-page{flex-direction:column;justify-content:center;gap:16px;min-height:70dvh;padding:24px 28px;display:flex}.alert-mark{background:var(--ink);color:#fff;width:44px;height:44px;font-family:var(--mono);justify-content:center;align-items:center;font-size:22px;display:flex}.loading{padding:40px var(--pad);color:var(--sub);font-size:13px}.toast{border-top:1px solid var(--line);padding-top:10px;font-size:13px}.admin{background:var(--paper);flex-wrap:wrap;min-height:100dvh;display:flex}.admin-nav{border-right:1px solid var(--ink);flex-direction:column;flex:220px;gap:6px;padding:24px 20px;display:flex}.admin-nav a{padding:10px 12px;font-size:14px;text-decoration:none;display:block}.admin-nav a.active{background:var(--ink);color:var(--paper);font-weight:700}.admin-main{flex-direction:column;flex:999 560px;gap:18px;min-width:0;max-width:1120px;padding:28px 32px 48px;display:flex}@media (width<=760px){.admin-nav{border-right:0;border-bottom:1px solid var(--ink)}.admin-main{padding:20px 16px 40px}}.admin h1{font-size:28px;font-weight:700}.split{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.split>.main-col{flex-direction:column;flex:999 480px;gap:16px;min-width:0;display:flex}.split>.side-col{flex-direction:column;flex:290px;gap:12px;display:flex}.section-label{color:var(--sub);letter-spacing:.14em;border-top:1px solid var(--ink);padding-top:12px;font-size:11px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--sub);letter-spacing:.14em;border-bottom:1px solid var(--ink);padding:8px 8px 8px 0;font-size:11px;font-weight:400}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px 10px 0}.funnel{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.funnel>div{flex-direction:column;gap:4px;padding:4px 16px;display:flex}.funnel>div:first-child{padding-left:0}.funnel>div+div{border-left:1px solid var(--line)}.funnel .n{font-family:var(--mono);font-size:44px;line-height:1.1}.hbar{grid-template-columns:96px 1fr 40px;align-items:center;gap:8px;font-size:13px;display:grid}.hbar .track{background:var(--track);height:10px}.hbar .fill{background:var(--ink);height:10px;display:block}.grid3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.preview-card{border:1px solid var(--ink);flex-direction:column;display:flex}.preview-card .band{justify-content:flex-end;height:96px;padding:10px 14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.swatches button{border:1px solid var(--line);cursor:pointer;border-radius:0;height:40px}.swatches button[aria-pressed=true]{border:3px solid var(--ink)}.qr-label{border:1px solid var(--ink);background:#fff;align-items:center;gap:16px;padding:18px;display:flex}.qr-label img{width:120px;height:120px;image-rendering:pixelated}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;top:0;left:0}}