:root{--bg: oklch(.165 .018 45);--bg-deep: oklch(.135 .016 45);--panel: oklch(.205 .022 48);--panel-soft: oklch(.235 .025 50);--line: oklch(.31 .03 55);--line-soft: oklch(.26 .026 52);--text: oklch(.93 .022 85);--muted: oklch(.73 .035 75);--brass: oklch(.76 .115 85);--brass-soft: oklch(.76 .115 85 / .14);--brass-ink: oklch(.24 .045 70);--tinto: oklch(.42 .13 18);--tinto-hi: oklch(.56 .16 20);--branco: oklch(.8 .09 95);--branco-hi: oklch(.89 .08 98);--rose: oklch(.7 .1 15);--rose-hi: oklch(.8 .09 18);--espumante: oklch(.6 .06 140);--espumante-hi: oklch(.72 .07 142);--st-jovem: oklch(.76 .07 250);--st-pronto: oklch(.77 .09 148);--st-auge: oklch(.78 .13 88);--st-declinio: oklch(.71 .12 38);--shadow-sheet: 0 -18px 60px oklch(0 0 0 / .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--z-sticky: 10;--z-sheet: 20;--z-tabbar: 30}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(120% 90% at 50% -10%,oklch(.21 .03 50 / .9),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.display{font-family:Fraunces,Georgia,serif;font-variation-settings:"opsz" 40;letter-spacing:-.01em}.shell{max-width:480px;margin:0 auto;padding:22px 18px calc(96px + env(safe-area-inset-bottom))}header .brand-row{display:flex;align-items:baseline;gap:10px}h1.display{font-size:30px;font-weight:600;margin:0}h2.display{font-size:20px;font-weight:600;margin:0;text-wrap:balance}.cellar-name{color:var(--muted);font-size:13px}.stats{display:flex;gap:0;margin-top:16px;background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden}.stats>span{flex:1;padding:12px 8px;text-align:center;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.stats>span+span{border-left:1px solid var(--line-soft)}.stats b{color:var(--text);font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:600}.stats b.auge{color:var(--st-auge)}input,select,button,textarea{font-family:inherit;font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px 15px;width:100%;min-height:48px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:-1px}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}label{display:block;font-size:13px;font-weight:500;color:var(--muted);margin:15px 0 6px}button{cursor:pointer;transition:transform .15s var(--ease-out),background-color .15s,border-color .15s,opacity .15s}button:active{transform:scale(.98)}button.primary{background:linear-gradient(180deg,oklch(.8 .115 87),var(--brass));color:var(--brass-ink);border:none;font-weight:600;margin-top:18px;box-shadow:0 1px #ffffff40 inset,0 6px 18px #d3ab542e}button.ghost{background:transparent;border:1px solid oklch(.76 .115 85 / .55);color:var(--brass);font-weight:600}button.ghost:hover{background:var(--brass-soft)}button:disabled{opacity:.5;cursor:wait;transform:none}.icon-label{display:inline-flex;align-items:center;gap:8px;justify-content:center}.icon-label svg{flex:none}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-tabbar);background:#0e0604db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line-soft);display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.tabbar button{background:none;border:none;width:auto;min-width:60px;min-height:48px;padding:4px 8px;color:var(--muted);font-size:11px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:12px}.tabbar button svg{transition:transform .18s var(--ease-out)}.tabbar button.active{color:var(--brass)}.tabbar button.active svg{transform:translateY(-1px)}.tabbar button:active{transform:none}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;padding:16px;margin-top:14px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#291c1580}.chip:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;flex:none}.chip.neutral:before{display:none}.chip.jovem{color:var(--st-jovem);border-color:#90b5dc66}.chip.pronto{color:var(--st-pronto);border-color:#8dc49466}.chip.no_auge{color:var(--st-auge);border-color:#dab24980}.chip.em_declinio{color:var(--st-declinio);border-color:#e1866973}.chip.desconhecido:before{display:none}.bottle-card{display:flex;gap:14px}.vintage-badge{flex:none;width:52px;align-self:flex-start;text-align:center;font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:600;color:var(--text);background:var(--panel-soft);border:1px solid var(--line-soft);border-radius:12px;padding:10px 4px}.bottle-card .body{flex:1;min-width:0}.bottle-card .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.location-line{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px}.location-line svg{flex:none;opacity:.8}.rack{background:linear-gradient(180deg,#241711,#1a100b);border:1px solid var(--line-soft);border-radius:16px;padding:14px 12px 0;margin-top:10px;overflow-x:auto}.rack-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:24px 2px 8px}.rack-row{display:flex;gap:5px;justify-content:center;padding:3px 0}.slot{width:27px;height:27px;min-width:27px;min-height:27px;border-radius:999px;border:1px dashed oklch(.31 .03 55 / .8);cursor:pointer;padding:0;background:transparent;transition:transform .15s var(--ease-out),box-shadow .15s,opacity .2s}.slot.filled{border:none;box-shadow:inset 0 0 0 2px #00000047,inset 0 -3px 5px #0006,0 1px 2px #00000059}.slot.filled:active{transform:scale(1.18)}.slot.selected{box-shadow:0 0 0 2.5px var(--brass),0 0 16px #d3ab5473,inset 0 0 0 2px #00000047}.slot.match{box-shadow:0 0 0 1.5px var(--brass),inset 0 0 0 2px #00000047}.wood{height:7px;margin:10px -12px 0;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#583b23,#412714)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);max-width:480px;margin:0 auto;background:var(--panel-soft);border:1px solid var(--line-soft);border-bottom:none;border-radius:22px 22px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-sheet);animation:sheet-up .24s var(--ease-out)}.sheet:before{content:"";display:block;width:38px;height:4px;border-radius:999px;background:var(--line);margin:2px auto 14px}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}.sheet .close{width:44px;height:44px;min-height:44px;padding:0;background:none;border:none;color:var(--muted);font-size:24px;line-height:1}.muted{color:var(--muted);font-size:13px}.error{color:var(--st-declinio);font-size:13.5px;margin-top:12px;padding:10px 12px;background:#e186691a;border:1px solid oklch(.71 .12 38 / .3);border-radius:10px}.row{display:flex;gap:10px}.row>*{flex:1}.auth-hero{text-align:center;padding-top:46px}.auth-hero h1.display{font-size:40px}.auth-hero .tagline{color:var(--muted);margin:8px 0 24px}.brass-link{color:var(--brass);font-weight:500;text-decoration:none}.brass-link:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}