:root{--bg:#0a0a0a;--surface:#141414;--card:#1a1a1a;--border:#2a2a2a;--crimson:#8b1a1a;--crimson-bright:#c0392b;--crimson-glow:#e04444;--gold:#c9a84c;--gold-dim:#8a7035;--text:#f0ece4;--text-muted:#8a8278;--text-dim:#5a5652;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Montserrat,sans-serif;overflow-x:hidden}.logo{letter-spacing:.15em;text-transform:uppercase;color:var(--white);font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:600;text-decoration:none}.logo span{color:var(--crimson-bright)}.nav-btn{border:1.5px solid var(--text);color:var(--text);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.5rem;padding:.5rem 1.4rem;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-btn:hover{background:var(--text);color:var(--bg)}.landing-page{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-bg{z-index:0;background:radial-gradient(80% 60% at 70% 40%,#8b1a1a59 0%,#0000 70%),radial-gradient(50% 80% at 20% 80%,#500a0a66 0%,#0000 60%),linear-gradient(160deg,#0a0a0a 0%,#120808 50%,#0f0505 100%);position:absolute;inset:0}.landing-grain{z-index:1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.landing-nav{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #8b1a1a33;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:relative}.hero{z-index:5;flex-direction:column;flex:1;justify-content:center;max-width:700px;padding:4rem 3rem;display:flex;position:relative}.hero-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--crimson-bright);opacity:0;margin-bottom:1.5rem;font-size:.65rem;font-weight:600;animation:.8s .2s forwards fadeUp}.hero h1{color:var(--white);opacity:0;font-family:Cormorant Garamond,serif;font-size:clamp(3.5rem,8vw,6rem);font-weight:300;line-height:1.05;animation:.8s .4s forwards fadeUp}.hero h1 em{color:var(--crimson-bright);font-style:italic}.hero-line{background:linear-gradient(90deg, var(--crimson-bright), transparent);opacity:0;width:60px;height:1px;margin:2rem 0;animation:.8s .6s forwards fadeUp}.hero p{color:var(--text-muted);opacity:0;max-width:420px;font-size:.95rem;font-weight:300;line-height:1.8;animation:.8s .7s forwards fadeUp}.hero-cta{opacity:0;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;animation:.8s .9s forwards fadeUp;display:flex}.hero-bottle{z-index:0;opacity:0;max-width:210px;height:auto;animation:1s 1s forwards fadeIn;position:absolute;bottom:-50px;right:5%;transform:translate(-50%,-20%)}.btn-primary{background:var(--crimson-bright);color:#fff;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.btn-primary:hover{background:var(--crimson-glow);transform:translateY(-1px);box-shadow:0 8px 24px #c0392b59}.features{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ab3;border-top:1px solid #ffffff0f;display:flex;position:relative}.feature{text-align:center;opacity:0;border-right:1px solid #ffffff0f;flex:1;padding:2rem;animation:.8s forwards fadeUp}.feature:first-child{animation-delay:1s}.feature:nth-child(2){animation-delay:1.1s}.feature:nth-child(3){animation-delay:1.2s}.feature:last-child{border-right:none}.feature-icon{background:#8b1a1a33;border:1px solid #8b1a1a66;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.2rem;display:flex}.feature h3{letter-spacing:.2em;text-transform:uppercase;color:var(--white);margin-bottom:.6rem;font-size:.65rem;font-weight:700}.feature p{color:var(--text-muted);font-size:.78rem;font-weight:300;line-height:1.6}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-bg{background:radial-gradient(60% 70% at 75%,#8b1a1a4d 0%,#0000 60%),linear-gradient(135deg,#080808 0%,#0f0505 100%);position:absolute;inset:0}.auth-card{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414d9;border:1px solid #8b1a1a40;border-radius:4px;width:420px;max-width:95vw;padding:3rem;position:relative;box-shadow:0 40px 80px #0009}.auth-logo{text-align:center;letter-spacing:.15em;text-transform:uppercase;color:var(--white);margin-bottom:.4rem;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;text-decoration:none;display:block}.auth-logo span{color:var(--crimson-bright)}.auth-subtitle{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2.5rem;font-size:.7rem;font-weight:400}.auth-title{text-align:center;color:var(--white);margin-bottom:2rem;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:400}.field{margin-bottom:1.2rem}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.65rem;font-weight:600;display:block}.field-wrap{align-items:center;display:flex;position:relative}.field-icon{color:var(--text-dim);pointer-events:none;font-size:.85rem;position:absolute;left:.8rem}.field input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:2px;outline:none;padding:.8rem .9rem .8rem 2.4rem;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:300;transition:border-color .2s}.field input::placeholder{color:var(--text-dim)}.field input:focus{border-color:var(--crimson-bright)}.auth-actions{flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex}.btn-full{letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.btn-full.primary{background:var(--crimson-bright);color:#fff}.btn-full.primary:hover{background:var(--crimson-glow)}.btn-full.ghost{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn-full.ghost:hover{border-color:var(--text-muted);color:var(--text)}.app-nav{border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0af2;justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex;position:sticky;top:0}.stat-bar{border-bottom:1px solid var(--border);background:#8b1a1a0f;justify-content:space-around;align-items:center;gap:2rem;padding:1rem 2rem;display:flex}.stat{text-align:center}.stat-num{color:var(--crimson-bright);font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:600;line-height:1}.stat-lbl{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-top:.2rem;font-size:.6rem;font-weight:600}.stat-div{background:var(--border);width:1px;height:30px}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.25rem 2rem;display:flex}.btn-add{background:var(--crimson-bright);color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:700;transition:all .2s;display:flex}.btn-add:hover{background:var(--crimson-glow)}.btn-fav-filter{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;transition:all .2s;display:flex}.btn-fav-filter:hover,.btn-fav-filter.active{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.search-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;font-size:.85rem;position:absolute;left:.75rem}.search-input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:2px;outline:none;padding:.6rem .9rem .6rem 2.2rem;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:300;transition:border-color .2s}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:#8b1a1a80}.wine-grid{background:var(--border);border:1px solid var(--border);border-radius:3px;grid-template-columns:repeat(3,1fr);gap:1px;margin:1.5rem;padding:1px;display:grid;overflow:hidden}.wine-card{background:var(--card);opacity:0;flex-direction:column;gap:1rem;padding:1.5rem;transition:background .2s;animation:.4s forwards cardIn;display:flex;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wine-card:hover{background:#1e1e1e}.card-body{gap:1rem;display:flex}.card-info{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.wine-name{color:var(--white);flex:1;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;line-height:1.2}.wine-flag{font-size:1rem}.card-actions{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.icon-btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.icon-btn:hover{color:var(--text);background:#ffffff0f}.icon-btn.fav{color:var(--text-dim);font-size:1rem}.icon-btn.fav.active{color:var(--gold)}.icon-btn.del:hover{color:#e74c3c;background:#e74c3c1a}.stars{gap:.15rem;margin-bottom:.5rem;display:flex}.star{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;font-size:1rem;transition:color .15s,transform .15s}.star.filled{color:var(--gold)}.star:hover{transform:scale(1.2)}.wine-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--crimson-bright);margin-bottom:.6rem;font-size:.72rem;font-weight:500}.wine-notes{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.card-img{border:1px solid var(--border);background:#ffffff0a;border-radius:2px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:150px;height:200px;display:flex;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%}.card-img-placeholder{opacity:.3;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;display:flex}.empty-state{text-align:center;color:var(--text-dim);grid-column:1/-1;padding:4rem}.empty-state .empty-icon{opacity:.4;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-muted);margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.5rem}.empty-state p{font-size:.8rem;font-weight:300}.type-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:.1rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.type-red{color:#e88;background:#8b1a1a40;border:1px solid #8b1a1a66}.type-white{color:#d4b96a;background:#c9a84c26;border:1px solid #c9a84c4d}.type-rosé{color:#e4a0a0;background:#c8646426;border:1px solid #c864644d}.type-sparkling{color:#90b8d8;background:#6496c826;border:1px solid #6496c84d}.type-other{color:#aaa;background:#9696961a;border:1px solid #333}.overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal{background:var(--surface);border:1px solid #8b1a1a4d;border-radius:4px;width:500px;max-width:95vw;max-height:90vh;padding:2.5rem;animation:.25s fadeUp;position:relative;overflow-y:auto;box-shadow:0 40px 80px #000000b3}.modal-title{color:var(--white);text-align:center;margin-bottom:1.8rem;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:400}.modal-field{margin-bottom:1.1rem}.modal-field label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem;font-size:.62rem;font-weight:700;display:block}.modal-field label .req{color:var(--crimson-bright)}.modal-field input,.modal-field textarea,.modal-field select{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#ffffff0d;border-radius:2px;outline:none;padding:.7rem .9rem;font-family:Montserrat,sans-serif;font-size:.83rem;font-weight:300;transition:border-color .2s}.modal-field input::placeholder,.modal-field textarea::placeholder{color:var(--text-dim)}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{border-color:var(--crimson-bright)}.modal-field textarea{min-height:90px}.modal-field select{resize:none}.modal-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-stars-upload{align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.modal-stars{gap:.25rem;display:flex}.modal-star{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;font-size:1.5rem;transition:color .15s,transform .1s}.modal-star.filled{color:var(--gold)}.modal-star:hover{transform:scale(1.15)}.rating-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem;font-size:.62rem;font-weight:700;display:block}.upload-btn{border:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:2px;flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:600;transition:all .2s;display:flex}.upload-btn:hover{border-color:var(--text-muted);color:var(--text)}.img-preview{object-fit:cover;border:1px solid var(--border);border-radius:2px;width:70px;height:90px;margin-left:auto}.modal-actions{gap:.75rem;margin-top:1.8rem;display:flex}.btn-modal-add{background:var(--crimson-bright);color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.85rem;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.btn-modal-add:hover{background:var(--crimson-glow)}.btn-modal-cancel{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.85rem;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.btn-modal-cancel:hover{border-color:var(--text-muted);color:var(--text)}.toast{background:var(--card);border:1px solid #8b1a1a66;border-left:3px solid var(--crimson-bright);color:var(--text);z-index:999;pointer-events:none;border-radius:2px;padding:.9rem 1.3rem;font-size:.78rem;font-weight:400;transition:transform .3s;position:fixed;bottom:2rem;right:2rem;transform:translate(180%)}.toast.show{transform:translate(0)}