:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#e5e7eb;background:#08111f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: rgba(16, 27, 45, .9);--panel-border: rgba(148, 163, 184, .18);--panel-elevated: rgb(15, 23, 42);--accent: #f59e0b;--accent-strong: #fbbf24;--green: #22c55e;--green-strong: #16a34a;--text-soft: #cbd5e1;--input-bg: rgba(11, 21, 38, .9);--shadow-soft: 0 20px 50px rgba(2, 6, 23, .45)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-width:320px;background:radial-gradient(circle at top,rgba(34,197,94,.14),transparent 28%),linear-gradient(180deg,#08111f,#0f172a)}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.app-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#0f172abf;color:var(--text-soft);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;padding:12px 4px 0}.topbar h1{margin:0;font-family:Bungee Inline,Inter,system-ui,sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.15;letter-spacing:.02em;font-weight:400;color:#e9fce9;text-shadow:0 0 6px var(--green),0 0 16px var(--green),0 0 34px var(--green-strong),2px 3px 0px #04150a}.title-nowrap{white-space:nowrap}.brand-home{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-shadow:inherit;cursor:pointer}.topbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.leaderboard-menu,.admin-menu{position:relative}.admin-trigger{border-color:#f8717166;color:#fca5a5}.admin-dropdown{width:min(360px,90vw)}.admin-list{max-height:360px}.admin-row{justify-content:space-between}.admin-action-button{flex-shrink:0;padding:4px 10px;font-size:.74rem}.admin-avatar-row{align-items:center}.admin-avatar-preview{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.leaderboard-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.25);background:#0f172ab3;color:#f8fafc;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.leaderboard-trigger:hover{border-color:#22c55e99;transform:translateY(-1px)}.leaderboard-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:min(320px,90vw);z-index:20;background:var(--panel-elevated);border:1px solid var(--panel-border);border-radius:16px;padding:14px;box-shadow:var(--shadow-soft)}.leaderboard-dropdown h2{margin:0 0 10px;font-size:1.05rem}.leaderboard-tabs{display:flex;gap:6px;margin-bottom:10px}.leaderboard-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;border:1px solid rgba(148,163,184,.2);background:transparent;color:var(--text-soft);border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:600;cursor:pointer}.leaderboard-tab.active{border-color:#22c55e99;color:#f8fafc;background:#22c55e24}.leaderboard-substore{display:block;color:var(--text-soft);font-weight:400;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.leaderboard-row{display:flex;align-items:center;gap:8px;border-radius:10px;font-size:.85rem}.leaderboard-row.me{background:#22c55e24}.leaderboard-row-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:10px}.leaderboard-row-button:hover{background:#94a3b81a}.leaderboard-rank{color:var(--text-soft);font-weight:700;min-width:1.5em}.leaderboard-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.leaderboard-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-streak{font-size:.78rem;color:var(--text-soft)}.leaderboard-points{font-weight:700;color:#86efac;text-shadow:0 0 8px rgba(34,197,94,.6)}.my-points{margin:0;font-size:.85rem;color:#86efac;text-shadow:0 0 8px rgba(34,197,94,.6);font-weight:600}.access-menu{position:relative;flex-shrink:0;margin-top:8px}.access-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.25);background:#0f172ab3;color:#f8fafc;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.access-trigger:hover{border-color:#22c55e99;transform:translateY(-1px)}.access-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,90vw);z-index:20;background:var(--panel-elevated);border:1px solid var(--panel-border);border-radius:16px;padding:14px;box-shadow:var(--shadow-soft)}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:22px;padding:20px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-panel{background:linear-gradient(180deg,#101b2df2,#0f172ae6)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.back-to-top{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--text-soft);padding:0;margin-bottom:12px;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;cursor:pointer}.back-to-top:hover{color:#f8fafc}@media (min-width: 620px){.back-to-top{display:none}}.panel h2{margin:0;font-size:1.2rem}.auth-card{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:14px;border-radius:14px;background:#0f172ac7;border:1px solid rgba(148,163,184,.16)}.auth-card label,.username-field{display:flex;flex-direction:column;gap:8px;color:var(--text-soft)}.auth-card input,.username-field input{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:10px;padding:10px 12px}.username-field{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.16)}.auth-status{display:flex;flex-direction:column;gap:4px}.auth-status strong{font-size:1.06rem}.auth-status small{color:var(--text-soft)}.auth-pill{display:inline-flex;align-self:flex-start;padding:4px 8px;border-radius:999px;background:#22c55e24;border:1px solid rgba(34,197,94,.35);color:#86efac;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.local-mode .auth-pill{background:#f59e0b1f;border-color:#f59e0b59;color:#fcd34d}.auth-message{margin:0;color:#cbd5e1;font-size:.86rem}.auth-hint{color:var(--text-soft)}.oauth-buttons{display:flex;flex-direction:column;gap:8px}.oauth-button{width:100%}.oauth-divider{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.78rem}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:1px;background:#94a3b833}.store-login-hint{display:block;margin-top:12px}.secondary{border:1px solid rgba(148,163,184,.25);border-radius:10px;background:#94a3b814;color:#fff;padding:10px 14px;font-weight:600}.load-more{width:100%;margin-top:12px;cursor:pointer}.selected-drink-hero{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;margin-top:18px;padding:14px;border-radius:16px;background:#94a3b80f;border:1px solid rgba(148,163,184,.14)}.selected-drink-image-wrap{width:96px;height:96px;border-radius:18px;overflow:hidden;background:#0f172ae6;border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 0 0 1px #ffffff0d}.selected-drink-image-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:4px;background:#02061759}.selected-drink-meta{display:flex;flex-direction:column;gap:8px}.category-badge{display:inline-flex;align-self:flex-start;border-radius:999px;padding:5px 10px;background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.35);text-shadow:0 0 8px rgba(34,197,94,.6);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.selected-drink-meta p{margin:0;color:var(--text-soft);font-size:.92rem}.drink-list,.store-list,.ratings-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.drink-button,.store-item{width:100%;padding:12px 14px;background:linear-gradient(180deg,#0f172ae6,#0f172ab8);border:1px solid rgba(148,163,184,.18);border-radius:14px;color:#f8fafc;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.drink-button{display:flex;align-items:center;justify-content:space-between}.store-item{display:flex;flex-direction:column}.store-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.drink-button:hover,.store-item:hover,.star:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a47}.drink-button.selected{border-color:#22c55ed9;background:linear-gradient(180deg,#22c55e1f,#0f172ab3);box-shadow:inset 0 0 0 1px #22c55e4d,0 0 18px #22c55e59}.drink-card-main{display:flex;align-items:center;gap:12px;width:100%}.drink-card-main img{width:56px;height:56px;object-fit:contain;object-position:center;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0206174d;padding:4px}.drink-card-main div{display:flex;flex-direction:column}.drink-card-rating{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;text-align:right}.drink-card-rating strong{font-size:1.05rem;color:#f8fafc}.drink-card-rating small{color:var(--text-soft);font-size:.68rem;white-space:nowrap}.drink-button span,.store-item strong{display:block;font-weight:600}.drink-button small,.store-item small{color:var(--text-soft)}.store-item-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;min-width:0}.store-likelihood{display:flex;align-items:center;gap:8px;margin-top:10px}.store-likelihood small{color:var(--text-soft);white-space:nowrap}.store-no-data{margin:10px 0 0;color:var(--text-soft);font-size:.82rem;font-style:italic}.likelihood-bar{flex:1 1 auto;height:6px;border-radius:999px;background:#94a3b82e;overflow:hidden}.likelihood-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--green));transition:width .2s ease}.store-rating-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}.user-rated-badge{display:inline-block;font-size:.74rem;color:var(--text-soft)}.user-rated-badge.rated{color:var(--green-strong)}.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;color:var(--text-soft);font-size:.74rem;text-decoration:underline;cursor:pointer}.link-button:hover{color:#f8fafc}.collect-points-button{padding:4px 10px;font-size:.74rem}.store-map{margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.store-map iframe{width:100%;height:220px;border:0;display:block}.store-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.store-item-actions select{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:10px;padding:8px 10px;font-size:.82rem;max-width:168px}.store-directions{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#f8fafc;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:1rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.store-directions:hover{transform:translateY(-1px);border-color:#22c55e99}.search-wrap{margin-top:16px}.search-wrap input{width:100%;background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:10px;padding:10px 12px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-pill{border:1px solid rgba(148,163,184,.3);border-radius:999px;background:#94a3b80f;color:#fff;padding:6px 10px;font-size:.8rem}.filter-pill.active{background:#22c55e2e;border-color:#22c55eb3;color:#86efac}.rating-form input,.rating-form textarea{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:10px;padding:10px 12px}.score-card{display:flex;align-items:baseline;gap:6px}.score-card strong{font-size:2.2rem;color:#86efac;text-shadow:0 0 6px var(--green),0 0 16px var(--green-strong)}.score-card span{color:var(--text-soft)}.rating-form{display:flex;flex-direction:column;gap:18px;margin-top:16px}.rating-as{margin:0;color:var(--text-soft)}.rating-as strong{color:#f8fafc}.rating-form label,.star-block{display:flex;flex-direction:column;gap:8px;color:var(--text-soft)}.rating-form textarea{min-height:90px;resize:vertical}.star-block{margin-top:4px}.star-row{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.star{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(34,197,94,.3);background:#22c55e0f;color:#22c55e8c;border-radius:6px;width:38px;height:38px;padding:0;margin:0;display:grid;place-items:center;font-size:1.1rem;line-height:1;transition:all .15s ease}.star.selected{background:#22c55e40;border-color:#22c55ee6;color:#86efac;box-shadow:0 0 10px #22c55e8c}.can-icon{width:24px;height:24px;object-fit:contain;filter:grayscale(1) brightness(.7) opacity(.45);transition:filter .15s ease,transform .15s ease}.star.selected .can-icon{filter:none;transform:scale(1.1)}.primary{border:none;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--green-strong));color:#fff;padding:12px 16px;font-weight:700;box-shadow:0 0 14px #22c55e8c,0 12px 24px #22c55e38;transition:box-shadow .15s ease,filter .15s ease}.primary:hover{filter:brightness(1.04);box-shadow:0 0 20px #22c55ebf,0 12px 24px #22c55e47}.primary:disabled{opacity:.85;cursor:default}.store-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.store-controls .primary{flex:1 1 auto}.radius-select{display:flex;flex-direction:column;gap:4px;font-size:.68rem;color:var(--text-soft);flex-shrink:0}.admin-location-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:10px}.admin-location-form label{display:flex;flex-direction:column;gap:4px;font-size:.68rem;color:var(--text-soft)}.admin-location-form input{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:8px;padding:6px 8px;font-size:.8rem;width:120px}.radius-select select{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:8px;padding:6px 8px;font-size:.8rem}.button-spinner-row{display:inline-flex;align-items:center;gap:8px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rating-item{border:1px solid #334155;background:#0f172acc;border-radius:12px;padding:12px 14px}.rating-date{display:block;margin-top:6px;color:var(--text-soft);font-size:.7rem;text-align:right}.rating-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.mini-stars{display:flex;gap:3px;margin-bottom:8px;color:#22c55e59}.mini-star{display:inline-flex;align-items:center}.mini-star.filled{color:#4ade80}.mini-can-icon{width:18px;height:24px;object-fit:contain;filter:grayscale(1) brightness(.7) opacity(.4)}.mini-star.filled .mini-can-icon{filter:none}.rating-item p,.empty-state{margin:0;color:var(--text-soft)}.location-debug{display:block;margin:10px 0 0;color:#cbd5e180;font-size:.74rem;text-decoration:none;width:fit-content}.location-debug:hover{color:#cbd5e1cc;text-decoration:underline}.debug-map{margin-top:12px;height:320px;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.debug-map .leaflet-container{width:100%;height:100%;background:#0b1526}.map-dot-icon span{display:block;width:16px;height:16px;border-radius:50%;border:2px solid #0b1526;box-shadow:0 0 0 1px #fff6}.map-store-tooltip.leaflet-tooltip{background:#0b1526e6;border:1px solid rgba(148,163,184,.3);color:#f8fafc;font-size:.7rem;font-weight:600;padding:2px 6px;box-shadow:none}.map-store-tooltip.leaflet-tooltip-right:before{border-right-color:#94a3b84d}.rating-error{margin:8px 0 0;color:#fca5a5;font-size:.86rem;font-weight:600}.rating-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.share-button{display:inline-flex;align-items:center;gap:6px}.rating-share-status{margin:8px 0 0;color:var(--text-soft);font-size:.8rem}@media (max-width: 720px){.app-shell{padding-left:12px;padding-right:12px}}.profile-view h3{margin:20px 0 10px;font-size:1rem}.profile-streak{margin:8px 0 0;color:var(--text-soft);font-size:.85rem}.profile-point-events,.profile-ratings,.profile-stores{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.profile-point-events li,.profile-stores li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #334155;background:#0f172acc;border-radius:12px;font-size:.85rem}.profile-point-events li span:first-child,.profile-stores li span:first-child{flex:1}.profile-point-value{color:#86efac;text-shadow:0 0 8px rgba(34,197,94,.6);font-weight:700}.profile-rating-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid #334155;background:#0f172acc;border-radius:12px;padding:10px 12px;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.profile-rating-toggle:hover{border-color:#94a3b866}.profile-rating-can{width:28px;height:28px;object-fit:contain}.profile-rating-name{flex:1}.profile-rating-comment{margin:6px 0 0;padding:10px 12px;color:var(--text-soft);font-size:.85rem;background:#94a3b80f;border-radius:10px}.profile-head{align-items:center}.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(148,163,184,.3);flex-shrink:0}.profile-head-text{flex:1;min-width:0}.profile-bio,.profile-favorite{margin:4px 0 0;color:var(--text-soft);font-size:.85rem}.profile-edit{margin-top:16px;padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:14px;display:flex;flex-direction:column;gap:10px}.profile-edit label{display:flex;flex-direction:column;gap:6px;color:var(--text-soft);font-size:.85rem}.profile-edit textarea{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:10px;padding:10px 12px;min-height:70px;resize:vertical;font:inherit}.profile-edit select{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:10px;padding:8px 10px}.profile-avatar-upload input{color:var(--text-soft);font-size:.8rem}.profile-save-status{margin:0;color:var(--text-soft);font-size:.8rem}.points-info-toggle{width:100%;margin-bottom:8px;font-size:.78rem;padding:6px 10px}.points-info-list{list-style:none;margin:0 0 10px;padding:8px 10px;background:#94a3b80f;border-radius:10px;display:flex;flex-direction:column;gap:6px}.points-info-list li{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--text-soft)}.points-info-list li span:last-child{color:var(--accent-strong);font-weight:700;flex-shrink:0}.ostbarf-card{display:flex;align-items:center;gap:14px;margin:16px 0;padding:14px 16px;border:1px dashed rgba(148,163,184,.35);border-radius:14px;background:#94a3b80d}.ostbarf-avatar{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0}.ostbarf-info{display:flex;flex-direction:column;gap:3px;min-width:0}.ostbarf-name{font-size:.88rem}.ostbarf-motto{font-size:.8rem;color:var(--text-soft);font-style:italic}.ostbarf-stats{font-size:.78rem;color:var(--text-soft)}.ostbarf-link{font-size:.78rem;color:#86efac;width:fit-content}