:root{--paper:#f5f3ed;--surface:#fffefa;--ink:#202d28;--muted:#657169;--line:#dfe3d9;--pine:#254f40;--copper:#a95624;--wash:#edf2e8;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans)}button,input,select,textarea{font:inherit}button,input,select,textarea,a,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}input,textarea,select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:16px}textarea{resize:vertical;min-height:92px;line-height:1.6}input:focus,textarea:focus,select:focus{outline:2px solid var(--pine);outline-offset:1px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:3px}label{display:block;font-size:13px;font-weight:600}label>input,label>textarea,label>select{display:block;margin-top:7px;font-weight:400}label span,.optional{font-weight:400;color:var(--muted);font-size:12px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:inline-flex;gap:3px;align-items:baseline;font:bold 39px/1 var(--serif);letter-spacing:-2px;color:var(--ink)}.brand span{color:var(--copper)}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:650;color:var(--copper)}.muted,.quiet{color:var(--muted)}.fine{font-size:12px;line-height:1.6;color:var(--muted)}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 18px;min-height:46px;border-radius:8px;font-weight:600;font-size:13px;line-height:1.4;text-align:center}.primary{background:var(--pine);color:white}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--pine)}.danger{color:#8d3228;border:1px solid #decac3;background:#fff9f6}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--pine);padding:11px 0;min-height:44px}.wide{width:100%}.skip-link{position:fixed;z-index:20;top:-70px;left:15px;background:var(--surface);padding:12px}.skip-link:focus{top:10px}.svg-defs{position:absolute;overflow:hidden}.startup{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:var(--muted)}.startup .brand{font-size:50px}.auth-page{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr;max-width:1600px;margin:auto}.auth-story{padding:60px 8vw;display:flex;flex-direction:column;justify-content:space-between;gap:70px;background:#eaf0e3}.auth-story h1{font:clamp(42px,5vw,76px)/1.07 var(--serif);letter-spacing:-2px;margin:17px 0 25px}.auth-intro{font-size:16px;line-height:1.8;color:#51614f}.auth-story>.quiet{font-size:12px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:55px 40px}.auth-form{width:100%;max-width:365px}.auth-form h2{font-size:27px;letter-spacing:-.7px;margin:12px 0}.auth-form>.muted{font-size:14px;margin-bottom:28px}.auth-form label{margin-top:20px}.auth-form>.primary{margin:25px 0 18px}.app-shell{max-width:1300px;margin:auto;min-height:100svh;background:var(--surface);display:grid;grid-template-columns:215px minmax(0,1fr) 265px}.sidebar{padding:32px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100svh}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:14px;font-weight:550;min-height:48px}.sidebar nav a[aria-current=page]{background:var(--wash);color:var(--pine)}.nav-icon{display:flex}.sidebar-person{display:flex;gap:10px;align-items:center;margin-top:auto;min-width:0}.sidebar-person>div{min-width:0}.sidebar-person strong{font-size:12px;display:block;overflow-wrap:anywhere}.sidebar-person .fine{display:block;font-size:11px;overflow-wrap:anywhere}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pine);color:white;font-size:11px;font-weight:650;flex-shrink:0}.rightbar{padding:33px 22px;border-left:1px solid var(--line);background:#fbfcf7}.welcome{background:#e8eee1;border-radius:11px;padding:25px 20px}.welcome h2{font:27px/1.15 var(--serif);letter-spacing:-.6px;margin:12px 0}.welcome>p:not(.eyebrow){font-size:12px;color:#5c6a53}.welcome .text-link{margin-top:7px}.community-note{font:22px/1.35 var(--serif);margin:38px 0 15px}.rightbar>.fine{font-size:11px}#main{min-width:0;outline:none}.page-head{padding:29px 27px 22px;border-bottom:1px solid var(--line)}.page-head h1{font-size:24px;letter-spacing:-.7px}.page-head p{font-size:13px;color:var(--muted);margin-top:7px}.head-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.head-row h1{min-width:0;overflow-wrap:anywhere}.head-row .secondary{font-size:12px;padding:9px 12px}.content{padding:24px 27px 36px}.feed-prompt{display:flex;align-items:center;gap:12px;padding:20px 27px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.feed-prompt>a{flex:1;min-height:44px;display:flex;align-items:center}.feed-prompt .plus{font-size:22px;color:var(--pine)}.post{padding:24px 27px;border-bottom:1px solid var(--line);min-width:0}.byline{display:flex;align-items:center;gap:10px}.byline>div{min-width:0}.byline strong{font-size:13px}.byline .fine{font-size:11px}.post-introduction{margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.tasting-card{margin-top:17px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.tasting-top{padding:18px;background:var(--wash)}.tasting-top h2,.tasting-top h3{font:25px/1.15 var(--serif);letter-spacing:-.5px;overflow-wrap:anywhere}.tasting-top>.fine{font-size:11px;margin-top:5px}.rating-display{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}.glasses{display:inline-flex;gap:3px;color:var(--copper)}.glasses svg{width:19px;height:28px}.rating-number{font-size:12px;color:var(--pine);font-weight:550}.trijectives{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;font-size:12px;color:var(--pine);overflow-wrap:anywhere}.trijectives span+span:before{content:'·';margin-right:7px;color:var(--muted)}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.note-grid dt{color:var(--pine);font-weight:650;text-transform:uppercase;font-size:10px;letter-spacing:.12em;margin-bottom:5px}.note-grid dd{margin:0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.note-grid dl{margin:0}.tasting-card summary{padding:13px 18px;min-height:46px;font-size:12px;color:var(--pine);cursor:pointer;font-weight:550}.tasting-card details[open] summary{border-bottom:1px solid var(--line)}.post-photo{display:block;width:100%;max-height:460px;object-fit:cover;background:var(--wash)}.post-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:11px}.empty{padding:42px 27px;max-width:470px}.empty h2{font:29px/1.15 var(--serif);letter-spacing:-.6px;margin-bottom:12px}.empty p{color:var(--muted);font-size:14px}.empty .primary,.empty .secondary{margin-top:22px}.loading{padding:35px 27px;color:var(--muted);font-size:13px}.error{background:#f8eee7;border-left:3px solid var(--copper);padding:13px 15px;color:#783d20;font-size:13px;margin:15px 0;overflow-wrap:anywhere}.notice{background:var(--wash);padding:14px 16px;border-radius:8px;font-size:12px;color:var(--pine);margin-bottom:20px}.notice p+p{margin-top:8px}.notice-actions{display:flex;gap:16px;flex-wrap:wrap}.list-toolbar{padding:18px 27px;border-bottom:1px solid var(--line);display:flex;gap:9px}.list-toolbar input{font-size:14px}.list-toolbar button{padding:10px 12px}.dram-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:17px;padding:24px 27px;border-bottom:1px solid var(--line)}.dram-date{font-size:10px;text-transform:uppercase;color:var(--muted);line-height:1.4}.dram-date strong{display:block;font:26px var(--serif);color:var(--ink)}.dram-row h2{font-size:16px;margin:5px 0 8px;overflow-wrap:anywhere}.dram-row .fine{font-size:12px;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;border-radius:4px;background:var(--wash);color:var(--pine);font-size:10px;font-weight:550;padding:3px 6px}.badge.shared{background:#f1e7d8;color:#855323}.row-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.row-actions .text-link{font-size:12px}.load-more{display:flex;justify-content:center;padding:24px}.composer label{margin-top:19px}.composer label:first-child{margin-top:0}.composer fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}.composer legend{font-size:13px;font-weight:600}.composer legend+p{margin-top:5px;font-size:12px;color:var(--muted)}.trijective-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.trijective-inputs input{padding:11px 8px}.rating-glasses{display:flex;gap:2px;margin-top:12px;max-width:248px}.glass-option{position:relative;width:48px;height:66px;flex:0 0 48px}.glass-visual{position:absolute;inset:6px 5px;color:var(--copper);pointer-events:none}.glass-visual svg{width:38px;height:54px}.glass-half{position:absolute;top:0;bottom:0;width:24px;border-radius:5px;padding:0}.glass-half.left{left:0}.glass-half.right{right:0}.glass-half:hover{background:#a9562410}.glass-half:focus-visible{outline:2px solid var(--pine);outline-offset:0;background:#254f400b}.rating-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:290px;margin-top:6px;flex-wrap:wrap}.rating-footer>span{font-size:13px;font-weight:600;color:var(--pine)}.rating-footer button{font-size:11px;min-height:44px;padding:8px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.rating-footer button[aria-checked=true]{background:var(--wash);color:var(--pine);border-radius:5px}.rating-help{font-size:11px;color:var(--muted);margin-top:3px}.optional-section{margin-top:21px;border-top:1px solid var(--line)}.optional-section>summary{padding:14px 0;min-height:48px;cursor:pointer;color:var(--pine);font-size:13px;font-weight:600}.optional-section>summary span{display:block;font-size:11px;font-weight:400;color:var(--muted);padding-left:17px;margin-top:4px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:21px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}.form-actions>button{flex:1}.privacy-copy{font-size:12px;color:var(--muted);line-height:1.6;margin-top:23px}.draft-status{font-size:11px;color:var(--muted);margin-top:10px}.release-results{list-style:none;padding:0;margin:7px 0 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.release-results li+li{border-top:1px solid var(--line)}.release-results button{display:block;text-align:left;width:100%;padding:12px;font-size:13px;min-height:44px}.release-link{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:11px;color:var(--pine)}.release-link button{font-size:11px;min-height:36px;text-decoration:underline}.photo-preview{margin-top:13px}.photo-preview img{max-width:100%;max-height:260px;border-radius:9px;display:block}.photo-preview .text-link{margin-top:5px}.detail-overall{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.private-box{background:var(--wash);padding:18px;border-radius:9px;margin-top:22px}.private-box h3{font-size:12px;color:var(--pine);margin-bottom:12px}.private-box p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.private-box .fine{margin-top:9px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.detail-actions button,.detail-actions a{flex:1;min-width:130px}.detail-meta{font-size:12px;color:var(--muted);margin-top:9px}.detail-photo{max-width:100%;max-height:420px;border-radius:10px;margin-top:20px}.profile-cover{background:#e5ecde;height:85px}.profile-info{padding:0 27px 25px}.profile-info>.avatar{width:65px;height:65px;border:5px solid var(--surface);margin-top:-28px;font-size:18px;position:relative}.profile-info h1{font-size:26px;margin-top:10px}.profile-info .fine{margin-top:5px}.profile-form label{margin-bottom:19px}.profile-footer{margin-top:35px;padding-top:24px;border-top:1px solid var(--line)}.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 18px;border-radius:9px;background:var(--ink);color:white;box-shadow:0 5px 28px #0002;max-width:min(430px,calc(100vw - 32px));font-size:13px;width:max-content;pointer-events:none}dialog{max-width:min(600px,calc(100vw - 28px));width:100%;border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--surface);color:var(--ink);max-height:90svh;overflow:auto}dialog::backdrop{background:#17251fa6}dialog h2{font:29px var(--serif);letter-spacing:-.6px;margin-bottom:11px}dialog p{font-size:13px;margin-top:10px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.dialog-actions button{flex:1;min-width:120px}.dialog-close{float:right;min-height:36px;min-width:36px;font-size:22px;color:var(--muted)}.dialog-body{clear:both}.dialog-warning{background:#f4eddd;padding:13px;border-radius:6px;color:#785627}.conflict-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.conflict-columns h3{font-size:13px;margin-bottom:9px}.conflict-columns pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 var(--sans);padding:12px;background:var(--wash);border-radius:7px;max-height:340px;overflow:auto}.flavour-guide{padding:15px;border:1px solid var(--line);border-radius:10px;background:#fbfcf7;margin-top:8px;grid-column:1/-1}.flavour-guide>summary{font-size:13px;font-weight:600;color:var(--pine);cursor:pointer;min-height:35px}.wheel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}.wheel-toolbar label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.wheel-toolbar select{width:auto;padding:8px;font-size:16px;margin:0}.wheel-toolbar button{font-size:12px;padding:9px 12px;min-height:42px}.wheel-path{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wheel-path button{padding:7px 0;min-height:36px;font-size:11px;color:var(--muted)}.wheel-path button[aria-current]{font-weight:650;color:var(--pine)}.wheel-path span{color:var(--muted);font-size:12px}.wheel-svg{width:100%;max-width:330px;display:block;margin:10px auto}.wheel-svg text{font-size:15px;fill:var(--ink)}.wheel-svg [role=button]{cursor:pointer}.wheel-svg [role=button]:focus{outline:none}.wheel-svg [role=button]:focus path{stroke:var(--pine);stroke-width:4}.wheel-svg .wheel-center{font:18px var(--serif);fill:var(--pine)}.wheel-svg .wheel-center-hint{font-size:11px;fill:var(--muted)}.wheel-choices{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.wheel-choices button{border:1px solid var(--line);background:var(--surface);color:var(--pine);border-radius:8px;font-size:12px;min-height:44px;padding:10px 12px}.wheel-choices.leaf{display:grid;grid-template-columns:1fr 1fr;max-width:380px;margin:auto}.wheel-choices.leaf button{text-align:left;min-height:48px}.wheel-leaf{max-width:270px;margin:15px auto;text-align:center;padding:28px 15px 24px;border-radius:50% 50% 14px 14px}.wheel-leaf h3{font:29px var(--serif);margin:8px 0}.wheel-leaf p{font-size:12px}.wheel-status{font-size:12px;color:var(--pine);min-height:23px;margin-top:13px}.wheel-stage{animation:wheel-in .2s ease-out}@keyframes wheel-in{from{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.noscript{padding:30px;font-size:16px}
@media(min-width:761px){.tasting-card details summary{display:none}.tasting-card details .note-grid{display:grid}.tasting-card details:not([open])>.note-grid{display:none}}
@media(max-width:1100px){.app-shell{grid-template-columns:185px minmax(0,1fr) 230px}.sidebar{padding:30px 16px}.rightbar{padding:30px 17px}.welcome{padding:22px 16px}}
@media(max-width:950px){.app-shell{grid-template-columns:190px minmax(0,1fr);max-width:900px}.rightbar{display:none}.auth-story{padding:45px 6vw}.auth-form-wrap{padding:40px 30px}}
@media(max-width:760px){.auth-page{display:block}.auth-story{padding:30px 24px 34px;gap:33px}.auth-story>.quiet{display:none}.auth-story .brand{font-size:34px}.auth-story h1{font-size:40px;letter-spacing:-1.3px;margin:13px 0 17px}.auth-story h1 br{display:none}.auth-intro{font-size:14px}.auth-intro br{display:none}.auth-form-wrap{padding:31px 24px 50px}.auth-form{max-width:430px}.auth-form h2{font-size:25px}.app-shell{display:block;max-width:650px}.sidebar{position:static;height:auto;padding:18px 20px 8px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:16px 10px}.sidebar .brand{font-size:33px}.sidebar .new-dram{grid-column:2;grid-row:1;padding:10px 12px;min-height:40px;font-size:12px}.sidebar nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-around;gap:7px}.sidebar nav a{flex:1;justify-content:center;flex-direction:column;gap:4px;font-size:10px;padding:8px;min-height:52px}.sidebar nav .icon{width:19px;height:19px}.sidebar-person{display:none}.page-head{padding:24px 20px 20px}.page-head h1{font-size:24px}.page-head p{font-size:12px}.content{padding:21px 20px 35px}.feed-prompt{padding:14px 20px;font-size:13px}.post{padding:21px 20px}.post-introduction{font-size:14px}.tasting-top{padding:16px}.tasting-top h2,.tasting-top h3{font-size:24px}.tasting-card summary{padding:13px 16px}.note-grid{grid-template-columns:1fr;padding:16px;gap:15px}.note-grid dd{font-size:14px}.list-toolbar{padding:15px 20px}.dram-row{padding:22px 20px;gap:12px;grid-template-columns:34px minmax(0,1fr)}.dram-row h2{font-size:16px}.fields{grid-template-columns:1fr}.composer fieldset{margin-top:23px}.optional-section{margin-top:19px}.form-actions{gap:8px}.form-actions button{font-size:12px;padding:12px 9px}.profile-info{padding-left:20px;padding-right:20px}.empty{padding:34px 20px}.empty h2{font-size:28px}.wheel-svg text{font-size:18px}.wheel-svg .wheel-center{font-size:19px}.wheel-svg .wheel-center-hint{font-size:13px}.flavour-guide{padding:12px}.wheel-choices button{padding:10px 9px}.wheel-leaf{max-width:230px}.conflict-columns{grid-template-columns:1fr}.toast{bottom:max(16px,env(safe-area-inset-bottom));font-size:12px}.detail-actions a,.detail-actions button{min-width:110px;font-size:12px}.page-head .head-row .secondary{min-width:60px}.post-footer{font-size:11px}}
@media(max-width:350px){.sidebar{padding-left:16px;padding-right:16px}.sidebar .new-dram{font-size:11px}.content,.page-head,.post{padding-left:17px;padding-right:17px}.rating-glasses{gap:2px}.trijective-inputs{gap:5px}.trijective-inputs input{padding-left:6px;padding-right:6px}.form-actions{flex-direction:column}.wheel-toolbar{gap:6px}.wheel-toolbar label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wheel-stage{animation:none}}
/* Notes lead the composer; each flavour helper stays with its own field. */
.core-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:23px}.core-notes>.note-field:last-child{grid-column:1/-1}.note-field{margin-top:20px;min-width:0}.core-notes .note-field{margin-top:0;margin-bottom:18px}.note-field>label{margin:0}.note-input{position:relative;margin-top:7px}.note-input textarea{display:block;min-height:132px;padding-bottom:49px}.field-flavour{position:absolute;right:7px;bottom:7px;display:flex;align-items:center;gap:6px;padding:6px 9px;min-height:36px;font-size:11px;color:var(--pine);border-radius:6px;background:var(--wash)}.field-flavour .icon{width:15px;height:15px}.tri-suggestions{margin-top:11px;font-size:11px;color:var(--muted)}.tri-suggestions>p{font-size:11px;line-height:1.6}.tri-suggestions .suggestion-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.suggestion-head span{font-size:11px}.suggestion-head button{color:var(--pine);font-size:11px;font-weight:600;padding:8px 0;min-height:36px;text-decoration:underline;text-underline-offset:3px}.tri-suggestions .suggestion-quiet{margin-top:4px;color:var(--muted)}.note-wheel{border:0;background:transparent;padding:0;margin-top:10px}.wheel-destination{font-size:12px;color:var(--pine);font-weight:550}.note-wheel .wheel-toolbar{margin-top:4px}.tasting-summary{padding:0 18px 16px;background:var(--wash)}.tasting-summary .rating-display{margin-top:0;padding-top:13px}.feed-overall{padding:17px 18px 19px;border-bottom:1px solid var(--line)}.feed-overall h3{font-size:10px;color:var(--pine);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.feed-overall p{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.post-photo+.tasting-summary{padding-top:1px}.post-footer{flex-wrap:wrap}
@media(max-width:760px){.core-notes{grid-template-columns:1fr;gap:0;margin-top:22px}.core-notes .note-field{margin-bottom:18px}.note-input textarea{min-height:135px}.field-flavour{min-height:40px;padding:7px 10px}.tasting-summary{padding-left:16px;padding-right:16px}.feed-overall{padding:16px}.note-wheel .wheel-choices button{font-size:12px}}
.post-social{display:flex;align-items:center;gap:25px;margin-top:8px}.post-social>button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:12px;color:var(--muted)}.post-social>button[aria-pressed=true]{color:var(--copper)}.post-social>button[aria-pressed=true] .icon{fill:#a9562420}.post-social .icon{width:18px;height:18px}.social-error{font-size:12px;color:#873f25;background:#f8eee7;padding:10px 12px;border-radius:6px;margin-top:10px;line-height:1.5}.comments-panel{border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.comments-heading{display:flex;justify-content:space-between;align-items:center}.comments-heading h3{font-size:13px}.comments-heading .text-link{font-size:11px}.comment{padding:15px 0;border-bottom:1px solid var(--line)}.comment-byline{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.comment-byline strong{font-size:12px}.comment-byline span{font-size:10px;color:var(--muted)}.comment-body{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.comment-actions{display:flex;gap:17px;margin-top:3px}.comment-actions .text-link{font-size:11px;min-height:36px}.comment-form{margin-top:17px}.comment-form label,.comment-edit label{font-size:12px}.comment-form textarea,.comment-edit textarea{min-height:80px;font-size:14px}.comment-form>.primary{margin-top:10px;min-height:42px;font-size:12px}.comment-edit-actions{display:flex;gap:9px;margin-top:10px}.comment-edit-actions button{font-size:12px;min-height:42px}.comment-list>.fine{margin:12px 0}.comment-more .text-link{font-size:11px}
@media(max-width:760px){.comment-form textarea,.comment-edit textarea{font-size:16px}.post-social{gap:29px}.comment-actions .text-link{min-height:44px}.comment-body{font-size:14px}.comment-edit-actions{flex-wrap:wrap}.comment-edit-actions button{flex:1}}

/* Ordinary posts share the established feed/composer typography and palette. */
.post-choices{display:grid;gap:20px}.post-choice{display:block;border:1px solid var(--line,#deded4);border-radius:18px;padding:24px;color:inherit;text-decoration:none;background:var(--paper,#fffefa)}.post-choice:hover{border-color:var(--green,#3d5846)}.post-choice h2{margin:0 0 10px}.post-choice p{margin:0 0 18px}.ordinary-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:22px 0}.ordinary-post>.post-photo{margin-top:20px}.ordinary-post .post-footer{margin-top:20px}#post-body{min-height:200px}

.feed-tabs{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}.feed-tabs [aria-pressed="true"]{background:var(--ink,#293329);color:#fff}.follow-button{margin-left:auto;flex-shrink:0}.byline{flex-wrap:wrap}

.member-name:hover{text-decoration:underline;text-underline-offset:3px}.member-bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:620px;margin-top:18px;font-size:15px}.member-actions{display:flex;gap:12px;margin:20px 0}.member-activity-heading{padding:24px 27px;border-bottom:1px solid var(--line)}.member-activity-heading h2{font-size:19px;margin-bottom:7px}@media(max-width:760px){.member-activity-heading{padding:22px 20px}}

/* Keep the phone tasting's real actions in reach, with space reserved for them. */
.photo-status{font-size:12px;color:var(--pine);margin:8px 0;line-height:1.5;overflow-wrap:anywhere}.mobile-save-hint{display:none}.tasting-top h2,.tasting-top h3,.dram-row h2,.page-head h1{overflow-wrap:anywhere}.note-grid dd{overflow-wrap:anywhere}
@media(max-width:760px){
 #tasting-form{padding-bottom:calc(132px + env(safe-area-inset-bottom));}
 #tasting-form .tasting-actions{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:650px;margin:0 auto;padding:10px 20px calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 18px #26382d0c;display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;}
 #tasting-form .tasting-actions .mobile-save-hint{display:block;grid-column:1/-1;font-size:10px;color:var(--muted);text-align:center;}
 #tasting-form .tasting-actions button{min-height:44px;min-width:0;font-size:12px;padding:10px 7px;}
 #tasting-form input,#tasting-form textarea,#tasting-form [tabindex]{scroll-margin-bottom:150px;}
}
/* Give notes room when landscape or a software keyboard leaves little height. */
@media(max-width:760px) and (max-height:500px){#tasting-form .tasting-actions{position:static;margin-top:22px;padding-left:0;padding-right:0;box-shadow:none}#tasting-form{padding-bottom:35px}}

/* Activity keeps the same cards and member navigation as the shared feed. */
.activity-count{display:inline-block;background:var(--green,#254f40);color:white;border-radius:1em;padding:1px 6px;font-size:.75rem}
.activity-list{list-style:none;padding:0;margin:0}.activity-item{padding:16px 0;border-bottom:1px solid #dcded5;display:flex;align-items:center;gap:12px}.activity-item>a{flex:1;display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;min-width:0}.activity-item>a>span:last-child{overflow-wrap:anywhere;min-width:0}.activity-item .fine{display:block;margin-top:4px}.activity-item.unread{border-left:3px solid #254f40;padding-left:12px}.activity-item .secondary{flex-shrink:0}.sidebar nav a[hidden],.activity-count[hidden]{display:none}
@media(max-width:450px){.activity-item{flex-wrap:wrap}.activity-item .secondary{margin-left:52px}.sidebar nav a{padding-left:8px;padding-right:8px}}

.discovery-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.discovery-form label{flex:1;min-width:180px}.discovery-form>.fine{flex-basis:100%}.discovery-results{margin-bottom:28px}.discovery-results ul{list-style:none;padding:0}.discovery-results li a{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.discovery-results .fine{display:block;margin-top:4px}.release-name{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.release-info dl>div{margin:12px 0}.release-info dt{font-size:12px;color:var(--muted)}.release-info dd{margin:3px 0;overflow-wrap:anywhere}.release-info .primary{margin-top:12px}.release-info>.fine{margin-top:10px}

.home-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}@media(max-width:450px){.page-head:has(.home-actions) .head-row{flex-wrap:wrap}.home-actions{margin-top:8px}}

.producer-releases{list-style:none;padding:0;margin:0}.producer-releases a{display:block;padding:15px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.producer-releases .fine{display:block;margin-top:5px}

.journal-filter-form{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 16px}.journal-filter-form label{margin:0;min-width:0}.journal-filter-form input,.journal-filter-form select{width:100%;min-width:0}.journal-whisky,.journal-filter-form>.fine{grid-column:1/-1}.journal-filter-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.journal-filter-form>.fine{margin:0}@media(max-width:450px){.journal-filter-form{gap:12px}.journal-filter-actions{grid-column:1/-1}}

.help-content section + section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line,#deded6)}
.help-content h2{margin-bottom:.75rem}
.help-content p{line-height:1.65;margin-bottom:1rem}
.help-content .primary{display:inline-block}

/* Keep invitation and recovery focused, without signed-in navigation. */
.app-shell[data-account="true"] { display:block; max-width:680px; margin:auto; }
.app-shell[data-account="true"] .sidebar,.app-shell[data-account="true"] .rightbar { display:none; }
.app-shell[data-account="true"] #main { margin:0; padding:32px 20px; }
.account-content { max-width:520px; }
.account-content label { display:block; margin-bottom:20px; }

.account-content p { margin: 0 0 20px; }
.account-content button + p { margin-top:20px; }