:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#302b2c;background:#faf9f6;font-synthesis:none;--wine: #722f45;--muted: #8a8381;--border: #e9e5df}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b18761;outline-offset:3px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,.brand,.auth-story em,.tasting-tip h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:clamp(30px,3vw,43px);letter-spacing:-1.3px;line-height:1.2}h2{font-size:25px;letter-spacing:-.5px}h3{font-size:15px;font-weight:600}p{line-height:1.7}small{font-size:12px}.muted{color:var(--muted);font-size:14px;line-height:1.7}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:600;color:#987d67;margin-bottom:12px}.button{min-height:45px;border-radius:8px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.primary{background:var(--wine);color:#fff}.primary:hover{background:#5c2336}.secondary{background:#fff;border-color:var(--border)}.text-button{background:none;border:0;padding:0;color:var(--wine);font-size:13px}.text-button:hover{text-decoration:underline}.wide{width:100%}.brand{display:flex;align-items:center;gap:10px;font-size:34px;letter-spacing:-1.5px;color:var(--wine)}.brandmark{display:flex}.brand-name{display:block;line-height:1.1}.brand-subtitle{display:block;margin-top:4px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.4;letter-spacing:.3px}.brand-subtitle a{color:inherit;text-decoration:underline;text-underline-offset:3px}.brand-subtitle a:hover{text-decoration-thickness:2px}.brand-dot{color:#b69b74}.sidebar{width:250px;background:#fffdf9;border-right:1px solid var(--border);padding:36px 24px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin-left:12px}.sidebar-caption{font-size:8px;letter-spacing:2px;color:#a8a09a;margin:15px 0 48px 16px}.sidebar nav{display:grid;gap:9px}.sidebar nav button{display:flex;align-items:center;gap:13px;border:0;background:none;padding:14px 15px;border-radius:7px;text-align:left;font-size:13px;color:#847a77;white-space:nowrap}.sidebar nav button.active{background:#f2e9e9;color:var(--wine);font-weight:600}.sidebar nav button>span{font-size:10px;margin-left:auto;display:grid;place-items:center;background:#e6d6dc;width:21px;height:21px;border-radius:5px}.sidebar-bottom{margin-top:auto}.sidebar-note{padding:24px 10px 30px;color:#ae8e76}.sidebar-note p{font-size:15px;color:#9a8d83;margin-top:14px}.sidebar-note em{font-size:18px}.user{border-top:1px solid var(--border);padding-top:22px;display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#eee5db;color:#876449;font-size:12px;flex-shrink:0}.user strong{font-size:12px;display:block}.user small{display:block;font-size:9px;color:#9b928e;margin-top:4px}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:7px;color:#928881;border-radius:6px}.icon-button:hover{background:#f1eae5}.user .icon-button{margin-left:auto;padding:3px}.main-shell{margin-left:250px}.topbar{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 45px;background:#fdfcf9;color:#a39a93;font-size:12px}.topbar>div{display:flex;align-items:center;gap:20px}.main-content{padding:43px 45px 20px;max-width:1600px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:31px}.page-title p{margin-top:11px}.page-title .button{flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:10px;background:#fff;margin-bottom:36px;padding:23px 0}.stats>div{display:flex;gap:16px;align-items:center;padding:0 26px;border-right:1px solid var(--border)}.stats>div:last-child{border:0}.stat-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center}.rose{background:#f6ebee;color:#9c6273}.gold{background:#f5f0e6;color:#ad945a}.green{background:#edf1e9;color:#7a9069}.stats strong{font-family:Georgia,serif;font-size:27px;font-weight:400;display:block;margin-bottom:4px}.stats div div>span{font-size:11px;color:#978e87}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{display:flex;align-items:center;gap:12px}.section-title h2 span{font:11px ui-sans-serif,sans-serif;background:#ede9e2;color:#968b7f;border-radius:5px;padding:4px 7px}.journal-controls{display:flex;gap:10px;margin-bottom:15px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:7px;padding:0 12px;min-width:0;flex:1;color:#a09791}.search input{border:0;background:transparent;width:100%;height:41px;font-size:12px;min-width:0}.search:focus-within{outline:2px solid #b18761;outline-offset:1px}.search input:focus{outline:0}input::placeholder,textarea::placeholder{color:#aaa19a}select{border:1px solid var(--border);border-radius:7px;background:#fff;color:#81766e;font-size:11px;padding:0 10px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}.filters button{border:1px solid transparent;background:transparent;color:#9b9189;font-size:11px;padding:7px 10px;border-radius:5px}.filters button.active{background:#eee5e6;color:var(--wine);border-color:#e7d8dd}.wine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wine-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;position:relative;transition:box-shadow .2s,transform .2s}.wine-card:hover{box-shadow:0 5px 20px #5434200b;transform:translateY(-2px)}.wine-card-main{width:100%;border:0;background:none;padding:0;text-align:left;display:block}.wine-visual{height:185px;position:relative;background:#eee9e1;display:flex;align-items:center;justify-content:center}.wine-visual img{width:100%;height:100%;object-fit:cover}.wine-visual .bottle{height:158px;transform:rotate(-6deg)}.bottle{color:#4d3239;display:block;height:190px}.bottle-Wit,.bottle-Mousserend{color:#8d9b69}.bottle-Rosé{color:#c18a7c}.bottle-Oranje{color:#bd864c}.bottle-Versterkt{color:#68503c}.visual-Wit,.visual-Mousserend{background:#eeefe3}.visual-Rosé{background:#f1e4df}.visual-Oranje{background:#f1e7d5}.wine-type{position:absolute;top:14px;left:14px;font-size:10px;background:#fffdf9ec;padding:6px 9px;border-radius:4px;display:flex;align-items:center;gap:5px}.wine-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#863e50}.dot-Wit{background:#c6bf77}.dot-Rosé{background:#d09d9a}.dot-Mousserend{background:#a7b593}.dot-Oranje{background:#d79950}.dot-Versterkt{background:#8e654a}.wine-card-content{padding:18px 17px 8px}.wine-card-content>small{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#a38d74;display:block;margin-bottom:8px}.wine-card h3{font-family:Georgia,serif;font-weight:400;font-size:21px;line-height:1.25;overflow-wrap:anywhere}.wine-card p{font-size:11px;color:#968a82;margin:7px 0 12px}.card-aromas{display:flex;gap:4px;flex-wrap:wrap;min-height:21px;margin-bottom:16px}.card-aromas span{font-size:9px;background:#f7f3ef;color:#9a8479;padding:4px 6px;border-radius:4px}.card-footer{padding-top:13px;border-top:1px solid #f0ece7;display:flex;justify-content:space-between;align-items:center;font-size:10px}.appreciation{display:flex;gap:6px;align-items:center;font-weight:500}.appreciation i{width:8px;height:8px;border-radius:50%}.card-footer time{font-size:9px;color:#aaa098}.delete-note{font-size:9px;display:block;padding:7px 17px 12px;color:#a39890}.profile-panel{border:1px solid var(--border);border-radius:10px;background:#fff;padding:23px}.profile-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.profile-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:6px}.profile-heading h2{font-size:22px}.profile-icon{color:#977b54;display:grid;place-items:center;background:#f5f0e6;width:38px;height:38px;border-radius:50%;flex-shrink:0}.profile-panel>.muted{font-size:12px;line-height:1.8}.profile-empty{text-align:center;padding:28px 0}.profile-empty .aroma-wheel{margin:0 auto 22px}.profile-empty h3{font-family:Georgia,serif;font-weight:400;font-size:20px;margin-bottom:10px}.profile-empty p{font-size:12px;color:#a1948b;line-height:1.8}.aroma-wheel{background:conic-gradient(#b5717f,#b5717f 205deg,#7ba0a6 205deg,#7ba0a6 270deg,#b69a60 270deg,#b69a60 360deg);width:115px;height:115px;position:relative;border-radius:50%;flex-shrink:0;display:grid;place-items:center;box-shadow:inset 0 0 0 14px #ffffff45,inset 0 0 0 28px #ffffff25;transform:rotate(-12deg)}.aroma-wheel:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background:repeating-conic-gradient(transparent 0deg 29deg,#fff9 29deg,#fff9 30deg);border-radius:50%}.aroma-wheel>span{display:grid;place-items:center;position:relative;width:47px;height:47px;border-radius:50%;background:#fffaf1;font-family:Georgia,serif;text-align:center;font-size:12px;z-index:1;transform:rotate(12deg);color:#9b7c61}.aroma-wheel.small{width:100px;height:100px}.profile-note{border-top:1px solid var(--border);padding-top:16px;display:flex;gap:8px;font-size:10px;color:#a09586;line-height:1.7}.profile-note svg{flex-shrink:0;margin-top:2px}.profile-bars{margin:25px 0}.profile-bars>div{margin:17px 0}.profile-bars>div>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.profile-bars small{font-size:9px;color:#ad9d91}.bar-track{height:5px;background:#f4eee9;border-radius:10px}.bar-track>span{display:block;height:100%;border-radius:10px;background:#a57a83}.tasting-tip{padding:30px 23px;border-radius:10px;background:#f1ece4;border:1px solid #e8e1d6;margin-top:22px;overflow:hidden}.tasting-tip .eyebrow{font-size:8px;letter-spacing:1.5px}.tasting-tip h3{font-size:27px;line-height:1.3;color:#77634d;margin:15px 0}.tasting-tip p{font-size:11px;line-height:1.9;color:#9b8c7a}.tip-line{display:block;width:35px;height:1px;background:#bda989;margin-top:23px}.empty-state{text-align:center;padding:20px 28px 38px;border:1px dashed #dcd2c8;border-radius:10px;background:#fdfbf7}.empty-bottle{display:flex;justify-content:center;padding:8px}.empty-bottle .bottle{height:150px;transform:rotate(10deg)}.empty-state h2{font-size:27px;margin:12px 0}.empty-state p{font-size:13px;color:#9d9085;max-width:320px;margin:0 auto 22px}.empty-state .eyebrow{font-size:8px}.empty-state .button{font-size:12px}footer{margin-top:50px;border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b6a99b}.editor{padding:30px 45px 45px;max-width:1050px;margin:auto}.back{margin-bottom:27px;color:#9b8b80;font-size:12px}.step-indicator{font-size:12px;color:#a5978a;white-space:nowrap}.steps{display:flex;border-bottom:1px solid var(--border);margin-bottom:28px;gap:25px}.steps button{border:0;border-bottom:2px solid transparent;background:none;padding:0 8px 18px;display:flex;align-items:center;gap:9px;color:#ab9c90;font-size:12px}.steps button>span{width:23px;height:23px;border-radius:50%;background:#eee9e2;display:grid;place-items:center;font-size:10px}.steps button.active{color:var(--wine);border-color:var(--wine)}.steps button.active>span{background:var(--wine);color:#fff}.form-panel{padding:30px;background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:22px}.form-heading{display:flex;gap:15px;align-items:center;margin-bottom:30px}.form-heading h2{font-size:25px;margin-bottom:6px}.section-number{font:24px Georgia,serif;color:#c6b7a5}.form-heading p{font-size:12px}.wine-basics{display:grid;grid-template-columns:200px 1fr;gap:30px}.photo-field{border:1px dashed #d8cec1;border-radius:8px;background:#faf7f1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px 12px;color:#ab967a;text-align:center;align-self:start;min-height:290px}.photo-field strong{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#897059}.photo-field span{font-size:11px}.photo-field small{font-size:8px}.photo-field img{max-width:100%;max-height:200px;object-fit:contain}.photo-field .button{font-size:11px;min-height:37px;padding:8px 12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px}label{display:block;font-size:12px;font-weight:500;color:#6c5e57}label input:not([type=file]),label textarea{width:100%;margin-top:8px;min-height:44px;border:1px solid #e6e0d8;border-radius:6px;padding:10px 12px;background:#fffdfb;color:#473d39;font-size:12px}textarea{resize:vertical;line-height:1.7}.full{grid-column:1/-1}.required{color:var(--wine)}fieldset{border:0;padding:0;margin:27px 0 0}legend{font-size:12px;color:#6c5e57;margin-bottom:14px}.type-picker{display:flex;flex-wrap:wrap;gap:8px}.type-picker label{border:1px solid var(--border);background:#fff;padding:11px 14px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:9px}.type-picker label.selected{background:#f8eff2;border-color:#b48b98;color:var(--wine)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.aroma-intro{display:flex;gap:24px;align-items:center;background:#faf7f2;border-radius:9px;padding:25px;margin-bottom:25px}.aroma-intro p{max-width:420px;font-size:12px;margin-top:8px}.aroma-intro h3{font-family:Georgia,serif;font-size:23px;font-weight:400}.aroma-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-bottom:20px}.aroma-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 3px 15px;display:flex;align-items:center;gap:7px;font-size:12px;color:#9d9085}.aroma-tabs button.active{border-color:var(--wine);color:var(--wine)}.aroma-tabs i{width:8px;height:8px;border-radius:50%}.aroma-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.aroma-group h3{font-size:12px;margin-bottom:10px}.aroma-group h3 small{font-size:9px;color:#9a8c80}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{border:1px solid #e8e0d9;background:#fffdfa;color:#9b8778;font-size:10px;padding:7px 10px;border-radius:6px;display:flex;align-items:center;gap:5px}.chips button.selected{border-color:#b58b9a;background:#f5e9ee;color:var(--wine)}.selected-aromas{margin-top:30px;padding-top:22px;border-top:1px solid var(--border)}.selected-aromas>strong{display:block;font-size:12px;margin-bottom:13px}.count-pill{font-size:10px;background:#f2e8ec;color:var(--wine);padding:6px 9px;border-radius:20px;margin-left:auto;white-space:nowrap}.structure-inputs{display:grid;gap:0;margin-top:20px}.structure-row{display:grid;grid-template-columns:100px 1fr;position:relative;margin:0;padding:15px 0;border-bottom:1px solid #f0eae4;align-items:center}.structure-row:last-child{border:0}.structure-row legend{float:left;display:block;font-size:12px;margin:0;padding:0}.structure-scale{display:flex;align-items:center;justify-content:space-between;gap:15px}.structure-scale>span{font-size:11px;color:#a49280;min-width:35px}.structure-scale>span:last-child{text-align:right}.structure-scale>div{display:flex;justify-content:center;gap:9px;flex:1}.structure-scale button{border:1px solid #e3dad1;background:#faf7f2;width:37px;height:28px;border-radius:5px;display:grid;place-items:center}.structure-scale button span{width:5px;height:5px;border-radius:50%;background:#d5c6b7}.structure-scale button.selected{background:#9a6879;border-color:#9a6879}.structure-scale button.selected span{background:#fff}.impression{text-align:center;padding:40px 45px}.impression h2{font-size:34px;margin:15px 0 10px}.rating-orb{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 0 0 10px #f5f2eb;margin:40px auto 25px;transition:background .2s}.rating-description{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;margin-bottom:30px}.rating-slider{display:block;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:12px;border-radius:20px;background:linear-gradient(90deg,#9c4040,#9c7540,#8c9c40,#5e9c40,#409c57);cursor:pointer}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 1px 7px #0004;outline:1px solid #c6bcac}.rating-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #c6bcac;box-shadow:0 1px 7px #0004}.range-labels{display:flex;justify-content:space-between;margin-top:17px;font-size:10px;color:#9c8e82}.summary{display:flex;gap:15px;padding:20px;background:#f7f3ed;margin-top:24px;border-radius:7px;color:#9c8b7b;font-size:12px;line-height:1.7}.summary strong{color:#756152}.summary small{font-size:10px}.error{padding:14px 16px;background:#fae9e8;border:1px solid #edcfcc;color:#9c3d3d;border-radius:7px;font-size:12px;margin:18px 0}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translate(-50%);background:#486b4c;color:#fff;border-radius:9px;padding:15px 22px;display:flex;gap:10px;align-items:center;font-size:13px;box-shadow:0 6px 24px #0002;z-index:30}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#35252b66;z-index:50;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fffdf9;border:1px solid var(--border);border-radius:12px;padding:30px;max-width:460px;box-shadow:0 16px 70px #0002}.modal p{font-size:13px;color:#918172;margin:18px 0}.full-profile{max-width:800px;padding:30px}.full-profile .profile-bars{max-width:600px}.full-profile .profile-bars>div{margin:23px 0}.full-profile .profile-empty{max-width:380px;margin:auto}.profile-structure{margin:35px 0}.profile-structure>h3{font-family:Georgia,serif;font-size:23px;margin-bottom:25px}.profile-structure>div{margin-bottom:23px}.profile-structure strong{font-size:12px;font-weight:500}.structure-profile{display:flex;align-items:center;gap:15px;margin:12px 0 8px}.structure-profile>span{width:40px;font-size:11px;color:#9b8c7e}.structure-profile>span:last-child{text-align:right}.structure-profile>div{flex:1;height:5px;background:#eee6dc;position:relative;border-radius:10px}.structure-profile i{position:absolute;top:-4px;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:#a37b87;border:2px solid #fff}.profile-explanation{max-width:800px}.profile-explanation p{font-size:13px;line-height:1.9;margin-top:17px;color:#958577}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#672c40;color:#f6eee5;padding:45px 60px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:740px}.auth-story .brand{color:#faf3e9;margin-bottom:65px}.auth-story .light{color:#ceaa99;font-size:8px}.auth-story h1{font-size:clamp(40px,5vw,75px);line-height:1.1;letter-spacing:-2px;margin:23px 0}.auth-story p{color:#cfadb4;font-size:13px;line-height:1.9}.auth-story>small{color:#c09b9e;font-size:11px;z-index:1}.auth-illustration{display:flex;align-items:flex-end;justify-content:center;margin:20px 0;position:relative}.auth-illustration:before{content:"";position:absolute;width:350px;height:350px;background:#ffffff07;bottom:-100px;border-radius:50%}.auth-illustration .bottle{height:220px;transform:rotate(-15deg);filter:drop-shadow(0 10px 10px #0002)}.auth-illustration .bottle:nth-child(2){height:260px;transform:rotate(6deg);margin-left:-28px}.auth-illustration .bottle:nth-child(3){height:200px;transform:rotate(18deg);margin-left:-15px}.auth-form{padding:60px clamp(30px,6vw,100px);display:flex;flex-direction:column;justify-content:center;max-width:650px;width:100%;margin:auto}.auth-form h2{font-size:35px;margin:7px 0 13px;line-height:1.2}.auth-form form{margin-top:32px}.auth-form label{margin-bottom:20px}.auth-form label input{font-size:13px;height:47px}.auth-form .button{margin-top:10px}.auth-switch{font-size:12px;color:#9d8b7e;text-align:center;margin-top:28px}.auth-switch button{margin-left:3px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#a39488}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:1500px){.wine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journal-layout{grid-template-columns:minmax(0,1fr) 310px;gap:32px}}@media(max-width:1200px){.sidebar{width:218px;padding:30px 17px 20px}.main-shell{margin-left:218px}.main-content,.editor{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.journal-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.profile-panel{padding:18px}.profile-heading{gap:8px}.profile-heading h2{font-size:19px}.profile-heading .eyebrow{font-size:6px;letter-spacing:1px}.stats>div{padding:0 17px}.page-title{gap:15px}.page-title .button{font-size:11px}.wine-basics{grid-template-columns:170px 1fr;gap:20px}}@media(max-width:1000px){.journal-layout{grid-template-columns:1fr}.journal-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tasting-tip{margin-top:0}.profile-empty{padding:18px 0}.wine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content .page-title{align-items:flex-start;flex-direction:column}.stats>div{gap:10px}.stat-icon{width:34px;height:34px}.stats div div>span{font-size:9px}.form-panel{padding:23px}.wine-basics{grid-template-columns:1fr}.photo-field{min-height:180px}.photo-field img{max-height:180px}.aroma-groups{grid-template-columns:1fr}.structure-row{grid-template-columns:80px 1fr}.structure-scale{gap:7px}.structure-scale>div{gap:5px}.structure-scale button{width:29px}.auth-story{padding:40px 35px}.auth-form{padding:40px 30px}}@media(max-width:700px){.sidebar{position:sticky;inset:0 0 auto 0;width:100%;height:auto;padding:12px 18px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--border);background:#fffdf9f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar .brand{margin:0;font-size:28px}.brandmark svg{width:23px}.sidebar nav{display:flex;gap:5px}.sidebar nav button{padding:10px;font-size:0;gap:0;min-width:40px;justify-content:center}.sidebar nav button>span{display:none}.sidebar nav button svg{width:21px;height:21px}.sidebar-caption,.sidebar-bottom{display:none}.main-shell{margin:0}.topbar{height:47px;padding:0 20px;font-size:10px}.topbar .avatar{width:25px;height:25px;font-size:10px}.topbar>div{gap:10px}.main-content{padding:28px 18px 20px}.page-title{margin-bottom:25px}.page-title h1{font-size:32px}.page-title p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.6px}.main-content .page-title .button{min-height:42px;font-size:12px}.stats{padding:17px 0;margin-bottom:28px}.stats>div{padding:0 10px;gap:7px;flex-direction:column;align-items:flex-start}.stats strong{font-size:24px}.stat-icon{width:29px;height:29px;border-radius:7px}.stat-icon svg{width:17px;height:17px}.stats div div>span{font-size:9px}.journal-layout{gap:25px}.section-title h2{font-size:24px}.journal-controls{gap:7px}.search{padding:0 9px}.search input{font-size:11px}.journal-controls select{width:119px;font-size:10px;padding:0 6px}.filters{gap:2px;margin-bottom:18px}.filters button{padding:7px 8px;font-size:10px}.wine-grid{gap:12px}.wine-visual{height:165px}.wine-visual .bottle{height:144px}.wine-card-content{padding:13px 12px 7px}.wine-card h3{font-size:19px}.wine-card-content>small{font-size:8px;letter-spacing:.8px}.wine-card p{font-size:10px}.card-aromas{min-height:22px;gap:3px;margin-bottom:12px}.card-aromas span{font-size:8px;padding:4px}.card-footer{font-size:9px;flex-wrap:wrap;gap:7px}.card-footer time{font-size:8px}.wine-type{top:10px;left:10px;font-size:9px}.delete-note{padding-left:12px;font-size:8px}.journal-aside{grid-template-columns:1fr}.tasting-tip{padding:24px}.tasting-tip h3 br{display:none}.profile-panel{padding:23px}.profile-heading h2{font-size:24px}.profile-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.profile-empty{padding:23px 10px}.empty-state{padding:15px 15px 30px}.empty-state h2{font-size:25px}.editor{padding:25px 18px}.editor .page-title{align-items:flex-start;gap:10px}.editor .page-title h1{font-size:29px}.editor .page-title .muted{font-size:11px}.step-indicator{font-size:9px;padding-top:3px}.steps{gap:0;justify-content:space-between}.steps button{padding:0 2px 13px;gap:6px;font-size:10px}.steps button>span{width:21px;height:21px}.form-panel{padding:22px 18px}.form-heading{gap:10px;align-items:flex-start;margin-bottom:24px}.form-heading h2{font-size:24px}.form-heading p{font-size:11px}.section-number{font-size:20px}.field-grid{grid-template-columns:minmax(0,1fr);gap:20px}.field-grid input[type=date]{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.field-grid input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}.field-grid input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}.photo-field{padding:20px 15px;gap:12px}.type-picker{gap:6px}.type-picker label{font-size:11px;padding:10px}.aroma-intro{padding:18px 15px;gap:15px}.aroma-intro .aroma-wheel{width:90px;height:90px}.aroma-intro h3{font-size:21px}.aroma-intro p{font-size:10px;line-height:1.7}.aroma-tabs{gap:17px}.aroma-tabs button{font-size:11px}.aroma-groups{gap:22px}.structure-row{grid-template-columns:1fr;gap:14px;padding:20px 0}.structure-row legend{float:none;margin-bottom:12px}.structure-scale>div{gap:8px}.structure-scale button{width:34px;min-height:34px}.structure-scale>span{font-size:10px}.impression{padding:30px 20px}.impression h2{font-size:30px}.impression .muted{font-size:12px}.range-labels{font-size:9px}.form-actions .button{padding:11px 14px;font-size:12px}.count-pill{font-size:8px;padding:5px 7px}.toast{left:50%;bottom:20px;width:max-content;max-width:90vw;font-size:12px;padding:14px 17px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:unset;padding:24px}.auth-story .brand{margin-bottom:25px;font-size:29px}.auth-story h1{font-size:44px;margin:14px 0 18px}.auth-story h1 br{display:none}.auth-story .light{font-size:7px;letter-spacing:1.3px}.auth-story p{font-size:11px}.auth-story>small,.auth-illustration{display:none}.auth-form{padding:35px 25px 45px}.auth-form h2{font-size:31px}.auth-form form{margin-top:25px}.auth-form>.eyebrow{font-size:8px}.auth-form>.muted{font-size:12px}.profile-explanation h2{font-size:24px}footer{font-size:8px;margin-top:35px}.full-profile{padding:25px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-logout{display:none}@media(max-width:700px){.mobile-logout{display:inline-flex}}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.map-toolbar>.muted{max-width:570px}.map-favorites{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:11px}.map-favorites input{width:16px;height:16px;accent-color:var(--wine);margin:0}.map-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.wine-map-panel{padding:24px;min-width:0;margin-bottom:0}.map-title{display:flex;align-items:center;gap:9px}.map-title h2{font-size:25px}.map-title .count-pill{font-size:9px}.wine-plot{padding:25px 0;position:relative}.plot-label{font-size:11px;letter-spacing:.2px;color:#846f60;text-align:center}.plot-top,.plot-bottom{display:block;margin:0 auto}.plot-top{margin-bottom:17px}.plot-bottom{margin-top:17px}.plot-horizontal{display:grid;grid-template-columns:46px minmax(0,1fr) 53px;align-items:center;gap:8px}.plot-plane{aspect-ratio:1;position:relative;border:1px solid #e6ded4;border-radius:7px;background-color:#faf7f1;background-image:linear-gradient(#e8dfd455 1px,transparent 1px),linear-gradient(90deg,#e8dfd455 1px,transparent 1px),radial-gradient(at bottom right,#b99c681f,transparent 75%);background-size:25% 25%,25% 25%,100% 100%;margin:12px}.plane-Rood{background-color:#fbf5f5;background-image:linear-gradient(#e3d4d955 1px,transparent 1px),linear-gradient(90deg,#e3d4d955 1px,transparent 1px),radial-gradient(at top right,#a15e7922,transparent 75%)}.plot-axis{position:absolute;background:#c6b5a7;pointer-events:none}.plot-axis.horizontal{height:1px;left:0;right:0;top:50%}.plot-axis.vertical{width:1px;top:0;bottom:0;left:50%}.plot-axis.horizontal:after{content:"";position:absolute;right:-1px;top:-3px;border-left:5px solid #c6b5a7;border-top:3px solid transparent;border-bottom:3px solid transparent}.plot-axis.vertical:before,.plot-axis.vertical:after{content:"";position:absolute;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent}.plane-Wit .plot-axis.vertical:after{bottom:-1px;border-top:5px solid #c6b5a7}.plane-Rood .plot-axis.vertical:before{top:-1px;border-bottom:5px solid #c6b5a7}.map-point{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;z-index:2;padding:0}.map-dot{width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #4c352a33;transition:transform .15s}.map-point:hover,.map-point:focus-visible{z-index:3}.map-point:hover .map-dot,.map-point:focus-visible .map-dot{transform:scale(1.4)}.map-point-name{display:none;position:absolute;bottom:35px;left:50%;transform:translate(-50%);background:#46343c;color:#fff;padding:9px 11px;border-radius:6px;box-shadow:0 4px 12px #0002;font-size:10px;white-space:normal;width:max-content;max-width:180px;line-height:1.5;text-align:left;pointer-events:none}.map-point-name.align-right{left:auto;right:0;transform:none}.map-point-name.align-left{left:0;transform:none}.map-point-name.below{bottom:auto;top:35px}.map-point:hover .map-point-name,.map-point:focus-visible .map-point-name{display:block}.plot-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;color:#ac9a8a;pointer-events:none;font-size:11px}.plot-empty>svg{background:#fcfaf6;padding:8px;box-sizing:content-box;border-radius:50%}.plot-empty>span{background:#fcfaf6cc;padding:5px 10px;border-radius:4px}.map-wine-list{border-top:1px solid var(--border);max-height:310px;overflow:auto;padding-top:6px}.map-wine-list>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid #f3ece7;background:transparent;padding:13px 0}.map-wine-list>button:hover{background:#faf5f3}.map-wine-list>button>i{width:8px;height:8px;flex-shrink:0;border-radius:50%}.map-wine-list strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.map-wine-list small{font-size:9px;color:#9e8d7e;display:block;margin-top:6px}.map-list-appreciation{font-size:9px;color:#907967;margin-left:auto}.map-wine-list svg{color:#b4a08d;flex-shrink:0}.map-unplaced{border-top:1px solid var(--border);padding-top:20px}.map-unplaced h3{font-size:12px}.map-unplaced p,.map-empty-caption{font-size:11px;color:#a08e7f;margin:9px 0 13px;line-height:1.8}.map-unplaced>div{display:flex;flex-wrap:wrap;gap:6px}.map-unplaced button{display:flex;align-items:center;gap:7px;font-size:10px;border:1px dashed #d7c7b7;color:#917258;background:#fffdfa;border-radius:5px;padding:8px 10px;text-align:left}.map-legend{display:flex;align-items:center;gap:14px;margin:28px 0 12px;font-size:10px;color:#9e8a78}.map-legend-gradient{width:80px;height:7px;background:linear-gradient(90deg,#9c4040,#8c9c40,#409c57);border-radius:10px}.map-legend span:last-child{order:3}.map-legend-gradient{order:2}.map-footnote{font-size:11px}.style-panel>h2{margin-bottom:12px}.style-panel>.muted{font-size:12px;max-width:620px}.style-input-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:28px;align-items:center;margin-top:18px}.style-slider-field{margin:25px 0 30px}.style-slider-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.style-slider-title label{font-size:12px}.style-slider-title>span{font-size:10px;color:#a07b62}.style-slider{width:100%;display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:7px;background:linear-gradient(90deg,#e7d9c4,#b18a64);border-radius:10px;cursor:pointer}.style-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:23px;height:23px;background:#8f6879;border:3px solid white;border-radius:50%;box-shadow:0 1px 5px #49331e44}.style-slider::-moz-range-thumb{width:18px;height:18px;background:#8f6879;border:3px solid white;border-radius:50%;box-shadow:0 1px 5px #49331e44}.is-unset .style-slider{opacity:.4}.style-middle{font-size:9px;margin-top:13px;color:#ac9784}.style-live-preview .wine-plot{padding:0}.style-live-preview .plot-horizontal{grid-template-columns:34px minmax(0,1fr) 43px;gap:2px}.style-live-preview .plot-label{font-size:9px}.style-live-preview .plot-plane{margin:10px}.style-live-preview>p{text-align:center;font-size:9px;line-height:1.7;color:#a38b75;margin-top:13px}.style-live-preview .plot-empty>span{display:none}.preview-point{pointer-events:none}@media(min-width:1500px){.wine-map-panel{padding:30px}.plot-horizontal{grid-template-columns:60px minmax(0,1fr) 70px}}@media(max-width:1150px){.map-panels{grid-template-columns:1fr}.wine-map-panel{max-width:700px;width:100%}.plot-plane{max-height:420px}.map-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.style-input-layout{grid-template-columns:1fr}.style-live-preview{width:255px;margin:auto}}@media(max-width:700px){.wine-map-panel{padding:22px 12px}.map-title{padding:0 5px}.map-title h2{font-size:24px}.map-title .count-pill{font-size:8px}.plot-horizontal{grid-template-columns:33px minmax(0,1fr) 45px;gap:2px}.plot-label{font-size:10px}.plot-plane{margin:13px}.map-toolbar>.muted{font-size:12px}.map-favorites{font-size:11px}.map-point{width:34px;height:34px}.map-wine-list{padding:6px 5px 0}.map-wine-list small,.map-list-appreciation{font-size:8px}.map-unplaced{margin:0 5px}.map-footnote{font-size:10px}.map-legend{font-size:9px;gap:10px}.map-legend-gradient{width:70px}.style-input-layout{gap:24px}.style-slider-title{align-items:flex-start}.style-slider-title>span{font-size:9px}.style-live-preview{width:265px;max-width:100%}.style-panel h2{font-size:25px}.map-empty-caption{padding:0 5px}}@media(max-width:1000px),(pointer:coarse){:root input:not([type=range]):not([type=checkbox]):not([type=file]),:root textarea,:root select{font-size:16px;min-width:0;max-width:100%}.field-grid>label{min-width:0}}.required-wine-fields>label{display:block}.wine-type-field{margin:24px 0 0}.type-picker label{cursor:pointer}.type-picker label:has(input:focus-visible){outline:3px solid #b18761;outline-offset:3px}.optional-wine-heading{margin:30px 0 22px;padding-top:24px;border-top:1px solid var(--border)}.optional-wine-heading h3{margin-bottom:6px}.optional-wine-heading .muted{font-size:12px}.card-footer .missing-date{font-size:9px;color:#aaa098}