@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=M+PLUS+1p:wght@400;500;700;800&family=Montserrat:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&family=Noto+Sans:wght@400;500;600;700;800&family=Noto+Serif+JP:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800&family=Roboto:wght@400;500;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700&display=swap";.admin-page{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;min-height:0;overflow-y:scroll;overflow-x:hidden;padding:clamp(20px,4vw,56px);background:#0d0f11;color:#eeeae1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.admin-page>.admin-panel{max-width:1120px;margin:0 auto;padding:clamp(22px,4vw,48px);border:1px solid #2c3034;border-radius:24px;background:#171a1d;box-shadow:0 30px 90px #00000047}.admin-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid #2c3034}.admin-kicker{margin-bottom:8px;color:#9b978f;font-size:11px;font-weight:800;letter-spacing:.2em}.admin-panel h1{margin:0 0 8px;font-size:clamp(30px,4vw,46px);letter-spacing:-.03em}.admin-panel .admin-panel h2{margin:0;font-size:22px;letter-spacing:-.02em}.admin-panel p{margin:0;color:#94999e;line-height:1.55}.admin-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-heading-actions a{padding:10px 13px;color:#ddd8ce;text-decoration:none;border:1px solid #3a3f44;border-radius:9px}.admin-login{max-width:480px;margin-top:10vh}.admin-login h1{font-size:38px}.admin-login>input{display:block;width:100%;margin:24px 0 12px;padding:13px 14px;border:1px solid #3c4146;border-radius:9px;outline:none;background:#101214;color:#fff}.admin-login>input:focus,.admin-grid input:focus,.default-tap-grid input:focus,.tap-layout-settings input:focus{border-color:#777d83}.admin-panel button{padding:10px 15px;border:1px solid #454a4f;border-radius:9px;background:#252a2e;color:#fff;cursor:pointer}.admin-panel button:hover:not(:disabled){background:#30363b}.admin-panel button:disabled{cursor:wait;opacity:.55}.admin-panel button.primary{background:#eeeae1;border-color:#eeeae1;color:#121416;font-weight:750}.admin-panel button.primary:hover:not(:disabled){background:#fff}.admin-message{color:#aeb5b9;font-size:14px}.admin-message.error{color:#f19a9a}.admin-tabs{display:flex;gap:6px;margin-top:24px;padding:5px;overflow-x:auto;border:1px solid #2c3034;border-radius:12px;background:#101214}.admin-tabs button{flex:1 0 auto;min-width:110px;padding:11px 15px;border-color:transparent;background:transparent;color:#aeb3b7;font-weight:700}.admin-tabs button:hover:not(:disabled){background:#202428}.admin-tabs button.active{background:#eeeae1;color:#121416}.admin-panel section{padding-top:34px}.section-heading{margin-bottom:15px}.section-heading p{margin-top:5px;font-size:13px}.tap-layout-settings{max-width:420px}.tap-layout-settings label{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;border-bottom:1px solid #282c30;color:#d3d6d8;font-size:14px}.font-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.font-settings label{display:flex;flex-direction:column;gap:9px;color:#d3d6d8;font-size:14px}.font-settings select{width:100%;padding:11px 12px;border:1px solid #3c4146;border-radius:8px;background:#101214;color:#fff;font:inherit;outline:none}.font-settings select:focus{border-color:#777d83}.default-tap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.default-tap-grid>label{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:78px;color:#d3d6d8;font-size:14px}.default-tap-grid input,.tap-layout-settings input{width:100%;padding:9px 10px;border:1px solid #3c4146;border-radius:7px;background:#101214;color:#fff;outline:none;font:inherit}.default-abv-control{display:flex;align-items:center;gap:7px}.default-abv-control input{width:120px}.default-abv-control small{color:#73797e}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.admin-grid>label{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:58px;border-bottom:1px solid #282c30;color:#d3d6d8;font-size:14px}.number-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}.admin-grid input[type=number]{width:86px;padding:8px 9px;border:1px solid #3c4146;border-radius:7px;background:#101214;color:#fff;outline:none}.number-control small{width:36px;color:#73797e}.color-control{display:flex;gap:8px;align-items:center;flex:0 0 auto}.color-control input[type=color]{width:42px;height:36px;padding:3px;border:1px solid #454a4f;border-radius:7px;background:#101214;cursor:pointer}.color-control input[type=text],.color-control input:not([type]){width:105px;padding:8px 9px;border:1px solid #3c4146;border-radius:7px;background:#101214;color:#fff;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin-preview-card{width:630px;height:470px;margin:24px auto 0;overflow:hidden;--card-scale:.53;--taplist-vw:19.2px}.admin-preview-card>.beer-card{width:100%;height:100%}.admin-preview-status{padding:40px 20px;color:#8e9499;text-align:center}.admin-actions{display:flex;align-items:center;gap:12px;margin-top:34px;padding-top:24px;border-top:1px solid #2c3034;flex-wrap:wrap}@media(max-width:900px){.font-settings,.admin-grid,.default-tap-grid{grid-template-columns:1fr}.admin-heading{flex-direction:column}}@media(max-width:600px){.admin-page{padding:12px}.admin-panel{padding:20px;border-radius:16px}.admin-grid>label{align-items:flex-start;flex-direction:column;padding:12px 0;gap:8px}.tap-layout-settings label{align-items:flex-start;flex-direction:column;padding:12px 0;gap:8px}}.display-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.display-editor{display:grid;gap:18px;padding:20px;border:1px solid #2c3034;border-radius:12px;background:#101214}.display-editor>label{display:flex;flex-direction:column;gap:8px;color:#d3d6d8;font-size:14px}.display-editor input[type=text],.display-editor input:not([type]){width:100%;padding:10px;border:1px solid #3c4146;border-radius:7px;background:#171a1d;color:#fff;outline:none;font:inherit}.display-editor small{color:#73797e}.display-header-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border:1px solid #2c3034;border-radius:10px;background:#121518}.display-header-settings .section-heading{grid-column:1 / -1}.display-header-settings label{display:flex;flex-direction:column;gap:8px;color:#d3d6d8;font-size:14px}.display-header-settings input,.display-header-settings select{width:100%;padding:10px;border:1px solid #3c4146;border-radius:7px;background:#171a1d;color:#fff;outline:none;font:inherit}.display-taps{display:grid;gap:10px}.display-tap-grid{display:grid;grid-template-columns:repeat(12,minmax(44px,1fr));gap:8px}.display-tap-grid label{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #3c4146;border-radius:8px;background:#171a1d;color:#9da3a8;cursor:pointer}.display-tap-grid label.selected{border-color:#eeeae1;background:#eeeae1;color:#121416;font-weight:800}.display-tap-grid input{position:absolute;opacity:0;pointer-events:none}.display-editor-actions,.display-item-actions{display:flex;gap:8px;flex-wrap:wrap}.display-list{display:grid;gap:10px;margin-top:20px}.display-item{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px;border:1px solid #2c3034;border-radius:10px;background:#101214}.display-item strong{display:block;margin-bottom:4px}.display-url,.display-tap-summary{color:#73797e;font-size:12px}.display-item-actions a{padding:10px 15px;border:1px solid #454a4f;border-radius:9px;color:#fff;text-decoration:none;background:#252a2e}@media(max-width:900px){.display-header-settings{grid-template-columns:1fr}.display-tap-grid{grid-template-columns:repeat(6,minmax(44px,1fr))}.display-item{align-items:flex-start;flex-direction:column}}.display-rotation{display:grid;gap:14px;margin:20px 0;padding:20px;border:1px solid #2c3034;border-radius:12px;background:#101214}.display-rotation .section-heading{margin-bottom:2px}.display-rotation h3{margin:0;font-size:18px}.rotation-toggle,.rotation-interval,.rotation-select,.rotation-available{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#d3d6d8;font-size:14px}.rotation-toggle{justify-content:flex-start}.rotation-toggle input,.rotation-checks input{accent-color:#eeeae1}.rotation-interval{max-width:420px;min-height:52px;border-bottom:1px solid #282c30}.rotation-list{display:grid;gap:8px;width:min(100%,620px)}.rotation-select{align-items:flex-start}.rotation-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #2c3034;border-radius:8px;background:#171a1d}.rotation-order{width:24px;color:#73797e;font-weight:800;text-align:center}.rotation-item strong{flex:1}.rotation-item-actions{display:flex;gap:5px}.rotation-item-actions button{padding:6px 9px}.rotation-available{align-items:flex-start}.rotation-checks{display:flex;flex-wrap:wrap;gap:8px;width:min(100%,620px)}.rotation-checks label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #3c4146;border-radius:8px;background:#171a1d;cursor:pointer}@media(max-width:900px){.rotation-toggle,.rotation-interval,.rotation-select,.rotation-available{flex-direction:column;align-items:flex-start}.rotation-list,.rotation-checks{width:100%}}.appearance-grid{display:grid;gap:0;border:1px solid #2c3034;border-radius:10px;overflow:hidden;background:#101214}.appearance-grid-header,.appearance-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px minmax(210px,auto);align-items:center;gap:20px;padding:10px 14px}.appearance-grid-header{color:#73797e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#121518;border-bottom:1px solid #2c3034}.appearance-row{min-height:58px;border-bottom:1px solid #282c30;color:#d3d6d8;font-size:14px}.appearance-row:last-child{border-bottom:0}.appearance-label{min-width:0}.appearance-unavailable{color:#555b60}.appearance-row .number-control,.appearance-row .color-control{justify-self:start}@media(max-width:700px){.appearance-grid-header{display:none}.appearance-row{grid-template-columns:1fr;gap:8px;padding:12px 14px}.appearance-row .number-control,.appearance-row .color-control{justify-self:stretch}}@page{size:A4 portrait;margin:8mm}.print-page{display:none}@media screen{.print-page{display:block;width:min(100%,900px);min-height:100vh;margin:0 auto;padding:24px;background:#fff;color:#111;font-family:Arial,Noto Sans JP,sans-serif}.print-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:14px}.print-controls button{border:1px solid #111;background:#111;color:#fff;padding:10px 16px;cursor:pointer}}.print-logo-wrap{width:100%;display:flex;justify-content:center;margin:0 auto 8mm}.print-logo{display:block;width:min(100%,75mm);height:auto;object-fit:contain}.print-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:10px;position:relative}.print-brewery{font-size:20px;font-weight:800;text-transform:uppercase;overflow-wrap:anywhere}.print-heading-center{text-align:left}.print-title{font-size:36px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.print-subtitle{font-size:11px}.print-date{justify-self:end;text-align:right;font-size:10pt;font-weight:700;white-space:nowrap}.print-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:3mm}.print-beer{min-width:0;height:54mm;border:1px solid #222;padding:3mm;display:flex;flex-direction:column;overflow:hidden;break-inside:avoid;color:#111;background:#fff}.print-beer-top{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:7mm}.print-tap-number{display:inline-flex;align-items:center;justify-content:center;min-width:7mm;height:7mm;border:1.5px solid #111;border-radius:50%;font-weight:800;font-size:11pt}.print-badge{border:1px solid #333;border-radius:2px;padding:1px 3px;font-size:6.5pt;font-weight:700}.print-new-badge{font-weight:800;border-width:1.5px}.print-beer h2{font-size:13pt;line-height:1.12;margin:2mm 0 1mm;overflow-wrap:anywhere}.print-japanese{font-size:9pt;line-height:1.2;margin-bottom:.5mm;overflow-wrap:anywhere}.print-abv{font-size:8pt;font-weight:800;line-height:1.15;margin-bottom:1mm}.print-style-ja{font-size:7.5pt;line-height:1.2;margin-top:.4mm;overflow-wrap:anywhere}.print-style{font-size:8.5pt;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.print-producer,.print-location{font-size:8pt;line-height:1.25;margin-top:1mm;overflow-wrap:anywhere}.print-location{color:#333}.print-beer-bottom{margin-top:auto;padding-top:2mm;border-top:1px solid #777;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 6px;font-size:8pt}.print-beer-bottom strong{font-size:9pt;white-space:nowrap}.print-prices{font-size:10pt;font-weight:800;line-height:1.2;white-space:nowrap}.print-status{padding:20px 0}.print-footer{font-size:7pt;text-align:center;margin-top:3mm}@media print{html,body,#root{width:194mm!important;height:auto!important;min-height:0!important;margin:0!important;overflow:visible!important;background:#fff!important}body{color:#111!important}.app,.admin,.print-controls{display:none!important}.print-page{display:block!important;width:194mm!important;min-height:0!important;margin:0!important;padding:0!important;color:#111!important;background:#fff!important}.print-logo-wrap{margin-bottom:5mm}.print-logo{width:65mm}.print-heading{margin-bottom:3mm;padding-bottom:2mm}.print-brewery{font-size:16pt}.print-title{font-size:30pt}.print-subtitle{font-size:9pt}.print-date{font-size:8pt}.print-grid{gap:2.5mm;grid-template-rows:repeat(4,54mm)}.print-beer{height:54mm;padding:2.5mm;border:.35mm solid #222}.print-beer h2{font-size:11pt}.print-japanese{font-size:8pt}.print-abv,.print-style{font-size:7.5pt}.print-style-ja,.print-producer,.print-location,.print-beer-bottom{font-size:7pt}.print-beer-bottom strong{font-size:8pt}.print-prices{font-size:9pt}.print-footer{margin-top:2mm;font-size:6.5pt}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important;animation:none!important}}:root{--taplist-vw:1vw;font-family:Noto Sans JP,Noto Sans,system-ui,sans-serif;color:#f3f0e8;background:#0f1113;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%}body,#root{width:100%;min-height:100vh;margin:0}body{overflow-x:hidden;overflow-y:auto;background:#0f1113}button{font:inherit}.app{position:relative;width:100%;height:auto;min-height:100vh;overflow:visible;display:flex;flex-direction:column;padding:clamp(6px,.75vw,13px);background:var(--background-color,#0f1113);font-family:var(--font-english,"Noto Sans",sans-serif)}.header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:clamp(4px,.5vw,7.5px);border-bottom:1px solid rgba(255,255,255,.14)}.brewery-name{margin:0;font-size:var(--header-brewery-size,2.3vw);line-height:1.05;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.brewery-name-ja{margin-top:.0875rem;font-size:clamp(.8rem,1vw,1.15rem);opacity:.62;font-family:var(--font-japanese,"Noto Sans JP",sans-serif)}.header>div{flex:1;min-width:0}.header-title{text-align:inherit}.header-title-en{font-size:var(--header-title-en-size,1.6vw);font-weight:800;letter-spacing:.22em}.header-title-ja{margin-top:.0625rem;font-size:var(--header-title-ja-size,.8vw);opacity:.55;letter-spacing:.12em;font-family:var(--font-japanese,"Noto Sans JP",sans-serif)}.content{position:relative;z-index:1;flex:0 0 auto;min-height:calc(100vh - 50px);display:flex;padding:clamp(5.5px,.625vw,10.5px) 0}.beer-grid{width:100%;height:auto;min-height:0;display:grid;gap:clamp(7px,.7vw,12px);grid-auto-flow:row;grid-template-rows:none;grid-auto-rows:minmax(220px,auto);align-content:start}.beer-grid-count-1{--card-scale:1;grid-template-columns:minmax(280px,.8fr);grid-template-rows:minmax(min-content,1fr);justify-content:center}.beer-grid-count-2{--card-scale:.76;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(min-content,1fr)}.beer-grid-count-3{--card-scale:.66;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(min-content,1fr)}.beer-grid-count-4{--card-scale:.6;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(min-content,1fr))}.beer-grid-count-5,.beer-grid-count-6{--card-scale:.53;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(min-content,1fr))}.beer-grid-count-7,.beer-grid-count-8{--card-scale:.47;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(min-content,1fr))}.beer-grid-count-9,.beer-grid-count-10,.beer-grid-count-11,.beer-grid-count-12{--card-scale:.42;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(min-content,1fr))}.beer-card{position:relative;min-width:0;min-height:min-content;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:calc(calc(var(--taplist-vw, 1vw) * 1) * var(--card-scale,1));border:1px solid rgba(255,255,255,.13);border-radius:calc(18px * var(--card-scale,1) + 5px);background:#ffffff0b;box-shadow:0 18px 60px #00000038;animation:card-in .5s ease both}.beer-card-placeholder{background:#ffffff06;border-color:#ffffff17}.beer-card-header{min-width:0;min-height:calc(calc(var(--taplist-vw, 1vw) * 10) * var(--card-scale,1));display:grid;grid-template-columns:minmax(0,1fr) calc(calc(var(--taplist-vw, 1vw) * 10) * var(--card-scale,1));align-items:center;column-gap:calc(calc(var(--taplist-vw, 1vw) * 1) * var(--card-scale,1))}.beer-card-badges{min-width:0;overflow:visible;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:calc(10px * var(--card-scale,1));padding-top:calc(1px * var(--card-scale,1))}.beer-card-badges .guest-tag,.beer-card-badges .new-on-tap-tag,.beer-card-badges .beer-tag{width:max-content;font-size:clamp(.6rem,calc(var(--tap-number-size,calc(var(--taplist-vw, 1vw) * .85)) * .8),var(--tap-number-size,calc(var(--taplist-vw, 1vw) * .85)));max-width:none;overflow:visible;text-overflow:clip}.tap-number,.guest-tag,.new-on-tap-tag,.beer-tag{flex:0 0 auto;border-radius:calc(5px * var(--card-scale,1) + 2px);font-size:var(--tap-number-size,calc(var(--taplist-vw, 1vw) * .85));font-weight:800;line-height:1;letter-spacing:.08em;white-space:nowrap}.guest-tag,.new-on-tap-tag,.beer-tag{margin-left:5px;margin-right:5px}.tap-number{padding:calc(12px * var(--card-scale,1) + 4px) calc(28px * var(--card-scale,1) + 1px);border-radius:999px;background:var(--tap-number-background,#817d76);color:var(--tap-number-color,#f3f0e8)}.guest-tag,.new-on-tap-tag,.beer-tag{padding:calc(9px * var(--card-scale,1) + 3px) calc(21px * var(--card-scale,1) + 1.5px)}.guest-tag{background:#094d92;color:#fff}.new-on-tap-tag{background:#fbce3a;color:#0f1113}.beer-tag{background:#c53431;color:#fff}.logo-wrap,.logo-placeholder{width:calc(calc(var(--taplist-vw, 1vw) * 10) * var(--card-scale,1) * var(--beer-card-image-scale,1));height:calc(calc(var(--taplist-vw, 1vw) * 10) * var(--card-scale,1) * var(--beer-card-image-scale,1));min-width:0;min-height:0;display:flex;justify-content:flex-end;align-items:flex-start;justify-self:end}.producer-logo{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.beer-card-title{min-width:0;width:100%;align-self:start;display:flex;flex-direction:column;justify-content:center;padding-top:calc(calc(var(--taplist-vw, 1vw) * .35) * var(--card-scale,1));padding-bottom:calc(calc(var(--taplist-vw, 1vw) * 1.6) * var(--card-scale,1))}.auto-fit-text{display:block;width:100%;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:clip}.beer-card-content{min-width:0;min-height:min-content;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.beer-card-details{min-width:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:calc(calc(var(--taplist-vw, 1vw) * .65) * var(--card-scale,1));text-align:left}.beer-card-details .abv,.beer-card-details .beer-price,.beer-card-details .beer-style,.beer-card-details .producer,.beer-card-details .location{width:100%;min-width:0;margin:0;text-align:left}.beer-card-details .abv{display:flex;align-items:baseline;gap:calc(calc(var(--taplist-vw, 1vw) * .45) * var(--card-scale,1))}.beer-card-details .abv-value{display:inline}.beer-card-details .abv-label{display:inline;margin-top:0;margin-left:.2em}.beer-card-details .producer{display:block}.beer-card-details .producer-details,.beer-card-details .location{min-width:0;width:100%;height:auto;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:calc(calc(var(--taplist-vw, 1vw) * .5) * var(--card-scale,1));white-space:nowrap}.beer-name-en{margin:0;min-width:0;font-size:var(--beer-name-en-size,calc(var(--taplist-vw, 1vw) * 2.15));line-height:1.18;min-height:1.18em;font-weight:800;letter-spacing:-.02em;color:var(--beer-name-en-color,#f3f0e8);font-family:var(--font-english,"Noto Sans",sans-serif);overflow-wrap:normal;white-space:nowrap}.beer-name-ja{margin-top:calc(.275rem * var(--card-scale,1));min-width:0;font-size:var(--beer-name-ja-size,calc(var(--taplist-vw, 1vw) * 1.15));line-height:1.2;font-weight:500;color:var(--beer-name-ja-color,#bdb9b0);font-family:var(--font-japanese,"Noto Sans JP",sans-serif);overflow-wrap:normal;white-space:nowrap}.beer-price{display:flex;align-items:baseline;justify-content:center;gap:1em;min-height:1.2em;font-size:calc(var(--price-size,calc(var(--taplist-vw, 1vw) * .9)) * 1.25);line-height:1.2;font-weight:800;color:var(--beer-name-en-color,#f3f0e8);font-family:var(--font-english,"Noto Sans",sans-serif);white-space:nowrap;border-top:1px solid rgba(255,255,255,.14);padding-top:calc(calc(var(--taplist-vw, 1vw) * .45) * var(--card-scale,1))}.beer-price-item{display:inline-flex;align-items:baseline;gap:.18em;font-size:1em}.beer-price-size{font-size:1em;opacity:.58;letter-spacing:.04em}.beer-price-single{font-size:1em}.beer-style{min-width:0;font-size:var(--style-en-size,calc(var(--taplist-vw, 1vw) * .9));font-weight:600;line-height:1.2;color:var(--style-en-color,#d8d4ca);font-family:var(--font-english,"Noto Sans",sans-serif);overflow-wrap:normal;white-space:nowrap}.beer-style-ja{display:block;width:100%;margin-top:calc(.075rem * var(--card-scale,1));font-size:var(--style-ja-size,calc(var(--taplist-vw, 1vw) * .78));line-height:1.2;color:var(--style-ja-color,#8e8a83);font-weight:400;font-family:var(--font-japanese,"Noto Sans JP",sans-serif);overflow-wrap:normal;white-space:nowrap}.producer{min-width:0;line-height:1.25}.producer-details{min-width:0;width:100%;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:calc(calc(var(--taplist-vw, 1vw) * .5) * var(--card-scale,1));white-space:nowrap}.producer-name{min-width:0;display:block;text-align:left;font-size:var(--producer-en-size,calc(var(--taplist-vw, 1vw) * 1.05));font-weight:700;color:var(--producer-en-color,#eeeae1);font-family:var(--font-english,"Noto Sans",sans-serif);overflow-wrap:normal;white-space:nowrap}.producer-name-ja{min-width:0;display:block;margin-left:auto;text-align:right;font-size:var(--producer-ja-size,calc(var(--taplist-vw, 1vw) * .78));line-height:1.2;color:var(--producer-ja-color,#98948c);font-family:var(--font-japanese,"Noto Sans JP",sans-serif);overflow-wrap:normal;white-space:nowrap}.location{min-width:0;margin-top:0;text-align:left;font-size:var(--location-en-size,calc(var(--taplist-vw, 1vw) * .82));line-height:1.25;color:var(--location-en-color,#aaa69e);font-family:var(--font-english,"Noto Sans",sans-serif);overflow-wrap:normal;white-space:nowrap}.location-ja{min-width:0;display:block;margin-left:auto;text-align:right;margin-top:calc(.075rem * var(--card-scale,1));font-size:var(--location-ja-size,calc(var(--taplist-vw, 1vw) * .78));line-height:1.2;color:var(--location-ja-color,#85817a);font-family:var(--font-japanese,"Noto Sans JP",sans-serif);overflow-wrap:normal;white-space:nowrap}.abv{min-width:0;flex:0 0 auto;margin:0;padding:0;text-align:left;font-size:var(--abv-size,calc(var(--taplist-vw, 1vw) * 2.6));line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--abv-color,#f3f0e8);font-family:var(--font-english,"Noto Sans",sans-serif);white-space:nowrap}.abv-value{display:inline-block}.abv-label{display:inline-block;margin-top:0;font-size:var(--abv-label-size,calc(var(--taplist-vw, 1vw) * .65));line-height:1;letter-spacing:.13em;color:var(--abv-label-color,#8a867e);opacity:.8}.footer{position:relative;z-index:1;transform-origin:bottom}.on-deck{display:flex;align-items:stretch;gap:clamp(16px,calc(var(--taplist-vw, 1vw) * 2),32px);padding-top:clamp(7px,calc(var(--taplist-vw, 1vw) * .75),11px);border-top:1px solid rgba(255,255,255,.14)}.on-deck-label{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding-right:clamp(7px,calc(var(--taplist-vw, 1vw) * .75),12px);border-right:1px solid rgba(255,255,255,.12)}.on-deck-en{font-size:var(--on-deck-size,calc(var(--taplist-vw, 1vw) * .8));font-weight:800;letter-spacing:.15em;color:var(--on-deck-color,#aaa69e)}.on-deck-ja{margin-top:.1rem;font-size:calc(var(--on-deck-size,calc(var(--taplist-vw, 1vw) * .8)) * .75);color:var(--on-deck-color,#aaa69e);opacity:.5;font-family:var(--font-japanese,"Noto Sans JP",sans-serif)}.on-deck-list{min-width:0;flex:1;display:flex;gap:clamp(12px,calc(var(--taplist-vw, 1vw) * 1.5),28px);overflow:hidden}.on-deck-item{min-width:0;display:flex;align-items:baseline;gap:.55rem;white-space:nowrap;font-size:var(--on-deck-size,calc(var(--taplist-vw, 1vw) * .8));color:var(--on-deck-color,#aaa69e)}.on-deck-tap,.on-deck-name,.on-deck-producer,.on-deck-price,.on-deck-abv{font-family:var(--font-english,"Noto Sans",sans-serif)}.on-deck-tap{font-weight:800;opacity:.5}.on-deck-name{font-weight:700}.on-deck-ja-name{opacity:.65;font-family:var(--font-japanese,"Noto Sans JP",sans-serif)}.on-deck-producer{opacity:.5}.on-deck-price{font-weight:700;opacity:.8}.on-deck-abv{font-weight:700}.footer-meta{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:5px;min-height:6px}.page-indicator{display:flex;gap:6px}.page-dot{width:6px;height:6px;border-radius:50%;background:#ffffff38}.page-dot.active{background:#ffce74e6}.last-updated{font-size:.6rem;opacity:.28;letter-spacing:.04em}.loading-state{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:.7}.loading-mark{font-size:clamp(1.5rem,calc(var(--taplist-vw, 1vw) * 2.5),3rem);font-weight:800;letter-spacing:.12em}.debug-panel{position:fixed;right:20px;bottom:20px;z-index:100;width:300px;padding:16px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#0a0a0aeb;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.debug-panel strong{display:block;margin-bottom:8px}.debug-error{margin-top:8px;color:#ff9b9b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px 0 0 -1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px)and (min-height:850px){.beer-card{padding:calc(calc(var(--taplist-vw, 1vw) * 1) * var(--card-scale,1))}}@media(max-width:900px){body{overflow:auto}.app{min-height:100vh;height:auto;overflow:visible}.header{gap:5px}.beer-grid,.beer-grid-count-3,.beer-grid-count-4,.beer-grid-count-5,.beer-grid-count-6,.beer-grid-count-7,.beer-grid-count-8,.beer-grid-count-9,.beer-grid-count-10,.beer-grid-count-11,.beer-grid-count-12{--card-scale:.7;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.content{min-height:700px}.on-deck{flex-direction:column}.on-deck-label{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:5px}}@media(max-width:600px){.app{padding:4.5px}.header{flex-direction:column}.header-title{text-align:left}.beer-grid,.beer-grid-count-2,.beer-grid-count-3,.beer-grid-count-4,.beer-grid-count-5,.beer-grid-count-6,.beer-grid-count-7,.beer-grid-count-8,.beer-grid-count-9,.beer-grid-count-10,.beer-grid-count-11,.beer-grid-count-12{grid-template-columns:1fr;grid-template-rows:auto}.content{min-height:auto}}@media(min-width:1200px)and (min-height:700px){.app{min-height:100vh;height:auto;overflow:visible}.content{min-height:calc(100vh - 50px);overflow:visible}.beer-grid{min-height:0;height:auto}.beer-card{min-height:220px}}.display-drafts .header{justify-content:flex-start}.display-drafts .header-title{position:absolute;left:50%;transform:translate(-50%);width:max-content;max-width:100%;text-align:center}