/* AntiSommelier Pop Club */
:root{--ink:#20171b;--pink:#ff80bd;--paper:#fff5e8;--sand:#ffe34c;--muted:#60414e;--line:#271b22;--white:#fffaf4}body{background:radial-gradient(#e5b6c6 0.8px,transparent .8px) 0 0/12px 12px,var(--paper);color:var(--ink)}.top{background:#ff76b7;color:#21151c;border-bottom:3px solid #21151c;padding:20px 18px;gap:10px}.brand{font-weight:950;letter-spacing:-2px;font-size:clamp(26px,7vw,46px)}.brand span{color:#81163f}.brand small{color:#21151c;font-size:10px;letter-spacing:1.5px}.bell{background:#ffe34c;border:2px solid #21151c;flex-shrink:0}.card,.tile{border:2px solid #21151c;border-radius:8px;box-shadow:4px 4px 0 #21151c;background:var(--white);margin-bottom:18px}.pink{background:#ff80bd}.sand{background:#ffe34c}.dark{background:#21151c;color:#fff5e8}.dark .eyebrow,.dark .muted,.dark .hint{color:#ffc0dc}.dark small{color:#ffc0dc}h1,h2,h3{font-weight:900;letter-spacing:-1.1px}h1{font-size:clamp(32px,8vw,52px);line-height:1.02}.eyebrow{font-weight:900;color:#71153e;letter-spacing:1.3px}.btn,button{background:#21151c;color:#fff5e8;border:2px solid #21151c;border-radius:5px;box-shadow:2px 2px 0 #21151c;font-weight:850;min-height:42px}.btn.alt,button.alt{background:#ff80bd;color:#21151c}.btn.light,button.light{background:#ffe34c;color:#21151c}.btn.ghost,button.ghost{background:#fff5e8;color:#21151c;border:2px solid #21151c;box-shadow:none}.dark .btn.ghost{color:#21151c}.danger{background:#9c164b;color:white}.bottom{background:#fff5e8;border-top:3px solid #21151c;gap:3px}.bottom a{color:#21151c;padding:5px 2px}.bottom .active{background:#ff80bd;border-radius:5px;font-weight:900}.bottom .scan-nav span{background:#ffe34c;color:#21151c;border:2px solid #21151c;line-height:29px}.hero{min-height:250px;background:repeating-linear-gradient(135deg,transparent 0 26px,#ffffff25 26px 29px),#ff80bd;padding:20px}.hero h1{font-size:clamp(36px,9vw,56px);max-width:78%;position:relative;z-index:1;text-transform:uppercase}.hero p,.hero .btn{position:relative;z-index:1}.hero .eyebrow{display:table;background:#21151c;color:#fff5e8;padding:5px 9px;transform:rotate(-3deg)}.bottle-art{display:none}.hero:after{content:'';position:absolute;right:0;bottom:0;width:42%;height:78%;background:url('/static/pop-statue.png') center/cover;transform:rotate(5deg);border:3px solid #21151c;box-shadow:5px 5px 0 #ffe34c;pointer-events:none}.hero p{max-width:57%}.hero .btn{background:#ffe34c;color:#21151c}.tile{margin-bottom:8px}.tile:nth-child(2){background:#ffb9d9}.tile b{font-weight:900}.photo{border:2px solid #21151c;border-radius:6px;background:#ffe34c}.pill,.subnav a{background:#ffe34c;color:#21151c;border:1px solid #21151c;border-radius:3px;font-weight:850}.message{background:#ffd0e5;border:1px solid #21151c;border-radius:6px}.message.mine{background:#ffe34c}.alert{background:#ffe34c;border:2px solid #21151c;border-radius:5px}.score{color:#851744}.avatar{background:#ff80bd;border:2px solid #21151c}input:not([type=checkbox]):not([type=radio]),select,textarea{border:2px solid #21151c;border-radius:5px;color:#21151c;background:#fffaf4}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a41558;outline-offset:3px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px}.grid .card{min-width:0}.grid .photo{height:230px;object-fit:contain}.grid .btn,.grid button{white-space:normal}.card summary{font-weight:850}.stars{color:#805000}.pop-dialog{width:92%;max-width:440px;border:3px solid #21151c;border-radius:8px;padding:15px;background:#fff5e8;color:#21151c;box-shadow:6px 6px 0 #21151c}.pop-dialog::backdrop{background:#20171bb0}.pop-dialog img{display:block;width:100%;max-height:54vh;object-fit:contain;background:#ff80bd}.pop-dialog button,.pop-dialog a{display:block;width:100%;margin-top:10px}.pop-dialog h2{font-size:26px}.pop-dialog .row{flex-wrap:nowrap}.pop-dialog .row button{flex:1;min-width:0;font-size:13px;padding:8px}.pop-dialog p{font-size:13px;margin:10px 0 0} @media(max-width:360px){.hero h1{font-size:33px}.hero p{max-width:65%}.hero:after{width:35%}.brand{font-size:25px}}
