:root{--ink:#233b32;--green:#224e3d;--muted:#7a8179;--paper:#f8f7f3;--line:#e6e7df;--gold:#b18a45;--white:#fff;--font-sans:Arial,Helvetica,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ad8b4b;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #739680;outline-offset:1px}button svg,a svg{flex-shrink:0}button{color:inherit}h1,h2,h3,p{margin:0}button{background:none}.app-shell{min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#fdfcf9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:36px 21px 0;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 5px 43px;font:25px Georgia,serif;letter-spacing:-1px}.brand-icon{color:var(--gold);display:flex}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:1.8px;margin-top:7px;color:#858677}.nav-caption{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#969b91;margin:0 14px 13px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-radius:6px;padding:12px 13px;color:#727c72;font-size:12px;margin-bottom:5px}.nav-item:hover{background:#eff1e9}.nav-item.selected{background:#e9efe6;color:#214d3b;font-weight:600}.nav-item.selected svg{color:#316346}.nav-item b{margin-left:auto;font-size:10px;background:#d7e4d2;border-radius:20px;padding:1px 6px}.second{margin-top:37px}.sidebar-note{margin-top:auto;padding:30px 15px;color:#a29880}.sidebar-note svg{margin-bottom:13px;stroke-width:1.3}.sidebar-note p{font:18px/1.6 Georgia,serif;color:#7f8473}.sidebar-note em{color:#a7aa9c}.profile{border-top:1px solid var(--line);display:flex;gap:10px;padding:23px 7px}.profile>span,.avatar{width:33px;height:33px;border-radius:50%;background:#e9ebdf;color:#51624e;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.profile b{font-size:11px;font-weight:600}.profile small{display:flex;align-items:center;gap:4px;color:#8b9286;font-size:10px}.main-column{margin-left:242px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 47px;display:flex;align-items:center;justify-content:space-between;background:#fff6}.breadcrumb{font-size:11px;color:#8a9188;display:flex;gap:17px}.breadcrumb span{color:#b9beb4}.breadcrumb b{font-weight:500;color:#4a5c4c}.top-actions{display:flex;align-items:center;gap:20px}.private-pill{display:flex;align-items:center;gap:5px;color:#7c887a;font-size:10px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-btn:hover{background:#e9eee6}.help{color:#979e90}.mobile-brand{display:none}main{max-width:1560px;margin:auto;padding:43px 47px 0}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#8b927e}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}h1{font:43px/1.22 Georgia,Times New Roman,serif;letter-spacing:-1.5px;margin:9px 0 10px}.page-heading p{font-size:12px;color:#8a8e83}.primary,.secondary,.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:12px;font-weight:500;min-height:42px;padding:11px 17px;white-space:nowrap}.primary{background:var(--green);color:#fff;box-shadow:0 2px 3px #163b2510}.primary:hover{background:#173d2c}.secondary,.small-btn{border:1px solid #dce1d7;background:#fff}.secondary:hover,.small-btn:hover{background:#f0f4ed}.add-desktop{margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fdfcf9;border:1px solid var(--line);border-radius:9px;margin-bottom:25px;padding:25px 4px}.stats>div{padding:0 22px;border-right:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}.stats>div:last-child{border:0}.stat-icon{background:#f0f1e9;color:#849377;display:flex;align-items:center;justify-content:center;border-radius:6px;width:37px;height:37px;flex-shrink:0;margin-top:3px}.stat-icon svg{stroke-width:1.3}.stats small{font-size:10px;color:#8c9285;display:block;white-space:nowrap}.stats b{font-size:29px;font-weight:500;line-height:1.55;letter-spacing:-1px;display:block}.stats b em{font-size:10px;font-style:normal;color:#969c8e;margin-left:4px;letter-spacing:0}.stats .money{font-size:24px;line-height:1.7}.stats .substat{font-size:8px;margin-top:-3px;color:#a5a998}.euro-icon{font:24px Georgia,serif}.scan-banner{background:#edf0e5;border:1px solid #dfe5d6;min-height:148px;border-radius:9px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:29px 31px;gap:22px}.scan-banner-copy{display:flex;align-items:center;gap:22px;z-index:1}.scan-emblem{width:56px;height:56px;border:1px solid #d2dac7;border-radius:11px;background:#e3e9d9;display:flex;align-items:center;justify-content:center;color:#677c59;flex-shrink:0}.scan-banner .eyebrow{font-size:8px;color:#8c977b}.scan-banner h2{font:25px Georgia,serif;letter-spacing:-.55px;margin:5px 0 7px}.scan-banner p{font-size:11px;color:#839078}.scan-button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #9aab89;background:#f4f6ef;border-radius:6px;padding:12px 17px;font-size:11px;z-index:1;white-space:nowrap}.scan-button:hover{background:#fff}.banner-bottle{position:absolute;right:240px;bottom:-40px;transform:rotate(18deg);opacity:.09}.collection-section{padding-top:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h2{font:25px Georgia,serif;letter-spacing:-.6px}.section-heading h2 span{font:10px Arial,sans-serif;border-radius:20px;padding:3px 8px;color:#8a9480;background:#ecefe6;vertical-align:middle;margin-left:6px}.section-heading p{color:#92998b;font-size:10px;margin-top:5px}.view-switch{display:flex;border:1px solid #dce1d5;border-radius:5px;padding:3px;gap:3px}.view-switch button{display:flex;align-items:center;justify-content:center;width:30px;height:28px;color:#98a08f;border-radius:3px}.view-switch .on{background:#e8eddf;color:#48633c}.filters{display:flex;gap:10px;margin-bottom:22px}.search-box{display:flex;gap:10px;align-items:center;background:#fdfdfb;border:1px solid var(--line);border-radius:6px;flex:1;padding:0 13px;color:#97a18e;min-width:100px}.search-box input{border:0;background:transparent;min-width:0;width:100%;outline:none;height:40px;font-size:11px;color:var(--ink)}.search-box button{display:flex;padding:4px;color:#919d86}.search-box input::placeholder{color:#a1a797}.select-wrap{display:flex;align-items:center;gap:7px;background:#fdfdfb;border:1px solid var(--line);padding:0 10px;border-radius:6px;color:#7c8871}.select-wrap select{appearance:none;max-width:190px;height:40px;min-width:0;cursor:pointer;font-size:10px;border:0;background:transparent;padding:0 5px;color:#7c8871}.beer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.beer-card{padding:0;overflow:hidden;text-align:left;background:#fff;border:1px solid #e5e6dd;border-radius:9px;transition:transform .18s,box-shadow .18s}.beer-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #243a2210}.beer-visual{height:207px;background:#f1f0e6;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tone-1 .beer-visual{background:#ebece4}.tone-2 .beer-visual{background:#f0e9df}.beer-visual>div{display:flex}.beer-visual>div[hidden]{display:none}.beer-visual img{max-height:175px;max-width:75%;object-fit:contain;mix-blend-mode:multiply}.quantity-tag{position:absolute;top:13px;right:13px;border:1px solid #d9decd;background:#fffa;backdrop-filter:blur(4px);padding:3px 8px;border-radius:4px;font-size:9px;color:#66705e}.ready-tag{position:absolute;bottom:12px;left:14px;background:#e7eedc;color:#587643;padding:4px 8px;font-size:9px;border-radius:4px}.beer-content{padding:21px 19px 0}.beer-type{font-size:9px;color:#9b9d88;letter-spacing:.4px}.beer-card h3{font:23px Georgia,serif;letter-spacing:-.5px;margin:5px 0}.beer-content p{font-size:11px;color:#87917e}.beer-meta{display:flex;justify-content:space-between;color:#959c8a;font-size:10px;margin-top:18px;gap:8px}.beer-foot{margin-top:15px;border-top:1px solid #eef0e8;padding:12px 0;display:flex;align-items:center;justify-content:space-between;color:#95a085}.beer-foot span{display:flex;align-items:center;gap:6px;font-size:9px}.page-footer{padding:28px 0 25px;border-top:1px solid var(--line);margin-top:36px;display:flex;align-items:center;justify-content:space-between;color:#a1a794;font-size:9px}.page-footer span,.page-footer button{display:flex;align-items:center;gap:6px}.page-footer button:hover{color:var(--green)}.bottle-art{position:relative;width:90px;height:185px;flex-shrink:0;filter:drop-shadow(8px 9px 4px #20371d18);transform:rotate(-5deg)}.bottle-cork{position:absolute;top:0;left:35px;width:20px;height:12px;border-radius:3px 3px 0 0;background:repeating-linear-gradient(90deg,#b6a77d 0 3px,#938358 3px 4px)}.bottle-neck{position:absolute;top:10px;left:36px;width:18px;height:50px;background:linear-gradient(90deg,#334a22,#637044 30%,#253f1f 70%)}.bottle-body{position:absolute;bottom:0;left:13px;width:65px;height:136px;border-radius:28px 28px 8px 8px;background:linear-gradient(90deg,#2d3b21,#57643b 20%,#384e29 35%,#21361c 80%,#192c16);border-bottom:4px solid #162b17}.bottle-label{position:absolute;top:42px;left:4px;right:4px;height:72px;background:#f6f0d5;border:2px solid #c8bc88;box-shadow:inset 0 0 0 2px #f6f0d5,inset 0 0 0 3px #c8bc88;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px;text-align:center;color:#5d613c}.bottle-label span{font-size:5px;letter-spacing:1.6px}.bottle-label b{font:700 10px/1.1 Georgia,serif;margin:5px 0;max-width:45px;overflow-wrap:anywhere}.bottle-label i{font-size:4px;letter-spacing:1px}.mini{transform:scale(1.4)}.empty{text-align:center;border:1px dashed #dfe3d5;background:#fcfcf8;border-radius:8px;min-height:320px;padding:36px 24px;display:flex;align-items:center;flex-direction:column;justify-content:center}.empty-bottles{height:120px;width:100px;position:relative;margin-bottom:14px}.empty-bottles .bottle-art{position:absolute;top:-26px;transform:scale(.65) rotate(-8deg)}.empty .eyebrow{font-size:8px;margin:7px 0}.empty h3{font:26px Georgia,serif;margin:6px 0 10px;letter-spacing:-.5px}.empty p{color:#929b87;font-size:11px;max-width:390px;margin-bottom:20px}.empty .primary{margin-bottom:11px}.text-btn{font-size:10px;color:#879476;display:inline-flex;gap:6px;align-items:center;padding:5px}.example-notice,.signin-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #e1d9be;border-radius:7px;background:#faf4e3;color:#8a7449;font-size:11px;margin-bottom:19px}.example-notice button{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px}.signin-banner{background:#edf1e8;color:#5e7253;border-color:#d9e1d0;flex-wrap:wrap}.signin-banner .small-btn{margin-left:auto;min-height:32px;padding:6px 10px;font-size:10px}.list-view{grid-template-columns:1fr;gap:10px}.list-view .beer-card{display:flex;align-items:stretch}.list-view .beer-visual{height:150px;width:145px;flex-shrink:0}.list-view .beer-visual .bottle-art{transform:scale(.65) rotate(-5deg)}.list-view .beer-visual img{max-height:120px}.list-view .beer-content{flex:1;padding:15px 20px 0}.list-view .beer-meta{margin-top:7px}.list-view .beer-foot{margin-top:9px}.list-view .ready-tag,.mobile-nav{display:none}.modal{border:1px solid #e1e5d8;border-radius:12px;box-shadow:0 24px 100px #11251a40;max-width:530px;width:calc(100% - 32px);max-height:90dvh;padding:27px 29px;color:var(--ink);background:#fbfcf7;overflow-y:auto}.modal.wide{max-width:700px}.modal::backdrop{background:#122b20a6;backdrop-filter:blur(4px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.modal-top h2{font:29px/1.2 Georgia,serif;letter-spacing:-.6px;margin-top:6px}.modal-top .icon-btn{align-self:flex-start}.modal label{display:flex;flex-direction:column;font-size:11px;gap:7px;color:#65735d}.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d9dfd1;border-radius:5px;color:#354b2e;background:#fff;padding:10px 11px;min-height:42px;font-size:13px;max-width:100%}.modal input::placeholder,.modal textarea::placeholder{color:#a2a997;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}.form-section-title{display:flex;align-items:center;gap:8px;padding-top:24px;margin-bottom:15px;color:#7e8f71}.form-section-title h3{font:19px Georgia,serif;color:#3e5636}.lookup-box{padding:17px;background:#eef2e7;border-radius:7px}.barcode-row{display:flex;gap:7px;align-items:center}.barcode-row input{min-width:0;flex:1}.barcode-row .secondary{padding:8px 10px;font-size:10px}.lookup-box small{display:block;margin-top:10px;color:#8e9a82;font-size:10px}.lookup-message{font-size:11px!important;line-height:1.6;padding:10px 12px;border-radius:5px;background:#f4edd9;color:#8b7440;margin-top:12px;overflow-wrap:anywhere}.form-bottom{display:flex;justify-content:flex-end;gap:9px;padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.form-hint{font-size:10px;color:#929c86;margin-top:14px;line-height:1.65}.source-link{font-size:10px;display:inline-block;margin-top:10px;text-decoration:underline;color:#647c50}.camera{position:relative;width:100%;aspect-ratio:4/3;background:#18271c;border-radius:7px;overflow:hidden;margin:15px 0}.camera video{width:100%;height:100%;object-fit:cover}.scan-guide{position:absolute;inset:30% 10%;border:2px solid #fff9;border-radius:8px;pointer-events:none;box-shadow:0 0 0 180px #0003}.scan-guide:after{content:"";position:absolute;top:50%;left:5%;right:5%;height:1px;background:#c3dc81;box-shadow:0 0 8px #c3dc81}.scan-description{font-size:12px;color:#8a967f;display:flex;gap:7px;align-items:center}.full-button{width:100%;margin-top:15px}.detail-hero{display:flex;align-items:center;gap:25px;padding:22px;background:#eff0e5;border-radius:7px;margin-bottom:24px}.detail-hero .bottle-art{transform:scale(.85) rotate(-5deg);margin:-10px}.detail-hero h3{font:24px/1.3 Georgia,serif;margin:7px 0}.detail-hero p{font-size:11px;color:#929b84}.detail-qty{display:inline-block;padding:5px 9px;background:#dfe8d6;border-radius:4px;font-size:10px;color:#60764d;margin-top:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:0}.detail-grid dt{font-size:10px;color:#99a08d}.detail-grid dd{font-size:13px;margin:3px 0 0;overflow-wrap:anywhere}.detail-notes{margin-top:23px;padding:16px;background:#f1f2e8;border-radius:5px}.detail-notes p{font-size:12px;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.untappd-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2d1;padding:17px 0 10px;font-size:11px;color:#8f7b3c}.help-content h3{font:21px Georgia,serif;margin:23px 0 8px}.help-content p{font-size:12px;line-height:1.75;color:#88977c}.help-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.help-content .attribution{border-top:1px solid var(--line);padding-top:17px;font-size:10px;margin-top:22px}.attribution a{text-decoration:underline}.toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translate(-50%);background:#244d38;color:#fff;padding:14px 18px;display:flex;align-items:center;gap:11px;border:1px solid #52765b;border-radius:8px;box-shadow:0 8px 28px #1c302c30;z-index:1000;max-width:calc(100% - 32px);font-size:12px}.toast button{display:flex;color:#e0ead9;margin-left:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){main{padding-top:50px}.beer-visual{height:250px}.beer-grid{gap:25px}.stats{padding:30px 10px}.scan-banner{min-height:160px}}@media(max-width:1250px){.sidebar{width:215px;padding-inline:14px}.brand{font-size:23px}.main-column{margin-left:215px}main{padding:32px 28px 0}.topbar{padding-inline:28px}.stats>div{padding-inline:12px;gap:9px}.stat-icon{width:30px;height:32px}.stats small{font-size:9px}.stats b{font-size:25px}.stats b em{display:block;font-size:8px;margin-top:-4px;margin-left:0}.stats .money{font-size:22px}.stats .substat{display:none}.scan-banner{padding:25px 22px}.scan-banner-copy{gap:15px}.scan-emblem{width:43px;height:47px}.scan-banner h2{font-size:23px}.beer-grid{gap:14px}.beer-content{padding-inline:15px}.beer-card h3{font-size:22px}}@media(max-width:1020px){.sidebar{width:190px}.main-column{margin-left:190px}.brand{font-size:20px;gap:5px}.brand small{font-size:6px;letter-spacing:1.6px}.brand-icon svg{width:22px}.nav-item{font-size:11px;padding-inline:9px;gap:9px}.page-heading{align-items:flex-start}h1{font-size:36px}.add-desktop{font-size:10px;padding-inline:11px}.scan-banner{align-items:flex-start;flex-direction:column;gap:18px}.scan-button{margin-left:59px}.banner-bottle{right:45px;bottom:5px;opacity:.07}.stats{gap:0}.stats>div{display:block}.stat-icon{margin-bottom:10px}.stats b em{display:none}.beer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.search-box{flex-basis:100%}.select-wrap{flex:1}.select-wrap select{width:100%;max-width:none}.private-pill{display:none}}@media(max-width:760px){.sidebar{display:none}.main-column{margin-left:0}.topbar{height:64px;padding:0 21px;background:#fcfcf7}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font:23px Georgia,serif;letter-spacing:-.7px}.mobile-brand svg{color:#a18c54}.top-actions{gap:10px}.top-actions .avatar{width:29px;height:29px;font-size:9px}.help,.private-pill{display:none}main{padding:27px 21px 0}.page-heading{margin-bottom:24px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:37px;letter-spacing:-1.4px;margin-top:10px;margin-bottom:10px}.page-heading p{font-size:11px;max-width:310px;line-height:1.7}.add-desktop{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px;margin-bottom:20px}.stats>div{display:flex;gap:12px;padding:18px 0;border:0;border-bottom:1px solid var(--line)}.stats>div:nth-child(2n){padding-left:17px;border-left:1px solid var(--line)}.stats>div:nth-child(3),.stats>div:nth-child(4){border-bottom:0}.stats .stat-icon{width:30px;height:32px;margin-bottom:0}.stats small{font-size:9px}.stats b{font-size:26px;line-height:1.5}.stats b em{display:none}.stats .money{font-size:23px;line-height:1.65}.stats .substat{display:none}.scan-banner{padding:23px 18px 22px;gap:17px}.scan-banner-copy{gap:13px}.scan-emblem{width:39px;height:43px}.scan-emblem svg{width:24px}.scan-banner h2{font-size:23px;line-height:1.25;margin:7px 0 6px;max-width:230px}.scan-banner p{font-size:10px;line-height:1.65;max-width:230px}.scan-banner .eyebrow{font-size:7px;letter-spacing:1.3px}.scan-button{margin-left:52px;padding:11px 13px;font-size:10px}.scan-button>svg:last-child{margin-left:15px}.banner-bottle{right:-14px;bottom:0}.collection-section{padding-top:28px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:25px}.section-heading p{font-size:10px}.filters{gap:8px;margin-bottom:17px}.search-box{height:43px}.search-box input{font-size:11px}.select-wrap{padding:0 9px}.select-wrap select{height:37px;font-size:10px;padding:0}.beer-grid{gap:12px}.beer-visual{height:175px}.beer-visual .bottle-art{transform:scale(.8) rotate(-5deg)}.beer-visual img{max-height:145px}.beer-content{padding:15px 12px 0}.beer-type{font-size:8px;line-height:1.5}.beer-card h3{font-size:21px;line-height:1.2;min-height:25px}.beer-content p{font-size:10px}.beer-meta{font-size:9px;flex-direction:column;gap:3px;margin-top:13px}.beer-foot{margin-top:12px;padding:10px 0}.beer-foot span{font-size:8px;gap:4px}.quantity-tag{top:10px;right:9px;font-size:8px;padding:2px 6px}.ready-tag{font-size:8px;bottom:8px;left:9px;padding:3px 6px}.page-footer{margin-top:25px;padding:19px 0 104px;font-size:8px;gap:10px;align-items:flex-start}.page-footer span{max-width:210px;line-height:1.6}.page-footer button{white-space:nowrap}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fcfdf9ee;backdrop-filter:blur(14px);border-top:1px solid #e2e6d8;display:flex;align-items:center;justify-content:space-around;padding:10px 8px calc(8px + env(safe-area-inset-bottom));z-index:20}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;color:#9ba48f;min-width:50px;padding:4px 6px}.mobile-nav button.active{color:#385b32}.mobile-nav .mobile-scan{background:var(--green);color:#fff;border-radius:10px;min-width:57px;min-height:51px;padding:8px 10px;margin-top:-21px;box-shadow:0 3px 9px #1e492b30}.mobile-scan span{font-size:7px}.modal{max-height:91dvh;padding:22px 20px;width:calc(100% - 20px);border-radius:12px}.modal-top h2{font-size:27px}.form-grid{gap:14px 11px}.modal label{font-size:10px}.modal input,.modal select,.modal textarea{font-size:16px;padding:9px;min-height:43px}.barcode-row .secondary{font-size:10px;padding-inline:9px}.barcode-row .icon-btn{width:29px}.form-bottom{position:sticky;bottom:-22px;background:#fbfcf7;padding-bottom:16px;gap:8px}.form-bottom button{font-size:11px;padding-inline:12px}.toast{bottom:92px;left:50%;width:max-content;font-size:11px}.empty{padding:30px 20px;min-height:340px}.empty h3{font-size:25px;max-width:260px}.empty p{font-size:11px;max-width:290px}.empty .primary{font-size:11px}.example-notice{font-size:10px;padding:11px;flex-wrap:wrap}.example-notice button{margin-left:26px;font-size:9px}.signin-banner{font-size:10px}.signin-banner>span{flex:1;min-width:190px}.signin-banner .small-btn{margin-left:28px}.list-view .beer-visual{height:155px;width:100px}.list-view .beer-visual .bottle-art{transform:scale(.65) rotate(-5deg)}.list-view .beer-visual img{max-height:120px}.list-view .beer-content{padding:14px 13px 0}.list-view .beer-meta{flex-direction:row;font-size:9px}.list-view .beer-card h3{font-size:23px}.detail-hero{padding:18px;gap:17px}.detail-hero h3{font-size:23px}.detail-grid{gap:17px 12px}.detail-grid dd{font-size:12px}.help-content h3{font-size:21px}.help-content p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.login-shell{margin:0;min-height:100dvh;padding:40px 20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 10% 10%,#e4e9dc,transparent 60%),#f8f7f3}.login-card{width:100%;max-width:440px;padding:36px;background:#fffef9;border:1px solid #e0e4d6;border-radius:12px;box-shadow:0 14px 50px #27432f0a}.login-brand{display:flex;gap:9px;align-items:center;font:28px Georgia,serif;letter-spacing:-1px;margin-bottom:36px}.login-brand svg{color:#a28a50}.login-card h1{font-size:36px;margin:10px 0 14px}.login-intro{font-size:13px;color:#7c8972;margin-bottom:24px}.login-card form{display:flex;flex-direction:column;gap:17px}.login-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#65735b}.login-card input{width:100%;border:1px solid #dbe1d2;border-radius:6px;padding:11px 12px;font:16px Arial;background:#fff;color:#24402a}.login-card small{font-size:11px;color:#8c967f}.login-card .primary{margin-top:5px;font-size:13px}.login-footer{margin-top:27px;padding-top:19px;border-top:1px solid #e8ebdf;display:flex;gap:7px;align-items:center;font-size:10px;color:#8c977e}