:root{color-scheme:light;--ink:#183d36;--muted:#536b65;--line:#dbe5df;--green:#24664f;--soft:#edf4ef;--paper:#fff;--amber:#785017;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;background:#f5f6f1;color:var(--ink);font-size:16px;line-height:1.65}
*{box-sizing:border-box}body{margin:0}a{color:#226249;text-underline-offset:3px}a:hover{color:#123e2c}button,input,select,textarea{font:inherit}button,a.button{border:1px solid var(--green);border-radius:9px;padding:10px 17px;background:var(--green);color:white;cursor:pointer;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:45px}button:hover,a.button:hover{background:#174d39}button.secondary,a.button.secondary{background:white;color:var(--green);border-color:#b4c9bd}button.secondary:hover{background:var(--soft)}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ce9a40;outline-offset:3px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #a9beb3;border-radius:8px;background:white;color:var(--ink)}input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--green)}textarea{min-height:100px;resize:vertical}label{display:block;font-weight:650;margin:16px 0 5px}small,.hint{display:block;color:var(--muted);font-size:.88rem;line-height:1.6;margin:6px 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.25;letter-spacing:-.055em;margin-bottom:12px}h2{font-size:1.45rem;line-height:1.4;letter-spacing:-.035em;margin-bottom:8px}h3{font-size:1.1rem;line-height:1.45;margin-bottom:8px}p{margin-bottom:14px}.shell{max-width:1180px;margin:0 auto;padding:0 28px}.topbar{background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;padding-bottom:18px}.brand-name{font-size:.92rem;font-weight:800;letter-spacing:.07em}.brand-name span{font-size:1.3rem;margin-right:8px}.top-note{font-size:.82rem;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;padding:34px 0 24px}.eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:800;color:var(--green);margin-bottom:10px}.hero p{max-width:680px;color:var(--muted);margin:0}.device{min-width:230px;background:#e6efe6;border:1px solid #cbdccf;padding:18px 22px;border-radius:13px}.device small{margin:0 0 4px}.device strong{display:block;font-size:1.15rem}.device p{font-size:.85rem;margin-top:6px}.navigation{position:sticky;top:0;z-index:2;background:#f5f6f1ed;backdrop-filter:blur(8px);display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid var(--line);padding:12px 0}.navigation a{white-space:nowrap;font-size:.9rem;text-decoration:none;padding:8px 12px;border-radius:7px}.navigation a:hover{background:var(--soft)}section{scroll-margin-top:85px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;margin:24px 0}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px}.section-heading p{color:var(--muted);margin-bottom:0;font-size:.93rem}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:30px;background:#edf4ee;color:#205e42;font-size:.79rem;font-weight:700;white-space:nowrap}.badge.attention{background:#faf0de;color:var(--amber)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-item{padding:16px;border:1px solid var(--line);border-radius:11px}.status-item span{font-size:.85rem;color:var(--muted);display:block}.status-item strong{display:block;font-size:1.15rem;margin-top:4px}.status-item small{margin:4px 0 0;font-size:.8rem}.callout{border-radius:10px;background:var(--soft);padding:16px 18px;margin:18px 0;font-size:.93rem}.callout.attention{background:#faf3e4}.callout p:last-child{margin-bottom:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions small{width:100%;margin:0}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.step{border:1px solid var(--line);border-radius:12px;padding:22px}.step-title{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.step-title h3{margin:0}.number{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);width:28px;height:28px;border-radius:50%;font-size:.88rem;margin-right:7px}.step p{font-size:.93rem;color:var(--muted)}.step ol{padding-left:22px;font-size:.9rem;margin:12px 0}.step li{margin:7px 0}.inline-link{font-weight:650}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}.check{display:flex;align-items:start;gap:9px;font-size:.93rem;font-weight:500;cursor:pointer}.check small{margin:3px 0 0;font-size:.83rem}.check input{margin-top:3px}.check-list{display:grid;gap:7px}.check-list label{margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.empty{padding:22px;background:#f7f9f6;border-radius:9px;color:var(--muted);font-size:.93rem}.source-list{display:grid;gap:16px}.source{border:1px solid var(--line);border-radius:12px;padding:20px}.source-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.source-top h3{margin:0 0 4px}.source-top p{margin:0;color:var(--muted);font-size:.87rem}.source-facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:16px;font-size:.88rem}.source-facts span{color:var(--muted)}.source-facts strong{display:block;font-weight:550;color:var(--ink)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.91rem}th{font-size:.79rem;color:var(--muted);font-weight:650;background:#f6f8f4;text-align:left}td,th{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}td small{margin:4px 0 0}.release-name{font-weight:700;min-width:170px}details{margin-top:15px}summary{cursor:pointer;color:var(--green);font-size:.89rem;font-weight:600}details[open]>summary{margin-bottom:14px}.advanced{padding:16px 18px;border:1px solid var(--line);border-radius:10px}.advanced form{margin-top:10px}.advanced button{font-size:.89rem}.technical{font-family:ui-monospace,monospace;font-size:.8rem;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f4;padding:14px;border-radius:9px;font-size:.8rem;color:var(--muted)}.preference-box{border:1px solid var(--line);border-radius:11px;padding:20px}.profile-list{padding-left:20px;font-size:.93rem}.profile-list li{margin-bottom:12px}.muted{color:var(--muted)}.chat-choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.progress-box{border:1px solid var(--line);padding:18px;border-radius:10px;background:#f7f9f5;margin-top:18px}.progress-box p{margin:0}.progress-box progress{width:100%;margin:10px 0;accent-color:var(--green)}.progress-box ol{padding-left:22px;font-size:.88rem}.hidden,[hidden]{display:none!important}.toast{position:fixed;bottom:22px;right:22px;max-width:min(540px,calc(100vw - 44px));background:#183d36;color:white;border-radius:12px;padding:16px 40px 16px 18px;box-shadow:0 8px 30px #183d3626;z-index:10;line-height:1.65}.toast.error{background:#773b2c}.toast button{position:absolute;right:8px;top:8px;background:transparent;border:0;min-height:25px;padding:0 5px;font-weight:500}footer{font-size:.82rem;color:var(--muted);padding:6px 0 28px}.footer-row{display:flex;justify-content:space-between;gap:15px}.busy-note{font-size:.87rem;padding:12px 15px;background:#edf4ef;border-radius:9px;margin-top:16px;color:var(--green)}
@media(max-width:900px){.status-grid{grid-template-columns:repeat(2,1fr)}.setup-grid,.split{grid-template-columns:1fr}.hero{grid-template-columns:1fr;gap:18px}.device{max-width:none}.hero .device{display:flex;gap:20px;align-items:center}.hero .device p{margin:0}.top-note{display:none}}
@media(max-width:600px){.shell{padding:0 16px}.hero{padding-top:25px}section{padding:20px;margin:18px 0;border-radius:12px}.step{padding:18px}.section-heading{display:block}.section-heading .badge{margin-top:8px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.source-top{display:block}.source-top .badge{margin-top:8px}.status-item{padding:12px}.status-item strong{font-size:1rem}.actions button{flex:1}.hero .device{display:block}.hero .device p{margin-top:6px}.footer-row{display:block}.step-title{align-items:start}.step-title .badge{font-size:.72rem}td,th{padding:10px}}
.release-table{max-height:580px;border:1px solid var(--line);border-radius:10px}.release-table th{position:sticky;top:0;z-index:1}.split>.full{grid-column:1/-1}

.connection-only :is(#setup,#lineup-entry,#releases,#profiles,#sources,#settings,#breweries,#logs,#issues,#shipping),.connection-only #status :is(.status-grid,.actions),.connection-only .navigation a:not([href="#status"]):not([href="#pi"]):not([href="#remote"]){display:none}
/* Current issues and dated shipping research remain readable on small screens. */
.issue-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); gap:18px; }
.issue-card { padding:22px; border:1px solid #d8c5a7; border-radius:16px; background:#fffcf5; scroll-margin-top:24px; }
.issue-card h4 { margin:18px 0 8px; font-size:1.05rem; }
.issue-card p { line-height:1.7; }
.shipping-table { max-height:640px; overflow:auto; margin-top:18px; }
.shipping-table table { min-width:850px; }
.shipping-table th { position:sticky; top:0; background:#f2eee4; z-index:1; }
.shipping-table td { min-width:180px; }
.shipping-table td:last-child { min-width:300px; }
.shipping-table a { overflow-wrap:anywhere; }
.shipping-table tr[hidden] { display:none; }
.source { scroll-margin-top:24px; }

/* Current lineup: readable cards with explicit stock freshness. */
.lineup-page{padding-bottom:36px}.lineup-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:38px 0 24px}.lineup-heading p{color:var(--muted);margin-bottom:0}.lineup-notice{display:flex;gap:12px;flex-wrap:wrap;padding:14px 18px;background:var(--soft);border-radius:10px;font-size:.9rem}.lineup-notice span{color:var(--muted)}.lineup-filters{display:grid;grid-template-columns:1fr 1fr 1.15fr auto;gap:14px;align-items:end}.lineup-filters label{margin:0}.lineup-filters button{margin-bottom:0}.lineup-counts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0 8px}.lineup-count{border:1px solid var(--line);border-radius:10px;padding:13px 14px;text-decoration:none;color:var(--ink)}.lineup-count span{display:block;font-size:.8rem;color:var(--muted)}.lineup-count strong{display:block;font-size:1.5rem;margin-top:3px}.lineup-count.selected{background:var(--soft);border-color:var(--green)}.lineup-results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 16px}.lineup-results-heading p{margin:0;color:var(--muted)}.lineup-results-heading .actions{margin:0;align-items:center}.lineup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.beer-card{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px}.beer-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.seller-type{font-size:.75rem;color:var(--muted)}.beer-brewery{color:var(--green);font-size:.85rem;font-weight:650;margin-bottom:5px}.beer-card h3{font-size:1.12rem;overflow-wrap:anywhere}.beer-style,.beer-package,.beer-condition{color:var(--muted);font-size:.85rem}.beer-style{margin-bottom:18px}.beer-price{font-size:1.4rem;font-weight:750;letter-spacing:-.025em}.beer-package{margin-bottom:16px}.beer-condition{margin-bottom:10px;overflow-wrap:anywhere}.beer-caution{padding:10px 12px;background:#faf3e4;border-radius:8px;font-size:.84rem}.beer-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.beer-card-footer small{font-size:.76rem;margin:0}.beer-card-footer .button{font-size:.83rem;padding:10px 12px;white-space:nowrap}.lineup-pagination{display:flex;gap:20px;justify-content:center;align-items:center;padding:26px 0}.lineup-empty{padding:32px}.lineup-controls .hint{margin-bottom:0}#lineup-feedback{padding:14px 18px;background:var(--soft);border-radius:10px}
@media(max-width:1000px){.lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lineup-filters{grid-template-columns:1fr 1fr}.lineup-counts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.lineup-grid,.lineup-filters{grid-template-columns:1fr}.lineup-heading,.lineup-results-heading{display:block}.lineup-heading>.button{margin-top:18px}.lineup-counts{grid-template-columns:repeat(2,1fr)}.lineup-results-heading .actions{margin-top:12px}.beer-card{padding:20px}.lineup-controls{padding:18px}.lineup-heading{padding-top:28px}.beer-card-footer{gap:8px}}

.price-currency-note{font-size:.75rem;color:var(--muted);font-weight:500;letter-spacing:normal;margin-left:8px}
