:root{--bg:#15160f;--bg-soft:#1c1e16;--panel:#202218;--panel-soft:#282a1f;--text:#f4eddd;--text-soft:#c9c1ae;--muted:#8e8878;--gold:#b89a61;--gold-soft:#d2bd8c;--border:rgba(210,189,140,0.16);--border-strong:rgba(210,189,140,0.3)}@media (max-width:760px){[data-screen=start] section,[data-screen=start] section a,[data-screen=start] section button,[data-screen=start] section input{font-size:14px}[data-screen=start] section h2{font-size:21px}[data-screen=start] section button,[data-screen=start] section input{min-height:42px}[data-screen=advies] input,[data-screen=proefindruk] input{font-size:16px}}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(circle at 82% 12%,rgba(184,154,97,.09),transparent 30%),linear-gradient(145deg,#181910,#12130e);color:var(--text);font-family:Source Sans\ 3,Source Sans Pro,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.cantina-start{min-height:100vh}.cantina-topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(19,20,14,.78)}.cantina-brand{display:flex;flex-direction:column;line-height:.9;letter-spacing:.15em;font-size:12px;color:var(--gold)}.cantina-brand strong{margin-top:6px;color:var(--text);letter-spacing:.08em;font-size:19px;font-weight:600}.cantina-nav{display:flex;align-items:center;gap:30px}.cantina-nav button{padding:8px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font-size:15px}.cantina-nav button.active,.cantina-nav button:hover{color:var(--text);border-bottom-color:var(--gold)}.start-content{width:min(1180px,90vw);margin:0 auto;padding:56px 0 30px}.start-heading{margin-bottom:34px}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.22em}.start-heading h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,67px);font-weight:400;letter-spacing:-.025em}.start-heading>p:last-child{max-width:650px;margin:14px 0 0;color:var(--text-soft);font-size:18px;line-height:1.55}.weekend-panel{display:grid;grid-template-columns:185px 1fr;grid-gap:42px;gap:42px;padding:34px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(255,255,255,0)),var(--bg-soft);box-shadow:0 30px 80px rgba(0,0,0,.18)}.sommelier-placeholder{align-self:end;width:160px;height:255px;display:flex;align-items:center;justify-content:center;border-radius:90px 90px 22px 22px;background:radial-gradient(circle at 50% 25%,rgba(210,189,140,.19),transparent 24%),linear-gradient(180deg,#393a2c,#202218);border:1px solid var(--border);color:var(--gold-soft);font-family:Georgia,Times New Roman,serif;font-size:38px;letter-spacing:.05em}.suggestions{min-width:0}.suggestion-title{margin:0 0 18px;color:var(--gold-soft);font-size:14px;letter-spacing:.08em}.suggestion-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.suggestion{min-height:190px;padding:20px;display:flex;align-items:center;gap:18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.018)}.suggestion:hover{border-color:var(--border-strong)}.bottle-placeholder{flex:0 0 48px;width:48px;height:126px;position:relative;border-radius:9px 9px 13px 13px;box-shadow:0 16px 28px rgba(0,0,0,.25)}.bottle-placeholder:before{content:"";position:absolute;width:19px;height:31px;left:50%;top:-22px;transform:translateX(-50%);border-radius:5px 5px 2px 2px;background:inherit}.white-bottle{background:linear-gradient(90deg,#7c805d,#aaad7c,#6c704f)}.red-bottle{background:linear-gradient(90deg,#311817,#652921,#281313)}.zero-bottle{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#383b2e,#74745b,#313329)}.zero-bottle span{color:#efe6d3;font-size:12px;font-weight:700}.wine-label{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.12em}.suggestion h2{margin:7px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400;line-height:1.15}.suggestion p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.advice-box{margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.advice-box label{display:block;margin-bottom:10px;color:var(--text-soft);font-size:14px}.advice-input-row{display:grid;grid-template-columns:1fr 48px auto;grid-gap:10px;gap:10px}.advice-input-row input{width:100%;min-width:0;height:50px;padding:0 18px;border:1px solid var(--border);border-radius:14px;outline:none;background:rgba(8,9,6,.42);color:var(--text)}.advice-input-row input::placeholder{color:#716c5f}.advice-input-row input:focus{border-color:rgba(184,154,97,.55)}.mic-button{width:48px;height:50px;border:1px solid var(--border);border-radius:14px;background:var(--panel-soft);color:var(--gold-soft)}.advice-button{height:50px;padding:0 24px;border:1px solid var(--gold);border-radius:14px;background:var(--gold);color:#18170f;font-weight:600;white-space:nowrap}.advice-button:hover{background:var(--gold-soft)}.start-footer{padding:18px 4px 0;display:flex;justify-content:space-between;color:#706b5e;font-size:12px}.database-message{padding:22px;border:1px solid rgba(190,90,75,.3);border-radius:14px;color:var(--text-soft)}@media (max-width:900px){.cantina-nav{gap:14px}.weekend-panel{grid-template-columns:1fr}.sommelier-placeholder{display:none}.suggestion-list{grid-template-columns:1fr}}