:root{--paper:#fbf8f1;--plum:#643d54;--ink:#3e3334;--muted:#7b7270;--line:#e7ded5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{display:flex;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:22px 5%;border-bottom:1px solid var(--line)}.brand{font:42px Georgia,serif;color:var(--plum);text-decoration:none;letter-spacing:-3px}header span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}header small{margin-left:auto;color:var(--muted)}main{max-width:1440px;margin:auto;padding:26px 5% 50px}.intro{text-align:center;margin:22px 0 35px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600;color:var(--plum);margin:0 0 10px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(32px,4vw,52px);margin:0 0 12px}h2{font-size:27px;margin:0}h3{font-size:24px;margin:8px 0}.intro>p:last-child{color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.wheel-panel{position:sticky;top:15px}#wheel{position:relative;aspect-ratio:1;width:100%;overflow:hidden}#wheel svg{width:100%;height:100%;display:block}#wheel path{fill:transparent;stroke:transparent;stroke-width:3;cursor:pointer;transition:fill .15s}#wheel path:hover,#wheel path:focus{fill:#643d5417;stroke:#643d5480;outline:0}#wheel path.active{stroke:#643d5470;fill:#643d540a}button{font:inherit;color:var(--plum);background:transparent;border:1px solid var(--line);border-radius:22px;padding:8px 16px;cursor:pointer}button:hover,button:focus-visible{border-color:var(--plum);background:#f1e9e5;outline:2px solid transparent}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.chips button{font-size:12px;padding:5px 11px}.chips button[aria-pressed=true]{background:var(--plum);color:white;border-color:var(--plum)}.hint{text-align:center;font-size:12px;color:var(--muted)}.tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.tools button{font-size:12px;white-space:nowrap}.search input{margin-top:22px;width:100%;background:#fffdf8;border:1px solid var(--line);padding:13px 16px;border-radius:7px;font:inherit;color:var(--ink)}input:focus{outline:2px solid #9b7a89}#count{font-size:12px;color:var(--muted);margin:12px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:0;border-radius:0;padding:0;text-align:center;line-height:1.3;background:transparent;color:var(--ink)}.card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;border-radius:8px}.card span{display:block;font-family:Georgia,serif;font-size:17px;margin:7px 0 12px}.card:hover{background:#f3ece4}.card:focus-visible{outline:2px solid var(--plum)}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:620px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#2c1e2a80;backdrop-filter:blur(3px)}.close{position:absolute;top:12px;right:12px;font-size:25px;border:0;padding:0 13px}.detail-image{width:100%;max-height:290px;object-fit:contain;mix-blend-mode:multiply}.detail-body p{margin:12px 0}.memory{font-family:Georgia,serif;font-style:italic;font-size:20px;color:var(--plum);border-left:2px solid #b89785;padding-left:18px}.teaching{border-top:1px solid var(--line);padding-top:16px}.detail-body small{color:var(--muted)}footer{text-align:center;padding:28px 6%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer small{display:block;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.layout{grid-template-columns:1fr;gap:25px}.wheel-panel{position:static;max-width:620px;margin:auto}.intro{margin:12px 0 18px}.collection{min-width:0}header span{display:none}.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){header{padding:14px 5%}.brand{font-size:36px}main{padding-top:18px}.cards{grid-template-columns:repeat(3,1fr);gap:9px}.card span{font-size:15px}.chips button{font-size:11px;padding:5px 8px}.tools h2{font-size:23px}dialog{padding:22px}}
[hidden]{display:none!important}.app-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 4%}.app-nav button[aria-pressed=true]{background:var(--plum);color:white}.section-head{max-width:800px;margin:20px 0 28px}.section-head h2{font-size:36px}.section-head p{color:var(--muted)}.notebook-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px}label{display:block;font-size:13px;margin:12px 0}input,select,textarea{display:block;width:100%;box-sizing:border-box;padding:11px 13px;font:inherit;color:var(--ink);background:#fffdf8;border:1px solid var(--line);border-radius:6px;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:15px 0}.actions button{font-size:13px}.actions label{display:flex;align-items:center;gap:7px}.actions input{width:auto;margin:0}.notice{background:#f0e7dd;border-left:3px solid #a4694f;padding:16px 22px;max-width:800px}.saved-note{border-bottom:1px solid var(--line);padding:14px 0}.saved-note h3{font-size:23px}.saved-note p{font-size:14px;margin:5px 0}.hint-left{color:var(--muted);font-size:13px}.note-aromas{justify-content:flex-start}#added-status{font-size:12px;margin-left:12px}button:disabled{opacity:.4;cursor:default}#comparison{padding-top:18px}@media(max-width:850px){.notebook-grid{grid-template-columns:1fr;gap:25px}.app-nav{gap:5px}.app-nav button{font-size:12px;padding:7px 12px}}

.pairing-section{border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.pair-result{margin:22px 0;border:1px solid var(--line);padding:22px;background:#fffdf7;border-radius:8px}.pair-result .notice{font-size:14px;margin:14px 0}.pair-result details{font-size:13px}
/* Faithful native StructureControlStyle and sensory cues. */
.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:20px 0}.structure-card{--sense:#4c618a;--glow:#c2d4eb;background:linear-gradient(135deg,#fcf5e3,#f7e8d1);padding:20px;border-radius:22px;min-width:0}.structure-acidity{--sense:#216e69;--glow:rgb(74% 87% 80%)}.structure-tannin{--sense:#94475e;--glow:#edbabf}.structure-sweetness{--sense:#8f5724;--glow:#f7d48f}.structure-alcohol{--sense:#9c5233;--glow:#f7c797}.structure-flavor_intensity{--sense:#824a7a;--glow:#dec4eb}.structure-bitterness{--sense:#526e3d;--glow:#d1dea8}.structure-card h4{display:flex;align-items:center;gap:12px;font:26px Georgia,serif;margin:0 0 14px}.structure-card h4 svg{width:48px;height:48px;flex-shrink:0;box-sizing:border-box;padding:10px;border-radius:50%;background:linear-gradient(135deg,var(--glow),#fcf5e3);fill:none;stroke:var(--sense);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sense-cue{display:flex;align-items:center;gap:12px;min-height:80px}.sense-cue p{font-size:16px;margin:0;line-height:1.45}.sense-mouth{width:56px;height:56px;flex-shrink:0;color:var(--sense)}.sense-mouth rect{fill:var(--glow);opacity:.45}.structure-status{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.structure-status strong{padding:6px 10px;border-radius:10px;background:var(--glow);font-size:19px}.structure-status button{background:transparent;color:var(--sense);border:0;min-height:44px}.ordinal{height:64px;position:relative;cursor:pointer;touch-action:pan-y;border-radius:12px}.ordinal:focus-visible{outline:2px solid var(--sense);outline-offset:2px}.ordinal-track{position:absolute;left:18px;right:18px;top:29px;height:6px;border-radius:5px;background:#8f7d6b}.ordinal-stops{position:absolute;left:14px;right:14px;top:26px;display:flex;align-items:center;justify-content:space-between;height:12px}.ordinal-stops i{display:block;border:1.5px solid var(--sense);background:#fbf8f1;border-radius:50%;width:8px;height:8px}.ordinal-stops .stop-1{width:10px;height:10px}.ordinal-stops .stop-2{width:12px;height:12px}.ordinal-stops .stop-3{width:14px;height:14px}.ordinal-thumb{position:absolute;top:18px;width:28px;height:28px;box-sizing:border-box;border:2px solid var(--sense);background:#fbf8f1;border-radius:50%;transform:translateX(-50%)}.ordinal-thumb:after{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--sense)}.position-0-of-3,.position-0-of-4{left:18px}.position-1-of-3{left:50%}.position-2-of-3,.position-3-of-4{left:calc(100% - 18px)}.position-1-of-4{left:calc(33.333% + 6px)}.position-2-of-4{left:calc(66.667% - 6px)}.structure-options{display:flex;gap:4px;flex-wrap:wrap}.structure-options button{flex:1 1 55px;border:0;background:transparent;color:#4c3340;min-height:44px;padding:4px;font-size:14px;white-space:normal;overflow-wrap:normal}.structure-options button[aria-pressed=true]{background:var(--sense);color:white;border-radius:10px}.structure-effervescence .structure-options{margin-top:16px}.structure-options button:focus-visible{outline:2px solid var(--sense);outline-offset:2px}
/* Native staged exploration and saved-note presentation. */
.layout{display:block;max-width:1000px;margin:auto}.wheel-panel{position:static;max-width:650px;margin:auto}.collection{max-width:900px;margin:auto}#browse-aromas{display:block;margin:20px auto;min-height:48px}#family-art img{display:block;max-width:500px;width:100%;margin:20px auto;mix-blend-mode:multiply}#family-art p{text-align:center;color:var(--muted)}.notebook-grid{display:block;max-width:1000px}.notebook-navigation button[aria-pressed=true]{background:var(--plum);color:white}.saved-note{border:0;border-radius:16px;background:#643d540d;padding:18px;margin:14px 0;max-width:820px}.saved-aroma-art{display:flex;gap:12px}.saved-aroma-art img{width:70px;height:70px;object-fit:contain;mix-blend-mode:multiply}.favorite-toggle{display:flex;gap:10px;align-items:center}.favorite-toggle input{width:20px;margin:0}.note-aromas button{display:flex;align-items:center;gap:8px;min-height:70px;font-size:16px}.note-aromas img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}.notebook-grid #note-form{max-width:1000px}.notebook-grid #saved-page{max-width:820px}
.recorded-aromas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.recorded-aromas>div{display:flex;gap:14px;align-items:center;font:20px Georgia,serif}.recorded-aromas img{width:80px;height:80px;object-fit:contain;mix-blend-mode:multiply}.structure-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.structure-readout dt{font-weight:bold}.structure-readout dd{margin:5px 0;color:var(--muted)}.personal-readout{white-space:pre-wrap}#note-detail{max-width:820px}

.brand img{display:block;width:174px;height:auto}
#result{white-space:pre-wrap;overflow-wrap:anywhere}