:root{--paper:#f4f1e9;--ink:#292e27;--muted:#797c72;--line:#dcded2;--olive:#697458;--gold:#cab785;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #97a77b;outline-offset:4px}button{border:0;background:none}button,a,input,select,textarea{border-radius:3px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 4%;padding:27px 0;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:16px;text-decoration:none;letter-spacing:2.3px;font-size:12px;font-weight:600}.wordmark small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:4px}.logo{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #9b9f8e;font:32px var(--serif);position:relative;letter-spacing:-10px;padding-right:10px}.logo span{font-size:23px;transform:translateY(7px)}.top-actions{display:flex;gap:25px;align-items:center}.local{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.local i{display:inline-block;width:5px;height:5px;background:#82926a;border-radius:100%;margin-right:7px}.text-button{font-size:12px;text-decoration:none}.dark-button{background:var(--ink);color:var(--paper);padding:12px 18px;font-size:12px}.dark-button:hover{background:#46513c}.outline-button{border:1px solid #d1d3c7;padding:10px 14px;font-size:12px;white-space:nowrap}.outline-button:hover{background:#e7e8dc}main{max-width:1920px;margin:auto;padding:0 4%}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:55px 0 48px}.eyebrow{letter-spacing:2px;font-size:9px;color:var(--olive);font-weight:600;margin:0 0 16px}h1{font:normal clamp(38px,4.2vw,65px)/1.12 var(--serif);letter-spacing:-2px;margin:0 0 20px}.subtitle{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.stats{display:flex;gap:42px;padding:15px 0 0}.stats div{display:flex;flex-direction:column}.stats strong{font:42px var(--serif)}.stats span{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:10px}.collection-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:28px}.tabs button{border-radius:0;padding:15px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--olive)}.quiet{font-size:11px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:12px;padding:22px 0 15px}.search{display:flex;align-items:center;gap:12px;flex:1;background:#fff8;border:1px solid var(--line);padding:5px 14px}.search span{font-size:24px;line-height:1}.search input{border:0;outline:none;background:transparent;min-width:50px;width:100%;padding:8px 0;font-size:12px}.toolbar select{border:1px solid var(--line);background:transparent;padding:12px 28px 12px 12px;max-width:190px;font-size:12px}.view-meta{display:flex;justify-content:space-between;align-items:center;margin:5px 0 17px;font-size:10px;color:var(--muted)}.legend{display:flex;gap:16px}.legend>span{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot.tried{background:#a4ae8a}.dot.untried{background:#d0ac6f}.dot.unknown{border:1px solid #969890;background:transparent}.cabinet{border:7px solid #252722;border-radius:9px;background:#20221e;box-shadow:0 16px 30px #28291f18,0 2px 3px #0003;overflow:hidden;color:#d4d6c9}.case-lid{display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,#34372f,#262923);height:64px;border-bottom:3px solid #151712;padding:0 26px;box-shadow:inset 0 1px 0 #ffffff0d;font-size:8px;letter-spacing:2.3px;color:#959a8b}.case-emblem{font:24px var(--serif);letter-spacing:-3px;border:1px solid #727a6266;border-radius:50%;width:36px;height:36px;padding-top:2px;text-align:center;padding-right:3px}.case-year{margin-left:auto;font-size:7px;letter-spacing:2.7px}.shelf{background:radial-gradient(ellipse at 50% 0,#30342b,#23261f 75%);border-bottom:9px solid #151711;box-shadow:inset 0 -1px 0 #494b40;position:relative;padding:13px 22px 0}.shelf-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#959b88;gap:20px;margin-bottom:14px}.shelf-caption>span:last-child{font-size:7px;letter-spacing:.7px;color:#8c9281}.shelf-scroll{display:flex;align-items:flex-end;overflow-x:auto;gap:27px;padding:0 0 12px;scrollbar-color:#555d48 #24281f;scrollbar-width:thin}.brand-group{flex:0 0 auto;min-width:75px}.vials{display:flex;gap:5px;align-items:flex-end}.brand-label{margin:9px 0 0;text-align:center;max-width:100%;border-top:1px solid #555d423d;padding:7px 0 0;font-size:7px;letter-spacing:1px;text-transform:uppercase;color:#a8ad9b;white-space:nowrap}.scent{display:flex;flex-direction:column;align-items:center;width:78px;position:relative;padding:2px 3px 5px;border-radius:4px;flex:0 0 78px;transition:background .2s,transform .2s}.scent:hover{background:#ffffff09;transform:translateY(-3px)}.scent-top{display:flex;align-items:center;justify-content:space-between;align-self:stretch;font-size:8px;color:#a8ad9a;padding:0 5px 7px}.vial{display:block;position:relative;height:97px;width:25px;filter:drop-shadow(3px 4px 2px #0008);margin:3px 0 10px}.cap{display:block;width:25px;height:28px;background:linear-gradient(90deg,#10120f,#34372f 35%,#171914 65%,#0d0f0c);border-radius:5px 5px 1px 1px;box-shadow:inset 0 1px 0 #ffffff29;position:relative;z-index:2}.glass{display:block;position:relative;height:69px;width:25px;border-radius:2px 2px 6px 6px;border:1px solid #b8c1a75c;background:linear-gradient(90deg,#ffffff05,#d7e2ca2a 15%,#ffffff05 25%,#ffffff08 72%,#e8f2cf38 87%,#ffffff05);overflow:hidden;box-shadow:inset 0 -3px 0 #c9d1be33}.glass:before{content:'';position:absolute;top:0;bottom:3px;left:11px;width:1px;background:#d3dcc14d}.liquid{position:absolute;bottom:3px;left:2px;right:2px;height:60%;border-top:1px solid #d8c18835;background:linear-gradient(90deg,#c9b67615,#d3b77730,#9e8a4c12);border-radius:0 0 3px 3px}.vial-label{position:absolute;inset:12px 5px 5px;writing-mode:vertical-rl;text-orientation:mixed;font-size:5px;letter-spacing:1px;color:#dedfd1;white-space:nowrap;overflow:hidden;text-align:center}.white .cap{background:linear-gradient(90deg,#a9aca1,#e4e6d8 30%,#f0f0e4 55%,#a6ac9b)}.white .vial-label{background:#dedccd;color:#4a4c41;padding:2px}.clear .cap{background:linear-gradient(90deg,#b0b8a14d,#dfe7d78c 30%,#c6ceba5c 70%,#e2ecd85c);border:1px solid #dde6cc47;box-shadow:inset 0 4px 0 #c3cbb333}.scent-name{font-size:8px;line-height:1.35;min-height:34px;max-width:77px;display:flex;align-items:center;justify-content:center;color:#e0e1d6}.scent-type{font-size:6.5px;letter-spacing:.7px;color:#a1a791;margin-top:3px}.empty-scent .liquid{height:0}.empty-scent .vial{opacity:.45}.front-content{display:flex;gap:35px;align-items:flex-end;min-height:155px;padding:0 0 10px}.front-primary{display:flex;align-items:flex-end}.front-shelf{border-bottom:0}.unidentified{flex:1;min-width:160px;align-self:center;color:#8f9781;display:flex;align-items:center;gap:20px}.unidentified p{font-size:9px;max-width:115px}.unidentified small{display:block;color:#6e7760;font-size:8px;margin-top:4px}.decanter{width:120px;height:48px;border-radius:9px;border:1px solid #adb49b55;background:repeating-linear-gradient(45deg,transparent,transparent 8px,#c8ceb917 9px,transparent 11px),repeating-linear-gradient(-45deg,transparent,transparent 8px,#c8ceb917 9px,transparent 11px),linear-gradient(180deg,#ffffff08,#ffffff19,#ffffff04);position:relative;transform:rotate(-5deg)}.decanter:after{content:'';position:absolute;width:34px;height:25px;right:-33px;top:11px;background:linear-gradient(#aa9568,#d6c393,#756546);border-radius:0 4px 4px 0}.bottle{width:43px;height:97px}.bottle .cap{width:25px;margin:auto;height:22px;background:linear-gradient(90deg,#aa8b48,#e7d5a2,#9b7e38)}.bottle .glass{width:43px;height:75px;background:linear-gradient(90deg,#2b352e,#4e5e43,#253020)}.blue .glass{background:linear-gradient(90deg,#111c2a,#213a56,#101d2c);border:1px solid #425066}.blue .vial-label{writing-mode:horizontal-tb;inset:24px 8px;font-size:0;border:1px solid #a98a42;border-radius:50%;height:23px}.blue .vial-label:after{content:'V';font:13px var(--serif);color:#bca364;line-height:21px}.extras{margin-left:auto;max-width:54%;border-left:1px solid #5f67413b;padding-left:25px;min-width:0}.extras .shelf-scroll{gap:22px}.extras .vial{height:74px}.extras .cap{height:22px}.extras .glass{height:52px}.extras .scent-name{font-size:7px;min-height:22px}.extras .brand-label{font-size:6px}.extras .scent{width:65px;flex-basis:65px}.extra-note{font-size:7px;color:#8f9780;display:block;margin-bottom:5px}.case-edge{height:35px;background:#181a15;display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:inset 0 1px 0 #51563f;font-size:6px;letter-spacing:2px;color:#758066}.case-edge i{display:block;width:34px;height:14px;border:1px solid #8c8d79;border-radius:2px;background:linear-gradient(#555c48,#b0b39c,#686f59);box-shadow:0 2px 2px #0008}.below-case{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin-top:30px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-label h2{font:22px var(--serif);margin:0 0 16px}.section-label>span{font-size:9px;color:var(--muted)}.secondary-items{display:flex;gap:10px;flex-wrap:wrap}.mini-card{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);padding:12px;flex:1;min-width:170px;background:#faf8f13d}.mini-card:hover{background:#e7e8dc}.mini-card span:nth-child(2){flex:1}.mini-card small{display:block;font-size:8px;color:var(--muted)}.mini-card strong{display:block;font-size:11px;font-weight:500;margin:2px 0}.mini-symbol{font-size:21px}.footnote{display:flex;justify-content:space-between;gap:20px;margin:22px 0;font-size:9px;color:var(--muted)}.footnote a{text-underline-offset:3px}footer{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:42px;padding:25px 0 35px}.footer-mark{font:25px var(--serif);letter-spacing:-3px;color:var(--olive)}footer p{font:14px var(--serif);margin:0}footer p span{font:9px/1.6 var(--sans);color:var(--muted);display:block;max-width:700px;margin-top:6px}footer>.quiet{margin-left:auto;font-size:8px;letter-spacing:1px}.table-wrap{overflow:auto;max-height:75vh;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:15px;background:#e9eadf;position:sticky;top:0;z-index:1}td{border-bottom:1px solid var(--line);padding:16px;vertical-align:top;min-width:80px}td:first-child{min-width:230px}td:nth-child(3){min-width:190px}.table-brand{display:block;font-size:10px;color:var(--muted)}.record-link{text-align:left;font:17px var(--serif);padding:4px 0;text-decoration:underline;text-decoration-color:#a7b295;text-underline-offset:4px}td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.table-note{min-width:240px;white-space:pre-wrap}.status-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.photo-layout{display:grid;grid-template-columns:3fr 1fr;gap:25px;align-items:center}.photo-frame{position:relative}.photo-frame img{width:100%;display:block;border-radius:5px}.photo-pin{position:absolute;padding:8px 10px;background:#f7f2e7ee;color:#282e24;font-size:9px;border:1px solid #e1dac7;box-shadow:0 2px 10px #0003;max-width:32%}.dylan-pin{left:56%;top:68%}.extras-pin{right:2%;top:77%}.photo-notes h2{font:30px var(--serif)}.photo-notes p{font-size:12px;line-height:1.9;color:var(--muted)}.no-results{padding:70px 25px;text-align:center;border:1px solid var(--line)}.no-results h2{font:34px var(--serif)}.no-results p{max-width:550px;margin:0 auto 22px;color:var(--muted)}.empty-row{font-size:11px;padding:35px 0;color:#8f9781}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(570px,100%);height:100%;max-height:100%;max-width:100%;border:0;background:var(--paper);color:var(--ink);padding:0;box-shadow:-10px 0 50px #0002}dialog::backdrop{background:#1b211d7a;backdrop-filter:blur(3px)}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 0}.drawer-top .eyebrow{margin:0}.close{font-size:29px;line-height:1;padding:4px 10px;color:var(--muted)}#detail-body{padding:15px 32px 25px}.detail-brand{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--olive);margin:16px 0 10px}#detail-title{font:36px/1.15 var(--serif);margin:0 0 18px;letter-spacing:-1px}.detail-tags{display:flex;gap:10px}.detail-tags span{font-size:9px;padding:5px 9px;border:1px solid var(--line);color:var(--muted)}.character{font:18px/1.5 var(--serif);margin:23px 0}.notes-section{background:#e9ecdf;padding:20px;margin:25px -10px}.section-label h3,.detail-section h3{font:22px var(--serif);margin:0 0 15px}.section-label>span{font-size:7px;letter-spacing:1px}.field{display:block;margin:0 0 14px}.field>span{display:block;font-size:10px;margin-bottom:7px;color:#6a725e}.field input,.field select,.field textarea{width:100%;border:1px solid #d0d6c6;padding:10px 11px;background:#fffc;color:var(--ink);font-size:12px;max-width:100%}.field textarea{resize:vertical;line-height:1.7}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.field-help{font-size:10px;color:var(--muted);line-height:1.7}.detail-section{padding:10px 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}.detail-section dt{font-size:9px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin:20px 0 7px}.detail-section dd{font-size:12px;line-height:1.85;margin:0;white-space:pre-wrap}.edit-reference summary{font-size:12px;cursor:pointer;padding-bottom:18px}.edit-reference[open]{padding-top:5px}.drawer-bottom{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);padding:18px 25px;display:flex;gap:20px;align-items:center;justify-content:space-between}#save-state{font-size:10px;color:var(--muted);max-width:300px}#save{flex-shrink:0}.data-note{padding:12px;background:#eae2cf;font-size:11px;line-height:1.6}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#303a29;color:#fff;padding:15px 24px;border-radius:4px;z-index:10;box-shadow:0 4px 20px #0002;max-width:90%;font-size:12px}
@media(min-width:1600px){.scent{width:86px;flex-basis:86px}.scent-name{font-size:9px}.shelf-scroll{gap:35px}.brand-label{font-size:8px}.shelf{padding-top:17px}.vial{height:107px}.glass{height:79px}}
@media(max-width:1000px){.top-actions{gap:15px}.local{display:none}.stats{gap:25px}.stats strong{font-size:34px}.intro{padding:40px 0}.toolbar{flex-wrap:wrap}.search{flex-basis:40%}.collection-heading>.quiet{display:none}.below-case{grid-template-columns:1fr}.photo-layout{grid-template-columns:1fr}.photo-notes{padding:10px}.unidentified{min-width:80px;flex-direction:column;gap:5px}.decanter{width:70px}.front-content{gap:15px}.extras{max-width:60%;padding-left:15px}footer>.quiet{display:none}}
@media(max-width:600px){.topbar{padding:18px 0}.wordmark{font-size:9px;gap:10px;letter-spacing:1px}.wordmark small{font-size:6px;letter-spacing:.7px}.logo{height:35px;width:35px;font-size:26px}.top-actions .text-button{display:none}.top-actions .dark-button{padding:10px;font-size:10px}.intro{display:block;padding:30px 0}h1{font-size:42px;letter-spacing:-1.5px}.eyebrow{font-size:8px;letter-spacing:1.4px}.subtitle{font-size:12px}.stats{gap:0;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.stats strong{font-size:30px}.stats span{font-size:7px}.tabs{gap:20px;width:100%;justify-content:space-between}.tabs button{font-size:10px;padding:14px 0}.toolbar{gap:8px}.search{flex-basis:100%}.toolbar label:not(.search){flex:1}.toolbar select{width:100%;max-width:none;font-size:11px;padding:10px}.toolbar>.outline-button{flex-basis:100%;padding:9px}.view-meta{font-size:8px;align-items:flex-start;gap:10px}.legend{gap:8px;font-size:7px}.legend>span{gap:3px}.dot{width:5px;height:5px}.cabinet{border-width:4px}.case-lid{height:52px;padding:0 12px;gap:10px;font-size:6px}.case-year{display:none}.shelf{padding:11px 12px 0}.shelf-caption{font-size:7px;letter-spacing:1px}.shelf-caption>span:last-child{font-size:6px}.scroll-hint{display:none}.shelf-scroll{gap:24px}.front-content{flex-wrap:wrap}.unidentified{flex:1;flex-direction:row;gap:28px}.front-primary{margin-right:25px}.extras{width:100%;max-width:100%;border:0;border-top:1px solid #50583c;padding:15px 0 0;margin:0}.extras .shelf-scroll{justify-content:space-between}.extra-note{font-size:6px}.case-edge{font-size:5px;letter-spacing:1px;padding:0 12px}.case-edge i{width:25px;height:11px}.section-label h2{font-size:21px}.section-label>span{font-size:8px}.footnote{font-size:8px;align-items:flex-start}.footnote span{max-width:65%}.footnote a{text-align:right}footer{margin-top:30px}.photo-pin{font-size:6px;padding:5px}.photo-notes h2{margin:5px 0}.drawer-top{padding:20px 20px 0}#detail-body{padding:15px 20px 25px}#detail-title{font-size:32px}.drawer-bottom{padding:15px}#save-state{font-size:9px}.notes-section{margin-left:-5px;margin-right:-5px;padding:15px}.field-grid{gap:0 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#notice{padding:13px 16px;margin:0 0 15px;border:1px solid #d4bd88;background:#efe5cb;color:#6d582c;font-size:12px}.field :disabled{opacity:.75;cursor:default}

/* Each brand occupies its own labelled compartment. */
.shelf-scroll{gap:36px;align-items:stretch;padding-top:2px}
.brand-group{min-width:110px;border:1px solid #737b5966;border-top:2px solid #b8aa7a;border-radius:5px;background:linear-gradient(180deg,#43493766,#20251c66);box-shadow:0 3px 8px #0002;overflow:hidden}
.brand-label{display:flex;align-items:center;justify-content:center;min-height:49px;inline-size:0;min-inline-size:100%;margin:0;padding:10px 12px;border:0;border-bottom:1px solid #87916d4d;background:#b2bf9020;color:#e4ddbd;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.8px;text-transform:uppercase;text-align:center;white-space:normal;overflow-wrap:break-word}
.brand-group .vials{justify-content:center;gap:6px;padding:12px 10px 10px}
.extras .shelf-scroll{gap:25px;justify-content:flex-start}
.extras .brand-group{min-width:105px}
.extras .brand-label{font-size:10px;min-height:46px}
.front-primary{gap:36px}
@media(max-width:600px){.shelf-scroll{gap:28px}.brand-label{font-size:11px}.extras .shelf-scroll{gap:22px}.extras .brand-label{font-size:10px}}

.personal-rating{display:flex;flex-direction:column;gap:2px;margin-top:7px;font-size:10px;line-height:1.2;white-space:nowrap}
.rating-stars{color:#927126;letter-spacing:1px;font-size:12px}.rating-stars>span{color:#9c9e90}.rating-origin{font-size:8px;color:var(--muted);letter-spacing:0}
.personal-rating.unrated{font-size:9px;color:var(--muted)}
.scent .rating-stars{color:#ddc387;font-size:11px;letter-spacing:0}.scent .rating-stars>span{color:#8c937b}.scent .rating-origin,.scent .personal-rating.unrated{color:#acb29f;font-size:7px}.scent .personal-rating{min-height:25px}
.mini-card .personal-rating{display:flex}.mini-card .rating-origin{font-size:8px}
.rating-editor{padding:0;margin:0 0 20px;border:0;min-width:0}.rating-editor legend{font-size:11px;color:#6a725e;margin-bottom:8px}.rating-choices{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.star-choice{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:39px;height:42px;border-radius:4px;color:#a6ac99;font-size:31px;line-height:1}.star-choice.filled{color:#927126}.star-choice:hover{background:#d4dac6}.star-choice:focus-within{outline:2px solid var(--olive);outline-offset:2px}.star-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.clear-rating{font-size:11px;display:flex;align-items:center;gap:4px;margin-left:10px;cursor:pointer}.rating-scale{font-size:9px;line-height:1.7;color:var(--muted);margin:7px 0 0}.rating-editor .field-help{margin:8px 0 0}.rating-editor:has(input:disabled) label{cursor:default}

.front-left{display:flex;align-items:flex-end;gap:25px}.rebel-pin{left:3%;top:73%;max-width:35%}.vial.decant{width:35px}.decant .cap{width:35px;height:24px}.decant .glass{width:35px;height:73px}.decant .glass:before{left:16px}.decant .vial-label{inset:12px 10px 5px}.front-content{flex-wrap:wrap}.front-content .extras{flex:1;min-width:220px}
@media(max-width:600px){.front-content .extras{flex-basis:100%;min-width:0}.unidentified{min-width:90px}.front-left .brand-group{min-width:100px}.front-primary{margin-right:0}.unidentified .decanter{display:none}}

[hidden]{display:none!important}.login-page{max-width:500px;margin:10vh auto;padding:30px}.login-page>.eyebrow{margin-top:45px}.login-page h1{font-size:43px}.login-page form{margin-top:28px}.login-page .field input{font-size:16px}.top-actions form{margin:0}
@media(max-width:600px){.top-actions .auth-link,.top-actions form .text-button{display:inline-block;font-size:10px;white-space:nowrap}}

.collection{padding:16px 0 40px}.compact-stats{gap:24px;padding:0}.compact-stats div{flex-direction:row;align-items:baseline;gap:6px}.compact-stats strong{font:500 15px var(--sans)}.compact-stats span{font-size:8px;letter-spacing:1px;margin:0}
@media(max-width:600px){.collection{padding-top:4px}.collection-heading{flex-wrap:wrap}.compact-stats{width:100%;margin:0;padding:12px 0;border:0;gap:10px;justify-content:space-between}.compact-stats strong{font-size:14px}.compact-stats span{font-size:7px}.tabs{justify-content:flex-start;gap:25px}}

.mini-card .brand-mark{flex:0 0 64px;width:64px;display:flex;align-items:center;justify-content:center}.brand-mark img{display:block;width:64px;height:42px;object-fit:contain}.mini-card>span:nth-child(2){min-width:0}.mini-card{min-width:210px}
@media(max-width:600px){.mini-card{min-width:100%}.mini-card .brand-mark{flex-basis:72px;width:72px}.brand-mark img{width:72px;height:45px}}

.front-zone{display:block;min-width:0}.front-zone>h3{font-size:9px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#a8ad9b;margin:0 0 12px}.front-group-scroll{display:flex;gap:18px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin;scrollbar-color:#555d48 #24281f}.sideways .vial{transform:rotate(90deg);margin:3px 0 10px}.sideways .scent{width:105px;flex-basis:105px}.front-content{gap:24px}.front-content .extras{max-width:none;flex-basis:270px}.front-zone{max-width:100%}
@media(max-width:600px){.front-zone{width:100%}.front-zone .front-group-scroll{gap:18px}.front-content .extras{flex-basis:100%}}

.extra-variants{display:flex;flex-direction:column;gap:4px;padding:8px;border-top:1px solid #87916d4d}.extra-variants button{font-size:9px;line-height:1.4;color:#d4d6c9;text-align:left;text-decoration:underline;text-underline-offset:3px}.extra-unknown{cursor:default}.extra-unknown:hover{transform:none;background:none}

.sort-button{padding:6px 0;font:inherit;color:inherit;white-space:nowrap}.sort-button:hover{color:var(--ink);text-decoration:underline}.sort-button span{margin-left:4px;color:var(--olive)}

.rating-stars .rating-star{position:relative;display:inline-block;color:#a6ac99}.rating-star.whole:before,.rating-star.half:before{content:'★';position:absolute;left:0;top:0;color:#927126;overflow:hidden;width:100%}.rating-star.half:before{width:50%}.rating-choices{gap:0}.star-choice{width:22px;height:44px;overflow:hidden;border-radius:0}.star-choice .choice-glyph{position:absolute;width:44px;text-align:center;pointer-events:none}.star-choice.left-half .choice-glyph{left:0}.star-choice.right-half .choice-glyph{right:0}.star-choice:has(input:checked){background:#d4dac6}