:root{--font-display:"Instrument Serif",Georgia,serif;--font-body:"Work Sans",system-ui,sans-serif;--radius-md:.9rem;--radius-lg:1.4rem;--radius-full:9999px}[data-palette=teal-amber]{--bg:#171614;--surface:#1d1b18;--surface2:#26231f;--border:#393633;--text:#f2efe8;--muted:#b0aba3;--primary:#6ba8ae;--primary2:#213438;--secondary:#c88a3d}[data-palette=burgundy-gold]{--bg:#161214;--surface:#20181c;--surface2:#2b2025;--border:#43363c;--text:#f3ece7;--muted:#b8aba6;--primary:#9d4b63;--primary2:#311e25;--secondary:#be9a56}[data-palette=olive-citrus]{--bg:#141512;--surface:#1c1f18;--surface2:#25291f;--border:#3a4034;--text:#f0eee6;--muted:#adb09f;--primary:#7f9670;--primary2:#273024;--secondary:#d0a94a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:radial-gradient(circle at top,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),var(--bg);color:var(--text);line-height:1.5}button,input,select{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.app{max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;background:var(--bg)}.screen{display:none;min-height:100dvh;padding:1.5rem 1.25rem 3.5rem}.topbar,.row,.top-actions{display:flex;justify-content:space-between;align-items:center}.topbar{margin-bottom:1.5rem}.top-actions{gap:.75rem}.logo{display:flex;align-items:center;gap:.75rem}.mark{width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(145deg,var(--primary),transparent),var(--surface2)}.logo-word,h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.04}.logo-word{font-size:1.4rem}.avatar,.menu-btn{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);font-size:.9rem}.menu-btn span{display:block;width:15px;height:1.5px;background:var(--text);position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0;width:15px;height:1.5px;background:var(--text)}.menu-btn span:before{top:-5px}.menu-btn span:after{top:5px}.menu{position:absolute;top:5.4rem;left:1.25rem;right:1.25rem;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:1.3rem;padding:1rem;display:none;z-index:30}.menu.open{display:block}.menu-list{display:grid;gap:.75rem}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:1rem;background:var(--surface2);border:1px solid var(--border);width:100%;text-align:left}.menu-item strong{font-size:.95rem}.menu-item span{display:block;font-size:.78rem;color:var(--muted)}.hero{padding:2.5rem 1rem 2rem;border-radius:1.6rem;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--primary) 26%,transparent),transparent 26%),var(--surface);border:1px solid color-mix(in srgb,var(--text) 6%,transparent);margin-bottom:1.5rem}.hero small{display:block;text-align:center;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;margin-bottom:1rem}.hero h1{font-size:clamp(2.7rem,11vw,5rem);text-align:center;letter-spacing:-.04em;max-width:6.5ch;margin:0 auto}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.muted{color:var(--muted)}.hint{margin-top:1rem;padding:.85rem 1rem;border-radius:1rem;background:var(--primary2);color:var(--primary);font-size:.92rem}.tag-row,.switch{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.tag,.theme-btn,.chip{padding:.55rem .9rem;border-radius:var(--radius-full);font-size:.9rem;border:1px solid var(--border);background:var(--surface2)}.tag.active,.theme-btn.active,.chip.active{background:var(--primary2);color:var(--primary);border-color:transparent}.progress{height:10px;border-radius:999px;background:var(--surface2);overflow:hidden;margin-top:.5rem}.progress span{display:block;height:100%;width:76%;background:linear-gradient(90deg,var(--primary),var(--secondary))}.actions{display:grid;gap:.75rem;margin-top:1rem}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;padding:1rem;border-radius:1rem;font-weight:600}.cta{background:var(--primary);color:#fff}.ghost{background:var(--surface2);border:1px solid var(--border)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 1rem}.section-head h3{font-size:1.3rem}.mini{padding:1rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border);margin-bottom:.75rem}.mini h3{font-size:1.1rem;margin-bottom:.35rem;font-family:var(--font-body);font-weight:600}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(430px,100%);padding:.4rem 1.25rem calc(.9rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);display:flex;justify-content:space-between;gap:.5rem;z-index:25}.nav-btn{flex:1;padding:.55rem .4rem;border-radius:1rem;border:1px solid transparent;background:transparent;color:var(--muted);font-size:.8rem}.nav-btn.active{background:var(--surface);border-color:var(--border);color:var(--text)}.scrim{position:fixed;inset:0;background:#00000047;display:none;z-index:10}.scrim.show{display:block}.settings-screen{background:var(--bg)}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:1.35rem;padding:1rem;margin-top:1rem}.privacy-list{display:grid;gap:.55rem;margin:.85rem 0}.privacy-item{padding:.72rem .78rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);font-size:.82rem;line-height:1.45;color:var(--muted)}.privacy-item strong{display:block;color:var(--text);font-size:.86rem;margin-bottom:.15rem}.privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.85rem}.privacy-btn{padding:.72rem .8rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer}.privacy-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.privacy-btn.danger{color:#fca5a5;border-color:color-mix(in srgb,#f87171 45%,var(--border))}.micro{font-size:.78rem;color:var(--muted);margin-top:.5rem}.search input,.sort select{width:100%;padding:1rem;border-radius:1rem;border:1px solid var(--border);background:var(--surface);color:var(--text)}.search{margin:1rem 0 .9rem}.chips{display:flex;gap:.5rem;overflow:auto;padding-bottom:.2rem;margin-bottom:.9rem}.counter{margin:.2rem 0 1rem;color:var(--muted);font-size:.88rem}.list{display:grid;gap:.9rem}.cocktail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1rem 1.05rem}.cocktail-card h3{font-size:1.2rem;margin-bottom:.35rem}.meta{font-size:.8rem;color:var(--primary);margin-bottom:.55rem}.cocktail-card p{color:var(--muted);font-size:.96rem}#splash{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);transition:opacity .8s cubic-bezier(.16,1,.3,1)}#splash.fade-out{opacity:0;pointer-events:none}.splash-mark{width:5rem;height:5rem;border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--primary),color-mix(in srgb,var(--primary) 30%,transparent));box-shadow:0 0 60px color-mix(in srgb,var(--primary) 35%,transparent);animation:pulse 2.4s ease-in-out infinite}@keyframes searchPinPop{0%{transform:rotate(-45deg) scale(.4);opacity:0}to{transform:rotate(-45deg) scale(1);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 40px color-mix(in srgb,var(--primary) 25%,transparent)}50%{box-shadow:0 0 80px color-mix(in srgb,var(--primary) 55%,transparent)}}.splash-word{font-family:var(--font-display);font-size:3.5rem;letter-spacing:-.04em;margin-top:1.4rem;opacity:0;animation:wordIn .9s cubic-bezier(.16,1,.3,1) .35s forwards}.splash-tagline{font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:.75rem;opacity:0;animation:wordIn .9s cubic-bezier(.16,1,.3,1) .65s forwards}@keyframes wordIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.splash-bar{width:64px;height:2px;border-radius:2px;background:var(--border);margin-top:2.5rem;overflow:hidden;opacity:0;animation:barIn .5s ease .9s forwards}.splash-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--secondary));animation:barFill 1.4s cubic-bezier(.4,0,.2,1) 1s forwards}@keyframes barIn{to{opacity:1}}@keyframes barFill{to{width:100%}}#sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0000;pointer-events:none;transition:background .35s ease}#sheet-backdrop.open{background:#00000073;pointer-events:all}#cocktail-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:430px;z-index:51;background:var(--bg);border-radius:1.5rem 1.5rem 0 0;padding:0 0 2rem;max-height:92dvh;overflow-y:auto;transition:transform .42s cubic-bezier(.16,1,.3,1);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#cocktail-sheet.open{transform:translate(-50%) translateY(0)}.sheet-handle{width:2.5rem;height:.28rem;background:var(--border);border-radius:99px;margin:.75rem auto .5rem;cursor:pointer}.sheet-header{padding:.5rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.sheet-title{font-family:var(--font-display);font-size:1.65rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.sheet-base{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:.2rem}.sheet-actions{display:flex;gap:.6rem;margin-top:1rem}.sheet-btn{flex:1;padding:.6rem;border-radius:.75rem;border:1px solid var(--border);font-size:.82rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--surface);color:var(--text);cursor:pointer;transition:background .18s}.sheet-btn:active{background:var(--border)}.sheet-btn.fav-active{background:var(--primary);color:#fff;border-color:var(--primary)}.sheet-section{padding:1rem 1.25rem 0}.sheet-section h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:.7rem}.dose-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.dose-row:last-child{border-bottom:none}.dose-name{font-size:.93rem}.dose-qty{font-size:.88rem;font-weight:600;color:var(--primary)}.flavor-tags{display:flex;gap:.4rem;flex-wrap:wrap}.flavor-tag{padding:.3rem .75rem;border-radius:99px;background:var(--surface);border:1px solid var(--border);font-size:.78rem;color:var(--muted)}.tech-box{background:var(--surface);border-radius:.85rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.tech-box strong{display:block;margin-bottom:.2rem;font-size:.82rem;color:var(--muted)}.story-text{font-size:.9rem;line-height:1.65;color:var(--text)}.sheet-no-detail{padding:1.5rem 1.25rem;font-size:.9rem;color:var(--muted);line-height:1.6}.glass-garnish{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:0}.gg-box{background:var(--surface);border-radius:.85rem;padding:.85rem 1rem}.gg-box strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.3rem}.gg-box span{font-size:.9rem}.map-shell{position:relative;height:22rem;border-radius:1.55rem;border:1px solid var(--border);overflow:hidden;margin:1rem 0;touch-action:none;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 55%),var(--surface)}#mapboxGlobe{position:absolute;inset:0;border-radius:1.55rem;overflow:hidden;width:100%;height:100%}.mapboxgl-canvas{border-radius:1.55rem}.mapboxgl-ctrl-bottom-left{bottom:.5rem!important;left:.5rem!important}.mapboxgl-ctrl-attrib{background:#0a1012b3!important;border-radius:.4rem!important;font-size:.65rem!important}.mapboxgl-ctrl-attrib a{color:var(--primary)!important}.mb-pin{transform-origin:center center}.mb-pin:hover .mb-pin-dot{transform:rotate(-45deg) scale(1.28);box-shadow:0 6px 18px #0000008c,0 0 0 10px #fff0}.map-gesture{position:absolute;bottom:3.8rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;white-space:nowrap;font-size:.72rem;color:#ffffff8c;background:#00000059;padding:.25rem .7rem;border-radius:var(--radius-full);backdrop-filter:blur(4px)}.map-note{margin-top:1rem;padding:1rem 1.1rem;border-radius:1rem;background:var(--surface);border:1px solid var(--border);font-size:.92rem;line-height:1.5}.map-note strong{display:block;font-family:var(--font-display);font-size:1.15rem;margin-bottom:.25rem;color:var(--text)}.map-note span{color:var(--muted)}.map-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.2rem;margin:1rem 0 .25rem;-webkit-overflow-scrolling:touch}.map-chips::-webkit-scrollbar{display:none}.pin-card{display:flex;gap:.9rem;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.pin-card:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));background:color-mix(in srgb,var(--primary2) 40%,var(--surface))}.pin-card:active{transform:scale(.985)}.pin-card-mark{flex-shrink:0;width:36px;height:36px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--primary);border:2px solid color-mix(in srgb,var(--text) 18%,transparent);box-shadow:0 4px 12px #00000059;position:relative;top:.2rem}.pin-card-body{flex:1;min-width:0}.pin-card-city{font-family:var(--font-display);font-size:1.15rem;line-height:1.15;letter-spacing:-.01em}.pin-card-cocktail{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:var(--primary);margin-top:.25rem}.pin-card-meta{font-size:.85rem;color:var(--muted);margin-top:.45rem}.pin-card-meta strong{color:var(--text);font-weight:500}.pin-card.is-fav{border-color:color-mix(in srgb,var(--secondary) 40%,var(--border))}.pin-card-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.55rem}.pin-card-action{font-size:.74rem;color:var(--primary);margin-top:.55rem;font-weight:600}.pin-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;padding:.22rem .55rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.pin-badge.fav{background:color-mix(in srgb,var(--secondary) 14%,transparent);color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 30%,transparent)}.map-search-wrap{position:relative;margin:1rem 0 .5rem}.map-search-input{width:100%;padding:.85rem 2.6rem .85rem 1.1rem;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.map-search-input:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.map-search-input::placeholder{color:var(--muted)}.map-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--muted);pointer-events:none}.map-search-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.1rem;height:1.1rem;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;display:none}.map-search-wrap.loading .map-search-spinner{display:block}.map-search-wrap.loading .map-search-icon{display:none}.btn-nuovo-pin{position:absolute;bottom:1rem;left:1rem;z-index:20;display:flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--radius-full);background:var(--primary);border:none;color:#0a1214;font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.01em;box-shadow:0 4px 16px #00000073;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-nuovo-pin:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-nuovo-pin:active{transform:scale(.97)}.btn-nuovo-pin svg{flex-shrink:0}.btn-nuovo-pin.placing{background:color-mix(in srgb,var(--primary) 60%,#fff);cursor:crosshair}.map-place-banner{position:absolute;top:.75rem;left:50%;transform:translate(-50%);z-index:21;background:#000000b8;backdrop-filter:blur(8px);color:#fff;font-size:.78rem;padding:.4rem .9rem;border-radius:var(--radius-full);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .22s ease}.map-place-banner.show{opacity:1}.btn-annulla-pin{position:absolute;bottom:1rem;right:1rem;z-index:22;padding:.5rem .85rem;border-radius:var(--radius-full);background:#0009;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:inherit;font-size:.78rem;cursor:pointer;transition:all .18s ease;display:none}.btn-annulla-pin.show{display:block}.btn-annulla-pin:hover{background:#000c}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.search-results{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000059;z-index:50;max-height:22rem;overflow-y:auto;display:none}.search-results.show{display:block}.search-result{padding:.85rem 1.1rem;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);transition:background .15s ease}.search-result:last-child{border-bottom:none}.search-result:hover{background:color-mix(in srgb,var(--primary2) 40%,var(--surface))}.search-result-name{font-size:.95rem;color:var(--text);line-height:1.25}.search-result-addr{font-size:.78rem;color:var(--muted);margin-top:.2rem;line-height:1.3}.search-result-existing{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-top:.4rem}.search-empty{padding:1rem 1.1rem;color:var(--muted);font-size:.85rem;text-align:center}.pin-sheet-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(3px);z-index:9990;display:none}.pin-sheet-backdrop.show{display:block}.pin-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--border);border-radius:1.55rem 1.55rem 0 0;padding:1.5rem 1.4rem 1.8rem;z-index:9991;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);max-height:88vh;overflow-y:auto;box-shadow:0 -24px 60px #00000073}.pin-sheet.show{transform:translateY(0)}.pin-sheet-handle{width:48px;height:4px;background:var(--border);border-radius:var(--radius-full);margin:0 auto 1.2rem}.pin-sheet h3{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.01em}.pin-sheet .sheet-addr{font-size:.85rem;color:var(--muted);margin-bottom:1.1rem}.pin-sheet label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:.9rem 0 .4rem}.pin-sheet input[type=text]{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.95rem;outline:none}.pin-sheet input[type=text]:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.pin-sheet-actions{display:flex;gap:.6rem;margin-top:1.4rem}.pin-sheet-actions button{flex:1;padding:.85rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border);font-family:inherit;font-size:.92rem;cursor:pointer;transition:all .18s ease}.pin-sheet-actions .btn-primary{background:var(--primary);border-color:var(--primary);color:#0a1214}.pin-sheet-actions .btn-primary:hover{filter:brightness(1.08)}.pin-sheet-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.pin-sheet-actions .btn-ghost{background:transparent;color:var(--text)}.pin-sheet-actions .btn-ghost:hover{background:var(--surface)}.btn-delete-pin{width:100%;margin-top:.6rem;padding:.72rem 1rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-error,#c0392b) 40%,transparent);background:transparent;color:var(--color-error,#c0392b);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-delete-pin:hover{background:color-mix(in srgb,var(--color-error,#c0392b) 10%,transparent)}.btn-delete-pin:active{transform:scale(.97)}.btn-delete-pin[disabled]{opacity:.5;cursor:not-allowed}.delete-confirm-row{display:none;margin-top:.5rem;gap:.5rem;align-items:center}.delete-confirm-row.show{display:flex}.delete-confirm-row span{flex:1;font-size:.82rem;color:var(--muted)}.delete-confirm-row button{padding:.45rem .8rem;border-radius:var(--radius-full);border:none;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s ease}.delete-confirm-yes{background:var(--color-error,#c0392b);color:#fff}.delete-confirm-yes:hover{filter:brightness(1.1)}.delete-confirm-no{background:var(--surface);border:1px solid var(--border)!important;color:var(--text)}.pin-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:1.1rem;padding:1rem;margin:.9rem 0}.pin-detail-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin-bottom:.35rem}.pin-detail-main{font-family:var(--font-display);font-size:1.35rem;line-height:1.1;letter-spacing:-.01em;color:var(--text)}.pin-detail-sub{font-size:.86rem;color:var(--muted);line-height:1.5;margin-top:.45rem}.pin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.85rem 0}.pin-detail-box{background:var(--surface2);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.9rem;padding:.7rem}.pin-detail-box span{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-bottom:.18rem}.pin-detail-box strong{font-size:.88rem;color:var(--text);font-weight:600}.pin-detail-note{font-size:.78rem;line-height:1.45;color:var(--muted);background:color-mix(in srgb,var(--primary2) 42%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:.9rem;padding:.75rem .85rem;margin-top:.75rem}.pin-detail-link{width:100%;padding:.78rem .9rem;border-radius:var(--radius-full);border:1px solid var(--primary);background:var(--primary2);color:var(--primary);font-size:.86rem;font-weight:700;margin-top:.7rem;cursor:pointer}.pin-detail-link:disabled{opacity:.55;cursor:not-allowed}.pin-existing-note{padding:.85rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--secondary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--secondary) 25%,var(--border));font-size:.85rem;color:var(--text);margin:.5rem 0 0;line-height:1.45}.pin-existing-note strong{display:block;color:var(--secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.3rem;font-family:var(--font-sans);font-weight:600}.toast{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:.85rem 1.3rem 1.1rem;border-radius:var(--radius-lg);font-size:.88rem;z-index:9999;box-shadow:0 12px 32px #0006;max-width:90vw;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease}.toast.show{opacity:1;pointer-events:auto}.toast-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#0000002e;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.toast-bar-fill{height:100%;width:100%;background:var(--bg);opacity:.5;transform-origin:left;transform:scaleX(1)}#authOverlay{position:fixed;inset:0;z-index:9990;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;transition:opacity .35s ease;overflow:hidden;overscroll-behavior:none;touch-action:none}body.auth-open{overflow:hidden}body.auth-open .bottom-nav{display:none}#authOverlay.hide{opacity:0;pointer-events:none;visibility:hidden}#authOverlay .auth-logo{flex-shrink:0}#authOverlay .auth-card{flex:0 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}@media (max-height:760px){#authOverlay{padding:1.1rem 1.25rem}#authOverlay .auth-logo{margin-bottom:1rem;gap:.5rem}#authOverlay .auth-mark{width:2.5rem;height:2.5rem}#authOverlay .auth-word{font-size:1.7rem}#authOverlay .auth-card{padding:1.05rem}}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:.9rem;margin-bottom:2rem}.auth-mark{width:3.5rem;height:3.5rem;border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--primary),color-mix(in srgb,var(--primary) 30%,transparent));box-shadow:0 0 40px color-mix(in srgb,var(--primary) 35%,transparent)}.auth-word{font-family:var(--font-display);font-size:2.2rem;letter-spacing:-.04em}.auth-tagline{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.auth-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem}.auth-tabs{display:flex;gap:.3rem;margin-bottom:1.3rem;background:var(--surface2);border-radius:var(--radius-full);padding:.2rem}.auth-tab{flex:1;padding:.48rem;border-radius:var(--radius-full);font-size:.84rem;font-weight:600;text-align:center;color:var(--muted);transition:all .2s;cursor:pointer;border:none;background:none}.auth-tab.active{background:var(--primary);color:#fff}.auth-field{margin-bottom:.85rem}.auth-field label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.32rem}.auth-field input{width:100%;padding:.78rem 1rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.92rem;outline:none;transition:border-color .18s}.auth-field input:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.auth-privacy{display:flex;gap:.55rem;align-items:flex-start;margin:.35rem 0 .75rem;font-size:.74rem;line-height:1.45;color:var(--muted)}.auth-privacy input{margin-top:.18rem;accent-color:var(--primary);flex-shrink:0}.auth-privacy strong{color:var(--text);font-weight:600}.auth-btn{width:100%;padding:.9rem;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-weight:600;font-size:.93rem;border:none;cursor:pointer;margin-top:.4rem;transition:filter .18s}.auth-btn:hover{filter:brightness(1.1)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-err{font-size:.78rem;color:#f87171;margin-top:.6rem;text-align:center;min-height:1em}.auth-skip{margin-top:.8rem;text-align:center;font-size:.78rem;color:var(--muted);cursor:pointer;background:none;border:none;width:100%;text-decoration:underline;padding:.3rem}.auth-link{display:block;margin:.55rem auto 0;text-align:center;font-size:.8rem;color:var(--primary);background:none;border:none;cursor:pointer;padding:.2rem;width:100%}.auth-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:.6rem;margin:1rem 0 .8rem;color:var(--muted);font-size:.74rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--text) 12%,transparent)}.auth-social{width:100%;padding:.72rem;border-radius:var(--radius-full);background:var(--surface,#fff);color:var(--text);font-family:inherit;font-weight:600;font-size:.86rem;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.5rem;transition:filter .18s,background .18s}.auth-social:hover{filter:brightness(.97)}.auth-social:disabled{opacity:.55;cursor:not-allowed}.auth-social-apple{background:#000;color:#fff;border-color:#000}.auth-recovery-title{font-weight:600;font-size:.98rem;color:var(--text);text-align:center;margin:.2rem 0 .9rem}.feed-item{display:flex;gap:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;margin-bottom:.8rem;cursor:pointer;transition:border-color .18s,background .18s}.feed-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary2) 30%,var(--surface))}.feed-ava{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--primary2);border:1.5px solid color-mix(in srgb,var(--primary) 40%,transparent);display:grid;place-items:center;font-size:.78rem;font-weight:600;color:var(--primary)}.feed-body{flex:1;min-width:0}.feed-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.feed-user{font-size:.86rem;font-weight:600;color:var(--text)}.feed-badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.14rem .42rem;border-radius:var(--radius-full)}.badge-pin{background:color-mix(in srgb,var(--secondary) 15%,transparent);color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary) 28%,transparent)}.badge-cocktail{background:var(--primary2);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent)}.badge-log{background:color-mix(in srgb,#6aaa78 12%,transparent);color:#6aaa78;border:1px solid color-mix(in srgb,#6aaa78 25%,transparent)}.feed-action{font-size:.82rem;color:var(--muted);margin-top:.18rem;line-height:1.45}.feed-action b{color:var(--text);font-weight:500}.feed-time{font-size:.7rem;color:var(--muted);margin-top:.38rem}.follow-sm{padding:.26rem .72rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;border:1.5px solid var(--primary);color:var(--primary);background:none;cursor:pointer;transition:all .18s;flex-shrink:0}.follow-sm.on{background:var(--primary);color:#fff}.feed-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.feed-upload-bar{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.8rem;cursor:pointer;transition:border-color .18s,background .18s}.feed-upload-bar:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary2) 30%,var(--surface))}.feed-upload-ava{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--primary2);border:1.5px solid color-mix(in srgb,var(--primary) 40%,transparent);display:grid;place-items:center;font-size:.78rem;font-weight:600;color:var(--primary)}.feed-upload-placeholder{flex:1;font-size:.88rem;color:var(--muted);padding:.55rem .85rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-full)}.feed-upload-cam{flex-shrink:0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--primary2);border:1.5px solid color-mix(in srgb,var(--primary) 35%,transparent);display:grid;place-items:center;color:var(--primary)}.feed-upload-cam svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feed-item{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;margin-bottom:.8rem;overflow:hidden;transition:border-color .18s,background .18s}.feed-item-header{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem .65rem}.feed-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary2) 18%,var(--surface))}.feed-item-body{padding:0 1rem .75rem}.feed-photo-wrap{position:relative;width:100%;background:var(--surface2);overflow:hidden}.feed-photo-wrap img{width:100%;height:auto;max-height:75vh;object-fit:cover;display:block;transition:transform .3s ease}.feed-photo-wrap:hover img{transform:scale(1.02)}.feed-pin-card{display:flex;align-items:center;gap:.75rem;margin:.25rem 1rem .75rem;padding:.7rem .9rem;background:color-mix(in srgb,var(--primary2) 35%,var(--surface2));border:1.5px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,background .2s}.feed-pin-card:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary2) 60%,var(--surface))}.feed-pin-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--primary);display:grid;place-items:center;box-shadow:0 3px 10px #00000040}.feed-pin-icon svg{width:.85rem;height:.85rem;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(45deg)}.feed-pin-info{flex:1;min-width:0}.feed-pin-cocktail{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-pin-venue{font-size:.76rem;color:var(--primary);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-pin-city{font-size:.7rem;color:var(--muted);margin-top:.06rem}.feed-pin-arrow{flex-shrink:0;font-size:1rem;color:var(--muted);padding-left:.2rem}.photo-overlay{position:fixed;inset:0;z-index:9995;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.photo-overlay.show{opacity:1;pointer-events:all}.photo-sheet{background:var(--bg);border-radius:1.4rem 1.4rem 0 0;width:100%;max-width:480px;padding:1.4rem 1.4rem 2rem;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.61,.36,1)}.photo-overlay.show .photo-sheet{transform:translateY(0)}.psheet-handle{width:2.5rem;height:.28rem;border-radius:999px;background:var(--border);margin:0 auto .9rem}.psheet-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.photo-preview-wrap{width:100%;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface2);border:1.5px dashed var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;cursor:pointer}.photo-preview-wrap img{width:100%;height:100%;object-fit:contain}.psheet-actions{display:flex;flex-direction:column;gap:.55rem}.psheet-row-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:border-color .18s;width:100%;text-align:left}.psheet-row-btn:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.psheet-row-btn svg{flex-shrink:0;width:1.1rem;height:1.1rem;stroke:var(--primary);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.prb-main{font-size:.86rem;color:var(--text)}.prb-sub{font-size:.75rem;color:var(--muted);margin-top:.1rem}.psheet-caption{width:100%;padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:inherit;font-size:.88rem;resize:none;outline:none;transition:border-color .18s}.psheet-caption:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.psheet-btn-row{display:flex;gap:.6rem;margin-top:.3rem}.psheet-post{flex:1;padding:.82rem;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:filter .18s}.psheet-post:hover{filter:brightness(1.1)}.psheet-post:disabled{opacity:.45;cursor:not-allowed}.psheet-cancel{padding:.82rem 1.2rem;border-radius:var(--radius-full);background:none;border:1.5px solid var(--border);color:var(--muted);font-size:.9rem;cursor:pointer;transition:border-color .18s,color .18s}.psheet-cancel:hover{border-color:var(--primary);color:var(--primary)}.picker-overlay{position:fixed;inset:0;z-index:9996;background:#000000b8;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.picker-overlay.show{opacity:1;pointer-events:all}.picker-sheet{background:var(--bg);border-radius:1.4rem 1.4rem 0 0;width:100%;max-width:480px;padding:1.2rem 1.2rem 2rem;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.61,.36,1);max-height:70vh;overflow-y:auto}.picker-overlay.show .picker-sheet{transform:translateY(0)}.picker-title{font-size:1rem;font-weight:600;margin-bottom:.9rem;color:var(--text)}.picker-search{width:100%;padding:.65rem .85rem;margin-bottom:.7rem;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.9rem;outline:none;transition:border-color .18s}.picker-search:focus{border-color:var(--primary)}.picker-search::placeholder{color:var(--muted)}.picker-list{display:flex;flex-direction:column;gap:.4rem;max-height:45vh;overflow-y:auto}.picker-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .18s,background .18s}.picker-item:hover,.picker-item.sel{border-color:var(--primary);background:color-mix(in srgb,var(--primary2) 45%,var(--surface))}.picker-dot{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);background:var(--primary)}.picker-body{flex:1;min-width:0}.picker-cocktail{font-size:.86rem;font-weight:600;color:var(--text)}.picker-venue{font-size:.75rem;color:var(--muted);margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-empty{font-size:.82rem;color:var(--muted);text-align:center;padding:1.5rem}.pin-cocktail-list{display:flex;flex-direction:column;gap:.5rem;margin:.6rem 0 .8rem}.pin-cocktail-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border)}.pcr-dot{flex-shrink:0;width:1.4rem;height:1.4rem;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);background:var(--primary)}.pcr-body{flex:1;min-width:0}.pcr-cocktail{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcr-user{font-size:.74rem;color:var(--muted);margin-top:.1rem}.pcr-like{flex-shrink:0;display:flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.78rem;padding:.3rem .5rem;border-radius:var(--radius-full);transition:color .18s,background .18s}.pcr-like:hover{background:color-mix(in srgb,#e0445a 10%,var(--surface));color:#e0445a}.pcr-like.liked{color:#e0445a}.pcr-like svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .2s,stroke .2s}.pcr-like.liked svg{fill:#e0445a;stroke:#e0445a}.pin-add-cocktail{width:100%;display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:var(--radius-md);border:1.5px dashed var(--border);background:none;cursor:pointer;color:var(--muted);font-size:.84rem;font-family:inherit;transition:border-color .18s,color .18s,background .18s;margin-bottom:.2rem}.pin-add-cocktail:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary2) 30%,var(--surface))}.pin-add-cocktail svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.pin-add-form{display:none;flex-direction:column;gap:.55rem;padding:.8rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.4rem}.pin-add-form.open{display:flex}.pin-add-form input{padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:.88rem;outline:none;transition:border-color .18s}.pin-add-form input:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.taste-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.1rem 1rem;margin:.1rem 0 1rem}.taste-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.4rem}.taste-headline{font-size:1.1rem;font-weight:700;font-family:var(--font-display);line-height:1.25;margin-bottom:.85rem;color:var(--text)}.taste-bars{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.95rem}.taste-bar-row{display:flex;align-items:center;gap:.6rem}.taste-bar-label{font-size:.76rem;color:var(--text);width:5rem;flex-shrink:0;font-weight:500}.taste-bar-track{flex:1;height:.45rem;background:var(--surface-offset,color-mix(in srgb,var(--border) 60%,transparent));border-radius:99px;overflow:hidden}.taste-bar-fill{height:100%;border-radius:99px;transition:width .7s cubic-bezier(.22,.61,.36,1);background:var(--primary)}.taste-bar-pct{font-size:.72rem;color:var(--muted);width:2.2rem;text-align:right;flex-shrink:0}.taste-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}.taste-tag{padding:.28rem .72rem;border-radius:99px;font-size:.76rem;border:1.5px solid var(--border);color:var(--muted);transition:all .2s}.taste-tag.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.taste-empty{font-size:.83rem;color:var(--muted);text-align:center;padding:.8rem 0 .3rem}.taste-actions{display:flex;gap:.55rem}.taste-btn-primary{flex:1;padding:.7rem 1rem;border-radius:var(--radius-full);background:var(--primary);border:none;color:#fff;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:filter .18s}.taste-btn-primary:hover{filter:brightness(1.08)}.taste-btn-ghost{flex:1;padding:.7rem 1rem;border-radius:var(--radius-full);background:none;border:1.5px solid var(--border);color:var(--text);font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .18s}.taste-btn-ghost:hover{background:var(--surface)}.reco-block{margin:.1rem 0 1.2rem;padding:0 .1rem}.reco-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.25rem}.reco-sub{font-size:.82rem;color:var(--muted);line-height:1.35;margin-bottom:.7rem}.reco-list{display:grid;gap:.6rem}.reco-item{display:block;width:100%;text-align:left;background:var(--surface2);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-md);padding:.75rem .85rem;cursor:pointer;font-family:inherit;color:var(--text);transition:transform .14s,background .18s,box-shadow .18s;position:relative}.reco-item:hover{background:var(--surface);transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.reco-item:active{transform:translateY(0)}.reco-kind{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.2rem}.reco-name{font-family:var(--font-display);font-size:1.15rem;line-height:1.15;color:var(--text);margin-bottom:.4rem}.reco-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.reco-base{font-size:.74rem;color:var(--muted);padding:.16rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.reco-flavor{font-size:.72rem;font-weight:600;color:#1a1a1a;padding:.16rem .55rem;border-radius:999px;white-space:nowrap}.reco-go{position:absolute;top:.75rem;right:.85rem;font-size:.78rem;color:var(--muted);opacity:.85}.reco-item:hover .reco-go{color:var(--primary)}.lab-pro-badge{display:inline-block;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#0e0d0c;font-weight:700;font-size:.62rem;letter-spacing:.08em;padding:.12rem .42rem;border-radius:6px;vertical-align:middle}.lab-meta{display:grid;gap:.7rem;margin-bottom:1rem}.lab-name{width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font-display);font-size:1.15rem}.lab-method{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.lab-method-lbl{font-size:.8rem;color:var(--muted)}.lab-method-btns{display:flex;gap:.4rem;flex-wrap:wrap}.lab-method-btns button{padding:.5rem .8rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.82rem;cursor:pointer}.lab-method-btns button.active{background:var(--primary2);color:var(--primary);border-color:transparent}.lab-picker{margin-bottom:1.1rem}.lab-search{width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);color:var(--text);margin-bottom:.6rem}.lab-cats{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.3rem;margin-bottom:.6rem}.lab-cats .chip{white-space:nowrap;flex:0 0 auto}.lab-results{display:grid;gap:.4rem;max-height:12rem;min-height:6rem;overflow-y:auto;padding-right:.2rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem}.lab-ing{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.6rem .7rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer}.lab-ing:hover{background:var(--surface)}.lab-ing-dot{width:.55rem;height:.55rem;border-radius:50%;flex:0 0 auto}.lab-ing-txt{display:flex;flex-direction:column;flex:1;min-width:0}.lab-ing-name{font-size:.92rem}.lab-ing-sub{font-size:.72rem;color:var(--muted)}.lab-ing-add{font-size:1.2rem;color:var(--primary);font-weight:700;line-height:1}.lab-empty{padding:1rem;text-align:center;color:var(--muted);font-size:.85rem;background:var(--surface2);border:1px dashed var(--border);border-radius:var(--radius-md)}.lab-recipe-head,.lab-batch-head{display:flex;align-items:center;justify-content:space-between;margin:.2rem 0 .7rem;flex-wrap:wrap;gap:.5rem}.lab-recipe-head h3,.lab-batch-head h3{font-family:var(--font-display);font-size:1.3rem;font-weight:400}.lab-rows{display:grid;gap:.5rem;margin-bottom:1.2rem}.lab-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2)}.lab-row-dot{width:.5rem;height:.5rem;border-radius:50%;flex:0 0 auto}.lab-row-name{flex:1;min-width:0;font-size:.92rem}.lab-row-qty{display:flex;align-items:center;gap:.25rem}.lab-row-qty input{width:3.6rem;padding:.4rem .5rem;border-radius:.6rem;border:1px solid var(--border);background:var(--bg);color:var(--text);text-align:right;font-size:.9rem}.lab-row-qty em{font-size:.75rem;color:var(--muted);font-style:normal}.lab-row-del{width:1.7rem;height:1.7rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:.8rem}.lab-row-del:hover{color:#e0445a;border-color:#e0445a}.lab-stats{margin-bottom:1.2rem}.lab-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.9rem}.lab-stat-big{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem}.lab-stat-v{font-family:var(--font-display);font-size:1.7rem;line-height:1;color:var(--text)}.lab-stat-l{font-size:.72rem;color:var(--muted);margin-top:.3rem}.lab-balance{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem;margin-bottom:.9rem}.lab-balance-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--muted);margin-bottom:.55rem}.lab-balance-head strong{color:var(--text);font-size:.85rem}.lab-balance-track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#f5c542,#a78bfa)}.lab-balance-knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--bg);transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.lab-axes{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem}.lab-axes-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.6rem}.lab-axis-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.lab-axis-lbl{width:4.2rem;font-size:.8rem;color:var(--text)}.lab-axis-track{flex:1;height:7px;border-radius:999px;background:var(--bg);overflow:hidden}.lab-axis-fill{height:100%;border-radius:999px;transition:width .4s ease}.lab-axis-pct{width:2.4rem;text-align:right;font-size:.74rem;color:var(--muted)}.lab-stepper{display:flex;align-items:center;gap:.7rem}.lab-stepper button{width:2rem;height:2rem;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:1.1rem;cursor:pointer}.lab-stepper span{min-width:1.5rem;text-align:center;font-weight:600}.lab-batch{margin-bottom:1.2rem}.lab-batch-list{display:grid;gap:.35rem;margin-bottom:.6rem}.lab-batch-row{display:flex;justify-content:space-between;font-size:.88rem;padding:.4rem .2rem;border-bottom:1px solid var(--border)}.lab-batch-tot{font-size:.85rem;color:var(--primary);font-weight:600}.lab-actions{display:grid;gap:.55rem;margin-bottom:1.2rem}.lab-btn-primary{padding:.95rem;border-radius:var(--radius-md);background:var(--primary);border:none;color:#fff;font-weight:600;font-size:.92rem;cursor:pointer}.lab-btn-ghost{padding:.85rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:.88rem;cursor:pointer}.lab-saved-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:.4rem 0 .5rem}.lab-saved-row{display:flex;gap:.5rem;margin-bottom:.4rem}.lab-saved-load{flex:1;text-align:left;padding:.7rem .85rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:.9rem}.lab-saved-load em{color:var(--muted);font-style:normal;font-size:.78rem}.lab-saved-del{width:2.4rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer}.lab-paywall-card .lab-pw-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}.lab-paywall-card .lab-pw-list li{padding-left:1.4rem;position:relative;color:var(--text);font-size:.9rem}.lab-paywall-card .lab-pw-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.lab-pw-plans{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0}.lab-pw-plan{position:relative;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;text-align:center}.lab-pw-plan.featured{border-color:var(--primary)}.lab-pw-price{font-family:var(--font-display);font-size:1.5rem;color:var(--text)}.lab-pw-price span{font-size:.8rem;color:var(--muted)}.lab-pw-note{font-size:.78rem;color:var(--muted);margin-top:.2rem}.lab-pw-badge{position:absolute;top:-.6rem;right:-.4rem;background:var(--secondary);color:#0e0d0c;font-size:.66rem;font-weight:700;padding:.15rem .45rem;border-radius:6px}.lab-stage{position:relative;height:16rem;margin:.3rem 0 .1rem;display:flex;align-items:center;justify-content:space-between;gap:.35rem;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--primary) 17%,transparent),transparent 58%)}.lab-glass-center{display:flex;align-items:center;justify-content:center;height:100%}.lab-glass-svg{height:12.5rem;width:auto;overflow:visible;filter:drop-shadow(0 12px 20px rgba(0,0,0,.4))}.lab-head{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 .6rem;flex-wrap:wrap}.lab-name-sm{flex:1;min-width:9rem;width:auto;padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font-display);font-size:1.05rem}.lab-picker-main{position:relative}.lab-pod-col{display:flex;flex-direction:column;gap:.5rem;justify-content:center;flex:0 0 auto;z-index:2}.lab-pod{background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius-md);padding:.45rem .5rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:4.6rem;max-width:6.6rem;box-shadow:0 5px 16px #00000038}.lab-pod-v{font-family:var(--font-display);font-size:1.2rem;line-height:1;color:var(--text)}.lab-pod-l{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:.2rem;line-height:1.2}.lab-balance-ends{display:flex;justify-content:space-between;font-size:.6rem;color:var(--muted);margin-top:.25rem}.lab-taste-strip:empty{display:none}.lab-taste-strip{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .85rem;margin-bottom:1rem}.lab-glasses-row{margin-bottom:1rem}.lab-glass-body{fill:color-mix(in srgb,var(--text) 5%,transparent)}.lab-glass-outline{fill:none;stroke:color-mix(in srgb,var(--text) 55%,transparent);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.lab-glass-rim{fill:none;stroke:color-mix(in srgb,var(--text) 62%,transparent);stroke-width:1.5}.lab-glass-stem{fill:none;stroke:color-mix(in srgb,var(--text) 50%,transparent);stroke-width:2.4;stroke-linecap:round}.lab-liquid-surface{fill:#fff;opacity:.3}.lab-glass-shine{fill:#fff;opacity:.11}.lab-glass-spec1{fill:#fff;opacity:.16}.lab-glass-spec2{fill:#fff;opacity:.07}.lab-glass-rim-inner{fill:none;stroke:#fff3;stroke-width:1}.lab-glass-base{fill:none;stroke:#ffffff29;stroke-width:1.2}.lab-ice-shape{fill:#ffffff26;stroke:#fff6;stroke-width:1}.lab-ice-shine{fill:#fff;opacity:.45}.lab-ice{display:flex;align-items:center;gap:.4rem;justify-content:center;flex-wrap:wrap;margin:0 0 .9rem}.lab-ice:empty{display:none}.lab-ice-lbl{font-size:.72rem;color:var(--muted);margin-right:.15rem}.lab-ice-btn{padding:.4rem .85rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.78rem;cursor:pointer}.lab-ice-btn.active{background:var(--primary2);color:var(--primary);border-color:transparent}#labLiquid{opacity:0;transition:transform .55s cubic-bezier(.34,.04,.2,1)}.lab-glasses{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.4rem;margin:.45rem 0 0}.lab-glass-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.5rem .7rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;min-width:5.4rem;transition:border-color .15s,background .15s}.lab-glass-chip.active{border-color:var(--primary);background:var(--primary2)}.lab-glass-chip-n{font-size:.78rem;white-space:nowrap}.lab-glass-chip-c{font-size:.66rem;color:var(--muted)}.lab-glass-chip.active .lab-glass-chip-c{color:var(--primary)}.lab-glass-cap{text-align:center;font-size:.82rem;color:var(--muted);margin:.2rem 0 1rem;line-height:1.4}.lab-glass-cap strong{color:var(--text)}.lab-view-tabs{display:flex;gap:.4rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-full);padding:.25rem;margin:.2rem 0 1rem}.lab-vtab{flex:1;padding:.55rem;border-radius:var(--radius-full);background:none;border:none;color:var(--muted);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.lab-vtab.active{background:var(--primary);color:#fff}.lab-lib-head{display:flex;align-items:center;justify-content:space-between;margin:.2rem 0 .7rem}.lab-lib-head h3{font-family:var(--font-display);font-size:1.4rem;font-weight:400}.lab-menus{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.lab-menu-new{border-style:dashed!important;color:var(--primary)!important}.lab-lib-list{display:grid;gap:.6rem}.lab-lib-card{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.7rem .8rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2)}.lab-lib-dot{width:.7rem;height:.7rem;border-radius:50%;flex:0 0 auto}.lab-lib-main{flex:1;min-width:8rem}.lab-lib-name{font-size:1rem;color:var(--text);font-family:var(--font-display);line-height:1.15}.lab-lib-meta{font-size:.74rem;color:var(--muted);margin-top:.2rem}.lab-lib-acts{display:flex;align-items:center;gap:.3rem;margin-left:auto}.lab-lib-btn{padding:.4rem .75rem;border-radius:var(--radius-full);background:var(--primary2);color:var(--primary);border:none;font-size:.78rem;font-weight:600;cursor:pointer}.lab-lib-icon{width:1.8rem;height:1.8rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:.78rem;display:grid;place-items:center}.lab-lib-icon:hover{color:var(--text)}.lab-btn-publish{padding:.95rem;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--primary),var(--secondary));border:none;color:#0e0d0c;font-weight:700;font-size:.95rem;cursor:pointer}.lab-btn-publish:hover{filter:brightness(1.06)}.feed-lab-wrap{margin:.2rem 0 .4rem;padding:.85rem;border-radius:var(--radius-md);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 60%),var(--surface2);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:.6rem}.feed-lab-wrap .lab-glass-svg{height:9rem;width:auto;overflow:visible;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}.feed-lab-try{padding:.5rem 1.1rem;border-radius:var(--radius-full);background:var(--primary2);color:var(--primary);border:none;font-weight:600;font-size:.82rem;cursor:pointer}.feed-lab-try:hover{filter:brightness(1.08)}.thumb-lab{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 62%)}.thumb-lab .lab-glass-svg{height:82%;width:auto;overflow:visible}.profile-pin-row{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);margin-bottom:.5rem;cursor:pointer}.profile-pin-row:hover{background:var(--surface)}.profile-pin-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--primary);flex:0 0 auto}.profile-pin-info{flex:1;min-width:0}.profile-pin-cocktail{font-size:.95rem;color:var(--text);font-family:var(--font-display);line-height:1.15}.profile-pin-place{font-size:.74rem;color:var(--muted);margin-top:.15rem}.profile-pin-del{width:1.9rem;height:1.9rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;flex:0 0 auto;font-size:.8rem}.profile-pin-del:hover{color:#e0445a;border-color:#e0445a}.pin-color-label{font-size:.78rem;color:var(--muted);margin:.7rem 0 .4rem}.pin-color-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.pin-color-sw{width:1.9rem;height:1.9rem;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline:2px solid transparent;transition:transform .12s,outline-color .12s}.pin-color-sw:hover{transform:scale(1.08)}.pin-color-sw.active{outline-color:var(--text);border-color:var(--bg)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.1rem 0 2.2rem}.pager-btn{padding:.6rem 1.05rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.pager-btn:disabled{opacity:.4;cursor:default}.pager-btn:not(:disabled):hover{background:var(--surface)}.pager-info{font-size:.82rem;color:var(--muted)}.cat-empty{text-align:center;padding:2rem 1rem;color:var(--muted)}.pin-add-form-btns{display:flex;gap:.5rem}.pin-add-form-btns button{flex:1;padding:.65rem;border-radius:var(--radius-full);font-family:inherit;font-size:.85rem;cursor:pointer;border:1.5px solid var(--border);background:none;color:var(--muted);transition:all .18s}.pin-add-form-btns .btn-save{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.pin-add-form-btns .btn-save:hover{filter:brightness(1.1)}.pin-existing-note{background:color-mix(in srgb,var(--primary2) 35%,var(--surface2));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:var(--radius-md);padding:.75rem .9rem;margin-bottom:.6rem;font-size:.84rem;color:var(--text)}.pin-existing-note strong{display:block;font-size:.82rem;color:var(--primary);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.06em}.cam-overlay{position:fixed;inset:0;z-index:9998;background:#000;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .25s}.cam-overlay.show{opacity:1;pointer-events:all}.cam-video{flex:1;width:100%;object-fit:cover;display:block}.cam-controls{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem 3rem;display:flex;align-items:center;justify-content:center;gap:2rem;background:linear-gradient(transparent,#000000b3)}.cam-shutter{width:4rem;height:4rem;border-radius:50%;border:4px solid #fff;background:#fff3;cursor:pointer;display:grid;place-items:center;transition:transform .15s,background .15s}.cam-shutter:active{transform:scale(.9);background:#fff9}.cam-shutter-inner{width:2.8rem;height:2.8rem;border-radius:50%;background:#fff}.cam-close{position:absolute;top:1.2rem;left:1.2rem;width:2.4rem;height:2.4rem;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:grid;place-items:center;font-size:1.3rem}.cam-flip{width:2.6rem;height:2.6rem;border-radius:50%;background:#ffffff26;border:none;color:#fff;cursor:pointer;display:grid;place-items:center}.cam-flip svg,.cam-close svg{width:1.1rem;height:1.1rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cam-flash-overlay{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .12s}@keyframes pin-pop{0%{transform:rotate(-45deg) scale(0);opacity:0}70%{transform:rotate(-45deg) scale(1.2)}to{transform:rotate(-45deg) scale(1);opacity:1}}.feed-actions{display:flex;align-items:center;gap:.3rem;padding:.5rem .7rem .65rem;border-top:1px solid var(--divider)}.feed-act-btn{display:flex;align-items:center;gap:.42rem;padding:.5rem .85rem;border-radius:var(--radius-full);border:none;background:none;color:var(--muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:color .18s,background .18s;font-family:inherit;min-height:2.4rem}.feed-act-btn:hover{background:color-mix(in srgb,var(--primary2) 55%,var(--surface));color:var(--primary)}.feed-act-btn svg{flex-shrink:0;width:1.15rem;height:1.15rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,fill .3s,transform .2s}.feed-act-btn.liked{color:var(--like-color,#e0445a)}.feed-act-btn.liked svg{stroke:var(--like-color,#e0445a);fill:var(--like-color,#e0445a)}.feed-act-btn.reshared{color:var(--primary)}.feed-act-btn.reshared svg{stroke:var(--primary)}.feed-act-sep{flex:1}.reshare-overlay{position:fixed;inset:0;z-index:9997;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.reshare-overlay.show{opacity:1;pointer-events:all}.reshare-sheet{background:var(--bg);border-radius:1.4rem 1.4rem 0 0;width:100%;max-width:480px;padding:1.3rem 1.3rem 2.2rem;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.61,.36,1)}.reshare-overlay.show .reshare-sheet{transform:translateY(0)}.rs-handle{width:2.5rem;height:.28rem;border-radius:999px;background:var(--border);margin:0 auto .85rem}.rs-title{font-size:1.05rem;font-weight:600;margin-bottom:.9rem;color:var(--text)}.rs-preview{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface2);margin-bottom:.9rem}.rs-preview-ava{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--primary2);display:grid;place-items:center;font-size:.72rem;font-weight:600;color:var(--primary)}.rs-preview-body{flex:1;min-width:0}.rs-preview-user{font-size:.82rem;font-weight:600;color:var(--text)}.rs-preview-action{font-size:.78rem;color:var(--muted);margin-top:.1rem}.rs-comment{width:100%;padding:.7rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:inherit;font-size:.86rem;resize:none;outline:none;margin-bottom:.8rem;transition:border-color .18s}.rs-comment:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.rs-btn-row{display:flex;gap:.6rem}.rs-post{flex:1;padding:.8rem;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:filter .18s}.rs-post:hover{filter:brightness(1.1)}.rs-cancel{padding:.8rem 1.1rem;border-radius:var(--radius-full);background:none;border:1.5px solid var(--border);color:var(--muted);font-size:.9rem;cursor:pointer;transition:border-color .18s,color .18s}.rs-cancel:hover{border-color:var(--primary);color:var(--primary)}.feed-reshare-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--muted);padding:.25rem .65rem .25rem .5rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary2) 30%,var(--surface2));border:1px solid var(--border);margin:.3rem 1rem .1rem;width:fit-content}.feed-reshare-badge svg{width:.75rem;height:.75rem;stroke:var(--primary);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.profile-hero{text-align:center;padding:1.25rem 1rem .5rem}.profile-ava{width:4.5rem;height:4.5rem;border-radius:50%;background:var(--primary2);border:2px solid color-mix(in srgb,var(--primary) 42%,transparent);display:grid;place-items:center;font-family:var(--font-display);font-size:1.55rem;color:var(--primary);margin:0 auto .85rem}.profile-name{font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.02em}.profile-handle{font-size:.78rem;color:var(--primary);margin-top:.15rem}.profile-bio-txt{font-size:.86rem;color:var(--muted);margin-top:.5rem;line-height:1.55;max-width:28ch;margin-left:auto;margin-right:auto}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.9rem 0 .65rem}.pstat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .4rem;text-align:center;cursor:pointer;transition:border-color .18s,background .18s;user-select:none}.pstat:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));background:color-mix(in srgb,var(--primary2) 40%,var(--surface))}.pstat:active{transform:scale(.96)}.plog-rm{font-size:.7rem;color:var(--muted);background:none;border:1px solid var(--border);border-radius:var(--radius-full);padding:.18rem .55rem;cursor:pointer;flex-shrink:0;transition:all .15s}.plog-rm:hover{color:var(--primary);border-color:var(--primary)}.pstat-v{font-family:var(--font-display);font-size:1.35rem;color:var(--primary)}.pstat-l{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-top:.12rem}.ptabs{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.35rem;margin-bottom:.85rem;-webkit-overflow-scrolling:touch}.ptabs::-webkit-scrollbar{display:none}.ptab{padding:.42rem .9rem;border-radius:var(--radius-full);font-size:.8rem;border:1px solid var(--border);background:var(--surface2);color:var(--muted);white-space:nowrap;cursor:pointer;transition:all .18s}.ptab.active{background:var(--primary2);color:var(--primary);border-color:transparent}.ptab-panel{display:none}.ptab-panel.active{display:block}.pedit-row{margin-bottom:.8rem}.pedit-row label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.3rem}.pedit-row input,.pedit-row textarea{width:100%;padding:.72rem .95rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .18s}.pedit-row input:focus,.pedit-row textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.pedit-row textarea{resize:vertical;min-height:68px}.psave-btn{width:100%;padding:.82rem;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-weight:600;font-size:.88rem;border:none;cursor:pointer;margin-top:.2rem;transition:filter .18s}.psave-btn:hover{filter:brightness(1.1)}.plog-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);font-size:.86rem}.plog-item:last-child{border-bottom:none}.plog-name{font-weight:500}.plog-date{font-size:.72rem;color:var(--muted)}.p-empty{text-align:center;padding:1.5rem 1rem;color:var(--muted);font-size:.85rem}.logout-btn{width:100%;padding:.82rem;border-radius:var(--radius-full);background:transparent;color:var(--muted);font-size:.88rem;border:1px solid var(--border);cursor:pointer;margin-top:1.25rem;transition:all .18s}.logout-btn:hover{border-color:#f87171;color:#f87171}.privacy-note{font-size:.82rem;line-height:1.55;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;margin-bottom:.8rem}.privacy-note strong{display:block;color:var(--text);margin-bottom:.25rem}.privacy-table{display:grid;gap:.55rem;margin:.75rem 0}.privacy-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .7rem;border-radius:var(--radius-md);background:var(--surface2);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-size:.78rem;color:var(--muted)}.privacy-row span:first-child{color:var(--text);font-weight:600}#cmBackdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(3px);z-index:9994;display:none}#cmBackdrop.show{display:block}#cmSheet{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--border);border-radius:1.55rem 1.55rem 0 0;padding:1.1rem 1.2rem 1.3rem;z-index:9995;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 -24px 60px #00000073}#cmSheet.show{transform:translateY(0)}.cm-handle{width:40px;height:4px;background:var(--border);border-radius:var(--radius-full);margin:0 auto .85rem;flex-shrink:0;cursor:pointer}.cm-title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.8rem;flex-shrink:0}.cm-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.cm-item{display:flex;gap:.6rem;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.cm-item:last-child{border-bottom:none}.cm-ava{flex-shrink:0;width:1.85rem;height:1.85rem;border-radius:50%;background:var(--primary2);display:grid;place-items:center;font-size:.7rem;font-weight:600;color:var(--primary)}.cm-body{flex:1;min-width:0}.cm-user{font-size:.76rem;font-weight:600;color:var(--primary)}.cm-text{font-size:.85rem;color:var(--text);margin-top:.12rem;line-height:1.5}.cm-ts{font-size:.67rem;color:var(--muted);margin-top:.18rem}.cm-input-row{display:flex;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border);flex-shrink:0}.cm-input{flex:1;padding:.68rem .95rem;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.86rem;outline:none;transition:border-color .18s}.cm-input:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.cm-send{padding:.68rem 1rem;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:filter .18s;white-space:nowrap}.cm-send:hover{filter:brightness(1.1)}.cm-empty{text-align:center;padding:1.5rem;color:var(--muted);font-size:.83rem}.cm-btn{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .65rem;border-radius:var(--radius-full);font-size:.75rem;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;transition:all .18s}.cm-btn:hover{border-color:var(--primary);color:var(--primary)}.nav-btn-inner{display:flex;flex-direction:column;align-items:center;gap:.16rem;font-size:.66rem;line-height:1}.nav-btn-inner svg{width:1.05rem;height:1.05rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cocktail-card{position:relative}.chips-family{margin-top:.4rem;gap:.4rem;flex-wrap:wrap}.chip.family{font-size:.78rem;padding:.32rem .7rem;background:color-mix(in srgb,var(--surface2) 60%,transparent);border:1px solid var(--border);color:var(--muted);font-weight:500;letter-spacing:.01em}.chip.family.active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent)}.chips-sub{margin-top:.35rem;gap:.35rem;flex-wrap:wrap;padding:.45rem .65rem;border-left:2px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--surface2) 35%,transparent);border-radius:.55rem}.chip.sub{font-size:.72rem;padding:.26rem .6rem;background:transparent;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);color:var(--muted);font-weight:500}.chip.sub.active{background:color-mix(in srgb,var(--primary) 22%,transparent);border-color:color-mix(in srgb,var(--primary) 60%,var(--border));color:var(--primary)}.fav-heart{position:absolute;top:.7rem;right:.7rem;width:2.2rem;height:2.2rem;border-radius:50%;background:color-mix(in srgb,var(--surface2) 80%,transparent);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;font-size:1.05rem;line-height:1;transition:transform .15s ease,background .18s ease,border-color .18s ease;z-index:3;color:var(--muted)}.fav-heart:hover{transform:scale(1.08);border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.fav-heart:active{transform:scale(.92)}.fav-heart.is-fav{background:color-mix(in srgb,var(--primary) 18%,var(--surface2));border-color:color-mix(in srgb,var(--primary) 60%,var(--border));color:#e85c7a}.fav-heart svg{width:1.05rem;height:1.05rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .18s ease}.fav-heart.is-fav svg{fill:#e85c7a;stroke:#e85c7a}.cocktail-card h3{padding-right:2.6rem}.spirit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem 1.15rem 1.05rem;cursor:pointer;transition:border-color .18s ease,background .18s ease}.spirit-card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary2) 25%,var(--surface))}.spirit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.spirit-name{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.01em;line-height:1.15}.spirit-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;padding:.22rem .55rem;border-radius:var(--radius-full);background:var(--primary2);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);white-space:nowrap}.spirit-meta{font-size:.78rem;color:var(--primary);margin-top:.4rem;text-transform:uppercase;letter-spacing:.1em}.spirit-desc{color:var(--muted);font-size:.92rem;margin-top:.5rem;line-height:1.55}.spirit-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.7rem}.spirit-tag{font-size:.72rem;padding:.22rem .55rem;border-radius:var(--radius-full);background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.spirit-detail{margin-top:.85rem;padding-top:.85rem;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);display:none;font-size:.88rem;line-height:1.6;color:var(--text)}.spirit-card.open .spirit-detail{display:block}.spirit-detail strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:.7rem 0 .25rem;font-family:var(--font-body);font-weight:600}.spirit-detail strong:first-child{margin-top:0}.pfav-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;margin-bottom:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .18s ease,background .18s ease}.pfav-item:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary2) 25%,var(--surface))}.pfav-body{flex:1;min-width:0}.pfav-name{font-weight:600;font-size:.95rem}.pfav-base{font-size:.78rem;color:var(--primary);margin-top:.15rem;text-transform:uppercase;letter-spacing:.08em}.pfav-remove{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:transparent;border:1px solid var(--border);color:#e85c7a;cursor:pointer;display:grid;place-items:center;font-size:.9rem}.pfav-remove:hover{background:color-mix(in srgb,#e85c7a 12%,transparent);border-color:#e85c7a}@media (min-width: 768px){.app{overflow:visible;html{height:auto;min-height:100%;overflow-y:auto}}body{overflow-y:auto;height:auto;min-height:100dvh}.screen{overflow:visible}body{display:flex;justify-content:center;background:radial-gradient(circle at top,color-mix(in srgb,var(--primary) 14%,transparent),transparent 38%),var(--bg)}.app{max-width:860px;width:100%;position:relative}.bottom-nav{width:min(860px,100%);padding:.6rem 3rem calc(.9rem + env(safe-area-inset-bottom));gap:0;justify-content:space-around}.nav-btn{flex:1;max-width:140px;padding:.4rem .5rem;border-radius:12px}.nav-btn-inner{gap:5px;font-size:.72rem}.nav-btn-inner svg{width:22px;height:22px}.screen{padding:1.5rem 2.5rem 5rem}.topbar{padding:.9rem 0}.post-card{border-radius:18px;border:1px solid color-mix(in srgb,var(--text) 7%,transparent)}.spirits-grid,.catalog-grid,.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.chips{gap:.5rem}.auth-box{max-width:440px;border-radius:24px;box-shadow:0 24px 64px color-mix(in srgb,var(--text) 18%,transparent)}.sheet-panel,#cocktail-sheet,#spirit-sheet{max-width:860px;left:50%;transform:translate(-50%) translateY(100%)}.sheet-panel.open,#cocktail-sheet.open,#spirit-sheet.open{transform:translate(-50%) translateY(0)}}@media (min-width: 1024px){.app{max-width:1040px}.bottom-nav{width:min(1040px,100%);padding:.6rem 5rem calc(.9rem + env(safe-area-inset-bottom))}.screen{padding:1.75rem 3.5rem 5rem}.spirits-grid,.catalog-grid,.cards-grid{grid-template-columns:repeat(3,1fr)}.sheet-panel,#cocktail-sheet,#spirit-sheet{max-width:1040px}}@media (min-width: 1280px){.app{max-width:1100px}.bottom-nav{width:min(1100px,100%);padding:.6rem 6rem calc(.9rem + env(safe-area-inset-bottom))}.screen{padding:2rem 4rem 5rem}.sheet-panel,#cocktail-sheet,#spirit-sheet{max-width:1100px}}.profile-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:.5rem}.profile-post-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--surface2);border-radius:4px;cursor:pointer}.thumb-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:.68rem;line-height:1.35;color:var(--text);text-align:center;overflow:hidden;background:color-mix(in srgb,var(--primary2) 30%,var(--surface2))}.profile-post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.profile-post-thumb:hover img{transform:scale(1.05)}.profile-post-thumb .thumb-overlay{position:absolute;inset:0;background:#0000;transition:background .2s;display:flex;align-items:center;justify-content:center;opacity:0}.profile-post-thumb:hover .thumb-overlay{background:#00000059;opacity:1}.profile-post-thumb .thumb-del{background:#dc3232e6;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.profile-post-thumb .thumb-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--muted)}.profile-post-thumb .thumb-del-mobile{position:absolute;top:4px;right:4px;background:#dc3232d9;color:#fff;border:none;border-radius:50%;width:1.6rem;height:1.6rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.feed-user-link{cursor:pointer}.feed-user-link:hover{text-decoration:underline}.pv-overlay{position:fixed;inset:0;z-index:9993;background:#0009;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.pv-overlay.show{opacity:1;pointer-events:all}.pv-sheet{width:min(480px,100%);max-height:88vh;background:var(--bg);border-radius:22px 22px 0 0;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;overflow:hidden}.pv-overlay.show .pv-sheet{transform:translateY(0)}.pv-head{position:relative;padding:.6rem 1rem .3rem;flex-shrink:0}.pv-menu-btn{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;border:none;border-radius:50%;background:color-mix(in srgb,var(--surface2) 85%,transparent);color:var(--text);font-size:1.15rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}.pv-menu-btn:hover{background:var(--border)}.pv-menu{position:absolute;top:2.8rem;right:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000059;display:none;z-index:4;min-width:11rem;overflow:hidden}.pv-menu.show{display:block}.pv-menu-item{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;font-size:.9rem;color:var(--text);cursor:pointer}.pv-menu-item:hover{background:var(--surface2)}.pv-menu-del{color:#e05555}.pv-content{overflow-y:auto;padding:.3rem .9rem 1.2rem}.pv-content .feed-item{cursor:default}.up-overlay{position:fixed;inset:0;z-index:9996;background:#0009;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.up-overlay.show{opacity:1;pointer-events:all}.up-sheet{width:min(480px,100%);max-height:88vh;background:var(--bg);border-radius:22px 22px 0 0;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;overflow:hidden}.up-overlay.show .up-sheet{transform:translateY(0)}.up-handle{width:38px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 20%,transparent);margin:.6rem auto .2rem;flex-shrink:0}.up-head{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.1rem .4rem;flex-shrink:0}.up-ava{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.up-headinfo{flex:1;min-width:0}.up-name{font-weight:600;font-size:1.05rem;color:var(--text)}.up-handle-txt{font-size:.82rem;color:var(--muted)}.up-close{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:.3rem;line-height:1;flex-shrink:0}.up-bio{padding:0 1.1rem .5rem;font-size:.86rem;color:var(--text);line-height:1.4;flex-shrink:0}.up-actions{padding:0 1.1rem .6rem;flex-shrink:0}.up-follow{padding:.5rem 1.2rem;border-radius:var(--radius-full,999px);border:1px solid var(--primary);background:none;color:var(--primary);font-family:inherit;font-size:.82rem;cursor:pointer;transition:all .18s}.up-follow.on{background:var(--primary);color:#fff}.up-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;overflow-y:auto;padding:0 .35rem 1.4rem}.up-empty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:.85rem;padding:2rem 1rem}.up-verified-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--primary);margin-left:.35rem}.feed-act-report{margin-left:auto;opacity:.55}.feed-act-report:hover{opacity:1;color:#e5484d}.cm-report{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.72rem;margin-left:.4rem;padding:0;opacity:.55}.cm-report:hover{opacity:1;color:#e5484d}.cm-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.72rem;margin-left:.4rem;padding:0;opacity:.55}.cm-del:hover{opacity:1;color:#e5484d}.rp-overlay{position:fixed;inset:0;z-index:9998;background:#0009;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.rp-overlay.show{opacity:1;pointer-events:all}.rp-sheet{width:min(440px,100%);background:var(--bg);border-radius:22px 22px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1);padding:0 1.1rem 1.4rem;display:flex;flex-direction:column}.rp-overlay.show .rp-sheet{transform:translateY(0)}.rp-handle{width:38px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 20%,transparent);margin:.6rem auto .8rem}.rp-title{font-weight:600;font-size:1.05rem;color:var(--text);text-align:center}.rp-sub{font-size:.82rem;color:var(--muted);text-align:center;margin:.25rem 0 1rem}.rp-reasons{display:flex;flex-direction:column;gap:.5rem}.rp-reason{width:100%;text-align:left;padding:.8rem .95rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .18s}.rp-reason:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.rp-cancel{margin-top:.9rem;width:100%;padding:.7rem;border-radius:var(--radius-full,999px);border:none;background:none;color:var(--muted);font-family:inherit;font-size:.85rem;cursor:pointer}.pverify-block{margin-top:1.4rem;padding:1rem;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--primary) 5%,transparent)}.pverify-title{font-weight:600;font-size:.92rem;color:var(--text);display:flex;align-items:center;gap:.35rem}.pverify-sub{font-size:.8rem;color:var(--muted);margin:.35rem 0 .8rem;line-height:1.4}.pverify-btn{width:100%;padding:.7rem;border-radius:var(--radius-full,999px);border:1px solid var(--primary);background:none;color:var(--primary);font-family:inherit;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .18s}.pverify-btn:hover:not(:disabled){background:var(--primary);color:#fff}.pverify-btn:disabled{opacity:.6;cursor:default;border-style:dashed}.pverify-block.is-verified{border-color:var(--primary)}.verified-check{color:var(--primary);font-weight:700}.screen.active{display:block}.pin-sheet label{font-size:.78rem;color:var(--muted)}.menu{position:fixed;top:5.2rem;left:50%;right:auto;transform:translate(-50%);width:min(92vw,26rem);max-height:calc(100dvh - 11.7rem);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:40}#dnaOverlay{align-items:center;justify-content:center;padding:1.2rem}#dnaOverlay .picker-sheet{border-radius:1.4rem;max-height:92vh;width:min(440px,100%)}.btn-locate{position:absolute;top:1rem;right:1rem;z-index:20;width:2.4rem;height:2.4rem;border-radius:50%;background:#000000a6;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .18s ease}.btn-locate:hover{background:#000c}.btn-locate:active{transform:scale(.94)}.user-loc-dot{width:16px;height:16px;border-radius:50%;background:#4f98ff;border:2.5px solid #fff;box-shadow:0 0 #4f98ff73;animation:userLocPulse 2.2s ease-out infinite}@keyframes userLocPulse{0%{box-shadow:0 0 #4f98ff73}70%{box-shadow:0 0 0 16px #4f98ff00}to{box-shadow:0 0 #4f98ff00}}.btn-pin-here{position:absolute;bottom:3.6rem;right:1rem;z-index:22;padding:.5rem .85rem;border-radius:var(--radius-full);background:var(--primary);border:none;color:#0a1214;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #00000073}.btn-pin-here:hover{filter:brightness(1.08)}.search-preview-pin{width:26px;height:26px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--secondary);border:2.5px solid rgba(255,255,255,.9);box-shadow:0 6px 16px #0000008c;animation:searchPinPop .4s cubic-bezier(.16,1,.3,1) forwards}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.3rem;border-radius:var(--radius-full);background:var(--primary);border:1px solid var(--primary);color:#0a1214;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:filter .18s ease;text-decoration:none}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.chat-row{display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .18s,background .18s}.chat-row:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary2) 25%,var(--surface))}.chat-row-name{font-size:.92rem;font-weight:600;color:var(--text)}.chat-row-preview{font-size:.8rem;color:var(--muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-time{font-size:.68rem;color:var(--muted);flex-shrink:0}.chat-unread{display:inline-grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.66rem;font-weight:700;line-height:1}.icon-badge{position:absolute;top:-.35rem;right:-.35rem;border:2px solid var(--bg)}.chat-screen{height:100dvh;min-height:100dvh;overflow:hidden;padding-bottom:0!important}.screen.chat-screen.active{display:flex;flex-direction:column}.chat-thread{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.45rem;padding:.3rem .1rem 1rem;min-height:0}.chat-bubble-row{display:flex;justify-content:flex-start}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble{max-width:78%;background:var(--surface2);border:1px solid var(--border);border-radius:1.1rem 1.1rem 1.1rem .35rem;padding:.55rem .8rem}.chat-bubble.mine{background:var(--primary2);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:1.1rem 1.1rem .35rem}.chat-bubble-text{font-size:.9rem;line-height:1.45;color:var(--text);word-break:break-word}.chat-bubble-ts{font-size:.62rem;color:var(--muted);margin-top:.25rem;text-align:right}.chat-input-row{position:static;flex-shrink:0;margin-top:.5rem;background:var(--bg);padding-bottom:calc(4.9rem + env(safe-area-inset-bottom))}.chat-attach{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;padding:.6rem .7rem;margin-bottom:.4rem;cursor:pointer;min-width:11rem;transition:border-color .18s}.chat-attach:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border))}.chat-attach-kicker{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.25rem}.chat-attach-title{font-family:var(--font-display);font-size:1.05rem;line-height:1.15;color:var(--text)}.chat-attach-sub{font-size:.76rem;color:var(--muted);margin-top:.2rem;line-height:1.4}.chat-attach-cta{font-size:.74rem;color:var(--primary);font-weight:600;margin-top:.4rem}.chat-attach-img{width:100%;max-height:10rem;object-fit:cover;border-radius:.55rem;margin:.3rem 0;display:block}