:root{--bg:#f3eee3;--surface:#fffaf2;--surfaceAlt:#e9e1d2;--text:#233127;--muted:#71776e;--primary:#294a38;--primarySoft:#dce7dc;--danger:#a53f39;--line:#d9d0c0;--shadow:0 7px 22px #26352912;--wood:#7b6049}*{box-sizing:border-box}html[data-theme="dark"]{--bg:#171c18;--surface:#232a24;--surfaceAlt:#30362d;--text:#f1eadc;--muted:#b7b8ad;--primary:#55765e;--primarySoft:#34483a;--danger:#d26c64;--line:#3b433b;--shadow:0 8px 24px #0004;--wood:#6b5948}html[data-theme="light"]{color-scheme:light}@media(prefers-color-scheme:dark){html[data-theme="system"]{--bg:#171c18;--surface:#232a24;--surfaceAlt:#30362d;--text:#f1eadc;--muted:#b7b8ad;--primary:#55765e;--primarySoft:#34483a;--danger:#d26c64;--line:#3b433b;--shadow:0 8px 24px #0004;--wood:#6b5948}}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.38 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:520px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(88px + env(safe-area-inset-bottom))}.top{display:flex;align-items:flex-end;justify-content:space-between;padding:16px 2px 12px}.top h1{font:600 30px/1.04 Georgia,serif;margin:0;letter-spacing:-.02em}.iconbtn,.back,.remove{border:0;background:transparent;color:var(--text)}.iconbtn{font-size:22px;padding:10px}.back{padding:5px 8px 7px 0;font-size:16px}.section,.worldSection{margin:20px 0}.section h2,.worldSection h2{font:600 22px Georgia,serif;margin:0 0 11px}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;opacity:.78}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.world{position:relative;overflow:hidden;border:0;border-radius:20px;min-height:116px;padding:16px;text-align:left;color:#fff;box-shadow:var(--shadow)}.world span{position:absolute;inset:auto 14px 13px;font:600 18px/1.05 Georgia,serif;text-shadow:0 1px 10px #0007}.w1{background:linear-gradient(155deg,#293f34,#7b8770)}.w2{background:linear-gradient(155deg,#664837,#b28560)}.w3{background:linear-gradient(155deg,#253c31,#60725d)}.w4{background:linear-gradient(155deg,#3b6563,#86a29b)}.w5{background:linear-gradient(155deg,#8b703c,#d3b16b);grid-column:span 2;min-height:92px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:16px;min-height:76px;text-align:left;box-shadow:var(--shadow)}.tile span{display:block;font-size:20px;margin-bottom:6px}.tile b{font-size:15px}.sessionStrip{display:flex;justify-content:space-between;align-items:center;border-radius:18px;background:var(--primary);color:#fff;padding:15px 17px;margin-top:22px}.sessionStrip div{display:grid;gap:3px}.worldBanner,.catalogHero,.searchHero,.manageHero,.detailHero,.scentHero{border-radius:23px;padding:20px;margin:4px 0 18px;background:linear-gradient(135deg,#304a3b,#6e795f);color:#fff;box-shadow:var(--shadow)}.worldBanner{min-height:94px;display:flex;align-items:flex-end;font:600 22px Georgia,serif}.catalogHero{background:linear-gradient(135deg,#5d643a,#c18a42);display:flex;justify-content:space-between;align-items:end;min-height:105px}.catalogHero b{font:600 25px Georgia,serif}.catalogHero span{font-size:12px}.searchHero{background:linear-gradient(135deg,#48483f,#8b8b77);display:grid;gap:4px}.searchHero b{font:600 22px Georgia,serif}.searchHero span{font-size:13px}.sceneRow,.scentRow,.manageRow,.card,.roundCard,.historyCard,.detailCard{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.sceneRow,.scentRow{display:flex;align-items:center;gap:12px;padding:13px 14px;margin:8px 0}.sceneTitle,.scentName,.combo{font-weight:700}.sceneScents{font-size:13px;margin-top:5px;color:var(--text)}.plus{flex:0 0 auto;border:0;background:var(--primarySoft);color:var(--primary);border-radius:50%;width:38px;height:38px;font-size:23px}.search{width:100%;padding:13px 15px;border-radius:15px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:16px;margin-bottom:10px}.scentThumb,.scentBig{display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--primarySoft),var(--surfaceAlt));font:600 21px Georgia,serif}.scentThumb{width:48px;height:48px}.scentBig{width:76px;height:76px;font-size:34px;flex:0 0 auto}.intentions{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.intentions span{font-size:11px;background:var(--primarySoft);padding:3px 7px;border-radius:999px}.intentions.big span{font-size:13px;padding:5px 9px}.chev{font-size:21px;color:var(--muted)}.card,.roundCard,.historyCard,.detailCard{padding:15px;margin:9px 0}.row{display:flex;gap:12px;align-items:center}.row.bare{border:0;padding:0;margin:0}.grow{flex:1;min-width:0}.status{width:24px;text-align:center}.ingredients{margin-top:7px;color:var(--muted);font-size:13px}.roundHead{display:flex;justify-content:space-between;gap:8px}.roundCard h3{font:600 21px Georgia,serif;margin:8px 0}.roundScent{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.remove{color:var(--danger);font-size:12px}.primary,.secondary{width:100%;border-radius:16px;padding:14px 16px;font-weight:700;margin-top:10px}.primary{border:0;background:var(--primary);color:#fff}.secondary{border:1px solid var(--line);background:var(--surfaceAlt);color:var(--text)}.empty{text-align:center;padding:34px 18px;color:var(--muted);display:grid;gap:6px}.empty.compact{padding:22px}.tabs,.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surfaceAlt);padding:4px;border-radius:14px;gap:3px}.tabs button,.segmented button{border:0;background:transparent;color:var(--text);padding:9px;border-radius:11px}.tabs .active,.segmented .active{background:var(--primary);color:#fff}.historyCard{position:relative;padding-right:58px}.historyLine{display:grid;gap:2px;border-top:1px solid var(--line);padding:8px 0;font-size:13px}.historyLine span:last-child{color:var(--muted)}.historyCard .plus{position:absolute;right:13px;top:50%;transform:translateY(-50%)}.manageHero{background:linear-gradient(135deg,#403b31,#68705b)}.manageHero h2{font:600 24px Georgia,serif;margin:0}.manageHero p{margin-bottom:0}.manageRow{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px;margin:8px 0;color:var(--text);text-align:left}.detailHero h2,.scentHero h2{font:600 26px Georgia,serif;margin:5px 0}.detailHero p,.scentHero p{margin-bottom:0}.detailCard{position:relative}.detailRatio{font:600 20px Georgia,serif;margin-bottom:8px}.ingredient{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;gap:8px;padding:11px 2px;text-align:left}.role{width:18px;color:var(--primary);font-weight:800}.scentHero{display:flex;align-items:center;gap:15px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10}.bottom button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:5px}.bottom b{display:block;font-size:20px;color:var(--text);font-weight:500}.bottom .active{color:var(--primary);font-weight:700}@media(min-width:800px){body{background:color-mix(in srgb,var(--bg) 85%,var(--surfaceAlt))}.shell{border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--bg)}}
/* v1 component extensions */
button,input,select,textarea{font:inherit}button{cursor:pointer}.heroActions{float:right;display:flex;gap:6px;align-items:center}.heart{border:0;background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--text);width:38px;height:38px;border-radius:50%;font-size:22px}.heart.on{color:#b74949}.star{color:#d7a42d;font-size:23px}.miniMeta{color:var(--muted);font-size:11px;margin-bottom:3px}.sceneFav{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin:10px 0}.roundTools{display:flex;align-items:center;gap:4px}.roundTools button{border:0;background:var(--surfaceAlt);color:var(--text);border-radius:9px;padding:5px 7px}.roundTools button:disabled{opacity:.3}.roundScent{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);display:flex;justify-content:space-between;padding:8px 0;text-align:left}.historyCard.tinted{background:color-mix(in srgb,var(--primarySoft) 38%,var(--surface))}.historyHero,.themeHero{border-radius:20px;padding:18px;margin:4px 0 16px;background:linear-gradient(135deg,#3d473d,#776a53);color:#fff}.themeHero{min-height:105px;display:flex;align-items:flex-end}.themeHero b{font:600 26px Georgia,serif}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionHead h2{margin:0}.softBtn{border:1px solid var(--line);background:var(--primarySoft);color:var(--primary);border-radius:13px;padding:9px 11px;font-weight:700}.toolbar .softBtn{width:100%;margin:0 0 12px}.themeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.themeTile{border:0;min-height:112px;border-radius:17px;padding:10px;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);background:linear-gradient(150deg,#394b3d,#7b745e)}.themeTile b{font:600 16px Georgia,serif}.themeTile span{font-size:10px;opacity:.82;margin-top:3px}.theme1{background:linear-gradient(150deg,#5b4738,#9b7856)}.theme2{background:linear-gradient(150deg,#345353,#77908b)}.theme3{background:linear-gradient(150deg,#554f3b,#95865e)}.collectionCard{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:17px;padding:15px;margin:8px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:var(--shadow)}.collectionCard div{display:grid;gap:3px}.collectionCard span{color:var(--muted);font-size:12px}.form{display:grid;gap:14px;margin:8px 0 24px}.form>label{display:grid;gap:6px;font-weight:700}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:12px}.form textarea{min-height:90px;resize:vertical}.form fieldset{border:1px solid var(--line);border-radius:15px;padding:12px}.form legend{font-weight:700;padding:0 5px}.form .segmented label{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;font-weight:600}.form .segmented input{width:auto}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks label{display:flex;align-items:center;gap:6px}.checks input{width:auto}.badge{font-size:9px;background:var(--primarySoft);color:var(--primary);padding:2px 5px;border-radius:999px;vertical-align:middle}.check{width:22px;height:22px;accent-color:var(--primary);flex:0 0 auto}.selectedToggle{text-align:right;color:var(--muted);font-size:13px;margin:0 2px}.selectedToggle input{accent-color:var(--primary)}.candidate{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:12px 14px;margin:7px 0;display:grid;grid-template-columns:26px 1fr 24px;align-items:center;text-align:left;box-shadow:var(--shadow)}.candidate>span:first-child{color:var(--primary);font-weight:800;font-size:18px}.candidate div{display:grid}.candidate small{color:var(--muted);margin-top:2px}.chosen{display:grid;gap:7px;margin-bottom:12px}.chosen>div{display:flex;justify-content:space-between;align-items:center;border-radius:14px;background:var(--primarySoft);padding:10px 12px}.chosen button{border:0;background:transparent;color:var(--text);font-size:20px}.assist{margin:8px 2px 13px}.composeRow{display:grid;grid-template-columns:1fr 105px 70px;gap:6px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.composeRow select,.composeRow input{min-width:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.dangerBtn{width:100%;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--line));background:transparent;color:var(--danger);border-radius:16px;padding:13px;margin-top:10px;font-weight:700}.metaLine{display:grid;grid-template-columns:125px 1fr;gap:8px;border-top:1px solid var(--line);padding:9px 0;font-size:13px}.center{text-align:center;margin:12px}.toast{position:fixed;z-index:30;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),490px);background:#20251f;color:#fff;border-radius:14px;padding:12px 15px;box-shadow:0 8px 30px #0006;display:flex;justify-content:space-between;align-items:center}.toast button{border:0;background:transparent;color:#cfe4d2;font-weight:700}.status{color:#d7a42d;letter-spacing:-4px;padding-right:4px}.status:has(+*){letter-spacing:0}@media(max-width:370px){.composeRow{grid-template-columns:1fr 90px 58px}.themeGrid{grid-template-columns:1fr 1fr}}@media(min-width:800px){.shell{max-width:560px}.bottom{width:560px}}
.assistTitle{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;margin:12px 2px 5px}
.editLine{display:flex;justify-content:flex-end;margin:-6px 0 6px}.roundCard{padding:13px 15px}.roundCard h3{margin:6px 0;font-size:20px}.roundScent{padding:6px 0}

/* Prototype fidelity pass — approved visual language */
:root{--bg:#f8f5ee;--surface:#fffdf8;--surfaceAlt:#eee8dd;--text:#17231c;--muted:#6e706b;--primary:#315b49;--primarySoft:#dce8df;--line:#e1dbd0;--shadow:0 8px 24px rgba(41,48,39,.08)}
body{font-size:15px;background:var(--bg)}
.shell{max-width:430px;padding:env(safe-area-inset-top) 18px calc(92px + env(safe-area-inset-bottom))}
.top{padding:18px 2px 10px;align-items:center}.top h1{font:500 31px/1.02 Georgia,serif;letter-spacing:-.025em}.top .muted{margin-top:4px}.iconbtn{font-size:26px;font-weight:300}.back{font-size:14px}
.brandTop{padding:20px 2px 8px;display:flex;justify-content:space-between;align-items:flex-start}.brandTitle{font:500 34px/1 Georgia,serif;letter-spacing:-.03em;white-space:nowrap}.brandLeaf{font-size:28px;color:var(--primary);margin-left:5px}.brandTag{font-size:10px;letter-spacing:.3em;text-transform:uppercase;margin-top:9px;color:#555b56}.brandMenu{border:0;background:transparent;font-size:27px;color:var(--text);padding:1px 3px}
.section,.worldSection{margin:22px 0}.section h2,.worldSection h2{font:500 25px/1.1 Georgia,serif;margin:0 0 13px;letter-spacing:-.015em}.sectionTitleRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.sectionTitleRow h2{margin:0}.textLink{border:0;background:none;color:var(--muted);font-size:13px;padding:4px}
.worlds{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.world{min-height:0;padding:0;border-radius:0;background:none!important;box-shadow:none;color:var(--text);overflow:visible;text-align:center}.worldPhoto{height:106px;border-radius:13px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.worldPhoto:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.25))}.worldGlyph{position:absolute;z-index:1;left:50%;bottom:8px;transform:translateX(-50%);font-size:23px;color:white;text-shadow:0 1px 6px #0007}.worldName{display:block;font:500 14px/1.05 Georgia,serif;margin-top:8px}.worldSub{display:block;font-size:9.5px;line-height:1.15;color:var(--muted);margin-top:3px}.world .worldName,.world .worldSub{position:static;text-shadow:none}
.homeLibrary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.homeTile{position:relative;min-height:104px;border:0;border-radius:16px;overflow:hidden;text-align:left;padding:15px;color:var(--text);background:var(--surface);box-shadow:var(--shadow);background-size:cover;background-position:center}.homeTile:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.96) 0%,rgba(255,253,248,.78) 46%,rgba(255,253,248,.15) 100%)}.homeTile>*{position:relative;z-index:1}.homeTileIcon{display:block;font-size:25px;color:var(--primary);line-height:1}.homeTile b{display:block;font:500 19px Georgia,serif;margin-top:12px}.homeTile small{display:block;color:#555b56;font-size:11px;line-height:1.2;margin-top:2px;max-width:75%}.homeTile .tileArrow{position:absolute;right:12px;bottom:12px;font-size:23px;color:white;text-shadow:0 1px 5px #0008}
.homeSessionTitle{font:500 25px Georgia,serif;margin:30px 0 12px}.homeSession{min-height:105px;border-radius:16px;overflow:hidden;position:relative;padding:18px 16px;background:linear-gradient(90deg,#e7ded0 0%,rgba(231,222,208,.92) 43%,rgba(231,222,208,.15) 75%),url('assets/home-opgiet.webp') center/cover;color:var(--text);box-shadow:var(--shadow);display:flex;align-items:center}.homeSessionText{max-width:68%;padding-left:50px}.steamCircle{position:absolute;left:16px;width:42px;height:42px;border-radius:50%;background:rgba(75,77,66,.25);display:grid;place-items:center;font-size:22px;color:white}.homeSession b{display:block;font-size:15px}.homeSession small{display:block;color:#666760;margin-top:5px;line-height:1.3}.homeStart{position:absolute;right:14px;bottom:15px;border:0;border-radius:24px;background:var(--primary);color:white;padding:10px 15px;font-weight:600}
.bottom{width:min(100%,430px);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 95%,transparent)}.bottom button{font-size:10px}.bottom b{font-size:21px;margin-bottom:1px}.bottom .active b{color:var(--primary)}
.worldBanner{min-height:130px;border-radius:20px;padding:17px;background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}.worldBanner:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,31,23,.62),rgba(18,31,23,.04))}.worldBanner span{position:relative;z-index:1;font:500 25px Georgia,serif}.experienceBlock{margin:25px 0}.experienceHero{height:90px;border-radius:18px;background-size:cover;background-position:center;position:relative;overflow:hidden;margin-bottom:9px}.experienceHero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,28,22,.58),transparent)}.experienceHero h2{position:absolute;z-index:1;left:15px;bottom:11px;margin:0;color:white;font:500 23px Georgia,serif}.sceneRow{border-radius:15px;box-shadow:none;padding:11px 12px;margin:6px 0;background:var(--surface)}.sceneTitle{font-size:15px}.sceneScents{font-size:12px}.miniMeta{font-size:10px;text-transform:uppercase;letter-spacing:.04em}.plus{width:35px;height:35px;font-size:21px}
.detailHero{min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(25,42,31,.76),rgba(25,42,31,.1)),url('assets/world-rust.webp') center/cover!important}.detailHero h2{font:500 27px Georgia,serif}.detailHero .eyebrow{opacity:.9}.detailCard{padding:7px 15px 10px;border-radius:18px}.detailRatio{font-size:13px;color:var(--muted);padding:7px 0}.ingredient{padding:14px 1px;font-size:17px}.ingredient .role{font-size:21px;width:24px}.ingredient b{font-size:16px}.sceneFav{border-radius:15px}
.scentHero{min-height:150px;padding:18px;background:linear-gradient(90deg,rgba(35,56,42,.9),rgba(62,83,65,.62)),url('assets/lib-scents.webp') center/cover!important}.scentHero h2{font:500 29px Georgia,serif}.scentBig{background:rgba(255,255,255,.17);color:white;border:1px solid rgba(255,255,255,.25)}.scentHero .heart{background:rgba(255,255,255,.16);color:white}.intentions.big{gap:7px}.intentions.big span{border:1px solid var(--line);background:var(--surface);padding:7px 10px}.comboCard{box-shadow:none}.status{display:flex;flex-direction:column;gap:1px;font-size:14px}.roundCard{box-shadow:none;padding:14px 15px}.roundHead b{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--primary)}.roundCard h3{font:500 20px Georgia,serif;margin:6px 0 8px}.roundScent{font-size:15px}.historyCard{box-shadow:none}.historyCard.tinted{background:color-mix(in srgb,var(--primarySoft) 28%,var(--surface))}
html[data-theme="dark"] .homeTile:before{background:linear-gradient(90deg,rgba(35,42,36,.97),rgba(35,42,36,.8) 48%,rgba(35,42,36,.25))}html[data-theme="dark"] .homeTile small{color:var(--muted)}html[data-theme="dark"] .homeSession{background:linear-gradient(90deg,rgba(44,48,39,.96),rgba(44,48,39,.83) 52%,rgba(44,48,39,.2)),url('assets/home-opgiet.webp') center/cover}html[data-theme="dark"] .homeSession small{color:var(--muted)}
@media(min-width:800px){.shell{max-width:430px}.bottom{width:430px}}
/* review-04: prototype fidelity fixes */
.world .worldPhoto{position:relative!important;inset:auto!important;display:block!important;height:96px!important;border-radius:13px!important;background-size:cover!important;background-position:center!important;box-shadow:var(--shadow)!important;font:inherit!important;text-shadow:none!important}
.world .worldGlyph{display:none!important}
.world .worldName{position:static!important;inset:auto!important;display:block!important;font:500 13px/1.05 Georgia,serif!important;margin-top:8px!important;color:var(--text)!important;text-shadow:none!important;white-space:nowrap}
.world .worldSub{position:static!important;inset:auto!important;display:block!important;font:400 9px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin-top:3px!important;color:var(--muted)!important;text-shadow:none!important;white-space:nowrap}
.worldSection{margin-top:25px!important}.sectionTitleRow{margin-bottom:12px!important}.sectionTitleRow h2{position:static!important}
.homeTile{background-image:none!important;background-color:var(--surface)!important;isolation:isolate}
.homeTile:after{content:'';position:absolute;z-index:-2;inset:0 0 0 48%;background-size:cover;background-position:center;border-radius:inherit}
.homeTile:nth-child(1):after{background-image:url('assets/lib-classics-clean.webp')}.homeTile:nth-child(2):after{background-image:url('assets/lib-scents-clean.webp')}.homeTile:nth-child(3):after{background-image:url('assets/lib-search-clean.webp')}.homeTile:nth-child(4):after{background-image:url('assets/lib-collections-clean.webp')}
.homeTile:before{z-index:-1;background:linear-gradient(90deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 96%,transparent) 50%,color-mix(in srgb,var(--surface) 25%,transparent) 100%)!important}
.homeTile .tileArrow{color:#fff;text-shadow:0 1px 5px #0008}.homeTile small{max-width:72%}
.homeSession{background:linear-gradient(90deg,#e7ded0 0%,rgba(231,222,208,.96) 50%,rgba(231,222,208,.25) 76%),url('assets/home-opgiet-clean.webp') right center/55% 100% no-repeat!important}
html[data-theme="dark"] .homeSession{background:linear-gradient(90deg,rgba(44,48,39,.98),rgba(44,48,39,.9) 52%,rgba(44,48,39,.25)),url('assets/home-opgiet-clean.webp') right center/55% 100% no-repeat!important}
.homeSessionText{max-width:66%}.homeStart{right:13px;bottom:14px}
@media(max-width:410px){.brandTitle{font-size:32px}.worlds{gap:6px}.world .worldName{font-size:12.5px}.world .worldSub{font-size:8.5px}.homeTile{min-height:108px;padding:14px}.homeTile b{font-size:18px}.homeSessionText{max-width:64%}}
/* review-04: world hierarchy and compactness */
.experienceBlock{margin:18px 0 24px}.experienceHero{height:78px;border-radius:16px;margin-bottom:8px}.experienceHero h2{font-size:21px;bottom:10px}.sceneRow{min-height:68px;padding:10px 12px}.sceneScents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:4px}.miniMeta{color:var(--muted)}
/* Detail screens keep photography atmospheric, never at the expense of the core information. */
.detailHero{min-height:180px}.detailCard .ingredient{min-height:58px}.detailCard .ingredient b{font-size:17px}.detailCard .ingredient strong{font-size:17px}
/* Bottom bar: Opgiet is navigation, not an add action. */
.bottom button b{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Symbol",sans-serif;font-weight:400}
/* review-05: prototype fidelity pass */
.noteIcon,.role{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif!important;font-weight:900!important;-webkit-text-stroke:.55px currentColor;display:inline-block;line-height:1;transform:scaleX(1.12);transform-origin:center;color:var(--primary)}
.ingredient .noteIcon{font-size:23px!important;width:25px!important;text-align:center}
.roundScent .noteIcon{font-size:17px;margin-right:4px;vertical-align:-1px}
.scentRow .noteIcon,.scentHero .noteIcon{font-size:16px;vertical-align:-1px}
.candidate>.noteIcon{font-size:20px!important;text-align:center}
/* Scene rows should read as compact rows, not large cards. */
.experienceBlock{margin:17px 0 23px}.experienceHero{height:72px;margin-bottom:7px}.sceneRow{min-height:61px;padding:9px 11px;margin:5px 0;border-radius:14px;gap:10px}.sceneTitle{font-size:14.5px}.sceneScents{font-size:11.5px;margin-top:3px}.sceneRow .plus{width:33px;height:33px;font-size:20px}
/* My Opgiet: rounds carry the hierarchy; add is a quiet route back to Home. */
.roundCard{padding:12px 14px;margin:7px 0}.roundCard h3{font-size:19px;margin:4px 0 6px}.roundScent{padding:5px 0;font-size:14px}.roundHead b{font-size:11px}.addRoundHome{background:transparent;margin-top:8px;padding:11px}
/* Intentions on scent detail: clearer icon-like pills while retaining the six DB labels. */
.intentions.big span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:14px;background:var(--surface)}
/* === Approved iPhone dark design pass 2026-09-20 === */
:root{--brown:#9a6a3a;--brownSoft:#3a2a1d;--bg:#0e0d09;--surface:#181711;--surfaceAlt:#242119;--text:#f4efe5;--muted:#bbb7ae;--primary:#9a6a3a;--primarySoft:#3a2a1d;--line:#403a2e;--shadow:0 10px 28px #0005}
html[data-theme="dark"],html[data-theme="system"]{color-scheme:dark;--bg:#0e0d09;--surface:#181711;--surfaceAlt:#242119;--text:#f4efe5;--muted:#bbb7ae;--primary:#9a6a3a;--primarySoft:#3a2a1d;--line:#403a2e;--shadow:0 10px 28px #0005}
body{font-size:17px;background:radial-gradient(circle at 70% 0,#252014 0,#0e0d09 42%);}
.shell{max-width:430px;padding-left:18px;padding-right:18px;padding-bottom:calc(96px + env(safe-area-inset-bottom));}
.top{padding-top:18px}.top h1{font-size:38px}.top .muted{font-size:17px;margin-top:5px}.back{font-size:17px;min-height:44px}.iconbtn{min-width:44px;min-height:44px}
.plus{background:var(--brownSoft);color:#fff;width:48px;height:48px;font-size:31px;line-height:1;min-width:48px;min-height:48px}
.primary{background:var(--brown);color:#fff;font-size:17px;min-height:52px}.secondary{min-height:50px;font-size:16px}
.noteIcon,.role{font-size:25px;font-weight:900;line-height:1;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Symbol",sans-serif}
/* world */
.worldBanner{min-height:145px;padding:18px;background-size:cover;background-position:center;border-radius:0;margin:0 -18px 18px;padding-left:18px;padding-right:18px;position:relative}
.experienceBlock{margin:22px 0 28px}.experienceHero{height:auto!important;min-height:0!important;background:none!important;margin:0 0 10px!important;padding:0!important}.experienceHero h2{font:600 31px/1.08 Georgia,serif;margin:0;color:var(--text);text-shadow:none}
.sceneRow{min-height:76px;padding:13px 14px;margin:0;border-radius:0;box-shadow:none;border-width:0 0 1px;gap:12px}.experienceBlock .sceneRow:first-of-type{border-radius:17px 17px 0 0;border-top:1px solid var(--line)}.experienceBlock .sceneRow:last-child{border-radius:0 0 17px 17px}.sceneTitle{font:600 22px/1.2 Georgia,serif}.sceneRow .miniMeta{font-size:16px;float:right;margin-left:10px}.sceneScents{display:none}.sceneRow .plus{width:48px;height:48px}
/* combo detail */
.detailHero{background:linear-gradient(180deg,#2a271e,#181711);padding:18px;border-radius:20px}.detailHero .eyebrow{font-size:13px}.detailHero h2{font-size:31px}.detailHero p{display:none}.detailCard{padding:8px 16px}.detailRatio{display:none}.ingredient{min-height:82px;padding:14px 2px;font-size:22px}.ingredient .grow{font:600 24px Georgia,serif}.ingredient b{font-size:21px}.sceneFav{font-size:17px}
/* scent catalog */
.catalogHero{min-height:125px;border-radius:22px;background:linear-gradient(135deg,#302514,#6b4a25);}.catalogHero b{font-size:34px}.toolbar{display:grid;grid-template-columns:1fr auto;gap:8px}.toolbar .search{margin:0}.catalogFilters{display:flex;gap:7px;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none}.catalogFilters select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:10px 12px;font-size:14px}.scentRow{min-height:118px;padding:13px 12px;margin:8px 0;gap:13px}.scentThumb{width:72px;height:72px;font-size:28px}.scentName{font:600 24px/1.05 Georgia,serif;margin-bottom:13px}.scentRow .muted{font-size:17px;line-height:1.25}.scentRow .intentions{margin-top:8px;gap:8px}.scentRow .intentions span{font-size:15px;background:transparent;padding:0;color:var(--muted)}.chev{font-size:30px}
/* scent detail */
.scentHero{min-height:210px;padding:22px}.scentHero h2{font-size:40px}.scentHero .scentBig{display:none}.intentions.big span{font-size:16px;padding:8px 11px}.scentHero+ .section{margin-top:16px}.scentHero~.detailCard h3{font-size:20px}.scentHero~.detailCard p{font-size:17px}.comboCard{padding:15px}.comboCard .combo{font:600 23px/1.15 Georgia,serif}.comboCard .muted{font-size:15px;margin-top:7px}.comboCard .ingredients{font-size:18px;line-height:1.45;margin-top:10px}.comboCard .ingredients .noteIcon{font-size:20px}.comboCard .plus{width:48px;height:48px}
/* rounds */
.roundCard{padding:17px;margin:12px 0}.roundHead>b{font-size:16px}.roundCard h3{font-size:25px;margin:9px 0 12px}.roundCard>.muted{font-size:16px}.roundScent{min-height:48px;font-size:21px;padding:10px 0}.roundScent .noteIcon{font-size:22px}.roundScent b{font-size:20px}.editLine .softBtn{min-height:44px;background:var(--brownSoft);color:var(--text)}
/* history */
.historyCard{padding:17px 70px 17px 17px;margin:12px 0}.historyCard>div:first-child>b{font:600 24px Georgia,serif}.historyCard>div:first-child>.muted{font-size:16px}.historyLine{grid-template-columns:minmax(0,1fr);gap:4px;padding:11px 0;font-size:18px}.historyLine span:first-child{font:600 20px Georgia,serif}.historyLine span:last-child{font-size:17px}.historyCard .plus{right:14px}
/* global bottom nav: approved 4-item bar */
.bottom{width:min(100%,430px);grid-template-columns:repeat(4,1fr);background:rgba(14,13,9,.94);border-top:1px solid #3a3429;padding:10px 6px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}
.bottom button{font-size:13px;min-height:58px;color:#aaa7a0}.bottom b{font-size:27px;line-height:1.05;color:#aaa7a0}.bottom .active,.bottom .active b{color:#f3eadc}.bottom button:nth-child(3) b{font-size:25px}
@media(min-width:800px){body{background:#16130e}.shell{max-width:430px}}
.experienceHero h2{position:static!important;left:auto!important;bottom:auto!important;color:var(--text)!important}
.worldBanner>*{position:relative;z-index:2}.worldBanner .back{display:block;color:#fff;margin-bottom:28px}.worldBanner>div{color:#fff}
.comboHero{min-height:300px;background:linear-gradient(180deg,#0003,#000b),url('assets/world-natuur.webp') center/cover;color:#fff}.comboHero .back{display:block;color:#fff;margin-bottom:42px}.comboHero .heroActions{position:absolute;right:34px;top:42px}.comboHero .eyebrow{font-size:15px;letter-spacing:.16em}.comboHero .comboExperience{font-size:18px;margin-top:5px}.comboHero h2{font-size:38px;line-height:1.05;margin:8px 0 14px}.comboHero .intentions.big span{background:#ffffff18;color:#fff;border:1px solid #ffffff22}
.scentHero{display:block;position:relative;background:linear-gradient(180deg,#385043cc,#182019ee),url('assets/lib-scents.webp') center/cover}.scentHero .back{color:#fff;margin:0 0 42px}.scentHero .heroActions{position:absolute;right:18px;top:18px}.scentHero h2{margin-top:0}
/* prototype fidelity pass */
html[data-theme="dark"]{--bg:#100f0b;--surface:#1b1913;--surfaceAlt:#242118;--text:#f4eee2;--muted:#bdb8ae;--primary:#b17b43;--primarySoft:#3b2c1e;--line:#40382c;--brown:#9b6a38;--brownSoft:#3a2a1c}
body{background:radial-gradient(circle at 50% -10%,#252619 0,#100f0b 35%);font-size:16px}.shell{padding-left:18px;padding-right:18px}.back{font-size:18px}.roundBack{width:48px;height:48px;border-radius:50%;background:#ffffff0c;border:1px solid #ffffff28;font-size:34px;line-height:1;padding:0}.plus{background:var(--brownSoft);color:#fff;border:1px solid #ffffff12;width:48px;height:48px;font-size:31px}.primary.brownAction{background:var(--brown);font-size:19px;min-height:56px;border-radius:28px}
/* world */
.worldBanner{height:210px;min-height:210px;margin:-1px -18px 24px;border-radius:0;padding:26px 30px 22px;background-size:cover!important;background-position:center!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.worldBanner:before{display:none}.worldTitle{font:600 36px/1.05 Georgia,serif;color:#fff;text-shadow:0 2px 16px #000}.experienceBlock{margin:26px 0 32px}.experienceHero h2{font-size:32px}.sceneGroup{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#191711}.sceneRow{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;min-height:82px!important;padding:14px 14px 14px 18px!important}.sceneRow:last-child{border-bottom:0!important}.sceneTitle{font-size:23px!important}.sceneRow .miniMeta{font-size:17px!important;text-transform:none;letter-spacing:0}.sceneRow .plus{width:48px!important;height:48px!important}
/* combo */
.comboHero{height:315px;min-height:315px;margin:-1px -18px 18px;border-radius:0;padding:26px 30px 22px;background-size:cover!important;background-position:center!important;position:relative}.comboHero .back{margin:0 0 36px}.comboHero .heroActions{top:28px;right:28px}.comboHero .eyebrow{font-size:14px}.comboHero .comboExperience{font-size:18px}.comboHero h2{font-size:40px;margin:6px 0 12px}.comboIngredients{display:grid;gap:10px}.ingredientTile{display:grid;grid-template-columns:42px 1fr auto;align-items:center;min-height:92px;border:1px solid var(--line);border-radius:18px;background:#1b1913;color:var(--text);padding:14px 18px;text-align:left}.ingredientTile .role{font-size:29px;width:auto;color:#fff}.ingredientTile strong{font:600 27px Georgia,serif}.ingredientTile b{font-size:22px;font-weight:500}.noteIcon{font-weight:900;text-shadow:0 0 .3px currentColor}
/* scent detail */
.scentHeroV2{margin:-1px -18px 22px;padding:26px 30px 24px;min-height:340px;background-size:cover!important;background-position:center!important;position:relative}.scentHeroV2 .heroActions{position:absolute;right:28px;top:28px}.scentHeroV2 h1{font:600 46px/1 Georgia,serif;margin:24px 0 10px}.scentMeta{font-size:20px;display:flex;gap:8px;align-items:center}.scentMeta .noteIcon{font-size:27px}.intentLabel{font-weight:700;margin-top:16px}.scentHeroV2 .intentions.big span{background:#ffffff12;border-color:#ffffff28;color:#fff;font-size:16px}.character{border-top:1px solid #ffffff35;margin-top:20px;padding-top:15px}.character p{margin:4px 0;font-size:17px}.scentCombos h2{font-size:31px}.scentComboRow{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:15px 14px;margin:10px 0}.scentComboRow .status{width:27px}.scentComboRow .combo{font:600 22px Georgia,serif}.comboIngredientsLine{font-size:16px;margin:7px 0}.comboContext{font-size:14px;color:var(--muted)}.comboContext i{font-style:normal;color:#6f675c;margin:0 5px}
/* catalog */
.catalogTop{margin:-1px -18px 16px;padding:24px 30px 24px;min-height:220px;background:linear-gradient(90deg,#100f0bdd,#100f0b55),url('assets/lib-scents-clean.webp') center/cover}.catalogTop h1{font:600 48px/1 Georgia,serif;margin:22px 0 6px}.catalogTop p{font-size:18px;margin:0}.toolbar{display:grid;grid-template-columns:1fr auto;gap:10px}.searchWrap{height:54px;border:1px solid var(--line);border-radius:27px;background:var(--surface);display:flex;align-items:center;padding:0 16px;font-size:25px}.searchWrap .search{border:0;background:transparent;margin:0;padding:0 0 0 10px;font-size:17px}.filterButton{border:1px solid #8c6037;background:#3a291c;color:#fff;border-radius:27px;padding:0 18px;font-size:17px}.catalogFilters{gap:8px;padding:12px 0 14px}.catalogFilters select,.filterChip{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:22px;padding:10px 14px;font-size:15px;white-space:nowrap}.filterChip.active{background:#7e5734}.catalogBody{position:relative;padding-right:20px}.alphaHead{font-size:17px;font-weight:700;margin:9px 0 4px}.scentRow{min-height:132px!important;padding:14px 12px!important;gap:12px!important;margin:8px 0!important}.scentThumb{width:76px!important;height:76px!important;background-size:cover!important;background-position:center!important;flex:0 0 76px}.scentFav{font-size:27px;align-self:flex-start;margin-top:3px}.scentName{font-size:25px!important;margin-bottom:16px!important}.scentProps{font-size:18px;color:var(--text);display:flex;align-items:center;gap:7px}.scentProps .noteIcon{font-size:24px}.scentProps i{font-style:normal;color:var(--muted)}.scentIntents{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:16px}.scentIntents span{display:flex;gap:6px;align-items:center}.scentIntents b{color:#e4c18e;font-size:19px}.azIndex{position:absolute;right:-2px;top:10px;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;font-size:10px;color:var(--muted)}
/* rounds */
.roundsTop{margin:4px 0 18px;padding:12px 2px}.roundsTop h1{font:600 42px/1 Georgia,serif;margin:0 0 8px}.roundsTop div{font-size:18px;color:var(--muted)}.roundCard{padding:17px 18px!important;margin:12px 0!important}.roundHead b{font-size:15px!important;text-transform:none!important;letter-spacing:0!important;color:var(--muted)!important}.roundCard h3{font-size:26px!important;margin:8px 0 12px!important}.roundCard>.muted{font-size:16px!important}.roundScent{font-size:21px!important;min-height:53px!important;padding:11px 0!important}.roundScent b{font-size:20px!important}.addRoundHome{font-size:17px;min-height:50px}
/* history */
.historyTop{margin:-1px -18px 18px;padding:36px 30px 24px;min-height:205px;background:linear-gradient(90deg,#100f0bd9,#100f0b55),url('assets/home-opgiet-clean.webp') center/cover}.historyTop h1{font:600 48px/1 Georgia,serif;margin:30px 0 6px}.historyTop p{font-size:18px;margin:0}.historyCard{padding:18px 70px 18px 16px!important;margin:13px 0!important}.historySummary{display:grid;grid-template-columns:42% 58%;align-items:start;margin-bottom:9px}.historyDate{font-size:17px;color:var(--muted)}.historyTitle b{display:block;font:600 22px Georgia,serif}.historyTitle span{display:block;color:var(--muted);font-size:16px;margin-top:2px}.historyLine{display:grid!important;grid-template-columns:34px 38% 1fr!important;align-items:center;gap:8px!important;padding:9px 0!important;font-size:16px!important}.historyLine b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2d281f;font-size:15px}.historyLine span{font:500 17px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--text)}.historyLine em{font-style:normal;color:var(--muted);font-size:15px}.historyCard .plus{top:22px!important;transform:none!important}
/* global bottom bar */
.bottom{height:82px;background:#100f0bf2;border-top:1px solid #302b22;padding:8px 16px calc(8px + env(safe-area-inset-bottom));align-items:center}.bottom button{font-size:13px;color:#aaa59c}.bottom button b{font-size:27px;line-height:1;color:#aaa59c;margin-bottom:5px}.bottom button span{display:block}.bottom button.active,.bottom button.active b{color:#f1e7d7}.bottom button.active span{font-weight:600}
/* review-06: graphical fidelity and spacing */
html[data-theme="dark"]{--bg:#0e0d09;--surface:#17150f;--surfaceAlt:#211e17;--text:#f6efe3;--muted:#b8b2a9;--line:#40382c;--brown:#9b6b3d;--brownSoft:#34271b}
body{background:#0e0d09;background-image:radial-gradient(ellipse at 70% -8%,rgba(86,93,53,.22),transparent 36%),linear-gradient(#0e0d09,#100e09);letter-spacing:-.005em}
.shell{max-width:430px;padding-left:18px;padding-right:18px}
/* soften panels: prototypes are atmospheric, not dashboard-like */
.sceneGroup,.roundCard,.historyCard,.scentComboRow,.ingredientTile,.scentRow{background:linear-gradient(110deg,rgba(31,28,20,.94),rgba(21,19,14,.92));border-color:rgba(183,155,116,.24);box-shadow:0 10px 28px rgba(0,0,0,.13)}
/* world */
.worldBanner{height:194px;min-height:194px;margin-bottom:20px;padding:24px 30px 19px;background-position:center 44%!important}
.worldTitle{font-size:34px}.experienceBlock{margin:24px 0 30px}.experienceHero h2{font:600 31px/1 Georgia,serif;margin:0 0 12px}.sceneRow{min-height:78px!important}.sceneTitle{font:600 23px/1.15 Georgia,serif!important}.sceneRow .miniMeta{width:92px;text-align:left;color:var(--muted)}
/* combo */
.comboHero{height:292px;min-height:292px;padding-top:24px;background-position:center 48%!important}.comboHero h2{font-size:39px}.comboIngredients{gap:11px}.ingredientTile{min-height:98px;border-radius:20px;padding:15px 19px}.ingredientTile strong{font-size:28px}.ingredientTile b{font-size:23px}.primary.brownAction{background:linear-gradient(180deg,#a97846,#8b5d32);box-shadow:inset 0 1px #d8b17c55,0 8px 20px #0002}
/* scent detail */
.scentHeroV2{min-height:326px;padding-bottom:22px;background-position:center!important}.scentHeroV2 h1{font-size:45px;margin-top:22px}.scentHeroV2 .intentions.big{gap:8px}.scentHeroV2 .intentions.big span{padding:7px 11px;border-radius:18px}.character p{line-height:1.35}.scentCombos{margin-top:22px}.scentCombos h2{font-size:30px;margin-bottom:14px}.scentComboRow{min-height:112px;padding:16px 14px}.scentComboRow .combo{font-size:24px}.comboIngredientsLine{font-size:17px;line-height:1.45}.comboContext{font-size:15px;margin-top:4px}.scentComboRow .plus{width:50px;height:50px}
/* catalogue */
.catalogTop{min-height:208px;padding-top:22px;background-position:center 44%}.catalogTop h1{font-size:47px;margin-top:20px}.catalogTop p{font-size:18px}.toolbar{margin-top:2px}.catalogFilters{padding-bottom:16px}.scentRow{min-height:142px!important;padding:16px 12px!important}.scentThumb{width:78px!important;height:78px!important;flex-basis:78px}.scentName{font-size:26px!important;margin-bottom:19px!important}.scentProps{font-size:18px}.scentIntents{margin-top:10px;font-size:16px}.azIndex{font-size:11px;line-height:1.22}
/* rounds: compact 3-column scent presentation from approved prototype */
.roundsTop{padding:14px 2px 8px;margin-bottom:12px}.roundsTop h1{font-size:43px}.roundCard{padding:17px 18px 18px!important;border-radius:20px!important;margin:12px 0!important}.roundHead b{font-size:15px!important}.roundContext{font-size:16px;color:var(--muted);margin-top:4px}.roundCard h3{font-size:27px!important;margin:7px 0 15px!important}.roundScents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:13px}.roundScent{display:block!important;border:0!important;border-right:1px solid var(--line)!important;min-height:82px!important;padding:0 10px!important;text-align:left}.roundScent:first-child{padding-left:0!important}.roundScent:last-child{border-right:0!important;padding-right:0!important}.roundScent span{display:block;font:600 18px/1.25 Georgia,serif;overflow-wrap:anywhere}.roundScent .noteIcon{display:inline;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:23px;margin-right:4px}.roundScent b{display:block;font-size:18px!important;font-weight:400;margin-top:7px;color:var(--muted)}
/* history */
.historyTop{min-height:190px;padding-top:30px;background-position:center 55%}.historyTop h1{font-size:46px;margin-top:27px}.historyCard{border-radius:20px!important;padding-top:17px!important;padding-bottom:17px!important}.historySummary{grid-template-columns:43% 57%;margin-bottom:10px}.historyDate{font-size:17px;line-height:1.35}.historyTitle b{font-size:23px}.historyLine{grid-template-columns:32px 39% 1fr!important;padding:8px 0!important}.historyLine span{font-size:17px!important}.historyLine em{font-size:15px;line-height:1.25}.historyCard .plus{background:#3b2b1d;color:#fff;border-color:#8d6743;width:50px;height:50px}
/* exact four-item bottom navigation language */
.bottom{height:86px;padding:9px 18px calc(9px + env(safe-area-inset-bottom));background:rgba(14,13,9,.965)}.bottom button{min-height:62px;padding:3px;color:#aaa59c}.bottom b{height:31px;display:grid;place-items:center;margin:0 0 4px}.bottom svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom button:first-child svg{fill:currentColor;stroke:currentColor}.bottom button:nth-child(3) svg{fill:currentColor;stroke:currentColor}.bottom span{font-size:13px}.bottom .active{color:#f3eadc}
/* review-07: iPhone density calibrated against approved prototype screenshots */
.worldBanner{height:176px;min-height:176px}.worldTitle{font-size:31px}.experienceBlock{margin:20px 0 25px}.experienceHero h2{font-size:27px;margin-bottom:10px}.sceneRow{min-height:64px!important;padding:10px 12px 10px 15px!important}.sceneTitle{font-size:19px!important}.sceneRow .miniMeta{font-size:16px!important;width:84px}.sceneRow .plus{width:46px!important;height:46px!important}
.comboHero{height:268px;min-height:268px}.comboHero .back{margin-bottom:26px}.comboHero h2{font-size:34px}.ingredientTile{min-height:82px;padding:12px 17px}.ingredientTile strong{font-size:24px}.ingredientTile b{font-size:20px}.ingredientTile .role{font-size:27px}
.scentHeroV2{min-height:282px;padding-top:22px}.scentHeroV2 h1{font-size:39px;margin:17px 0 8px}.scentMeta{font-size:18px}.scentMeta .noteIcon{font-size:24px}.intentLabel{margin-top:12px}.scentHeroV2 .intentions.big span{font-size:14px;padding:6px 9px}.character{margin-top:15px;padding-top:12px}.character p{font-size:16px}.scentCombos h2{font-size:27px}.scentComboRow{min-height:94px;padding:12px}.scentComboRow .combo{font-size:21px}.comboIngredientsLine{font-size:15px;margin:5px 0}.comboContext{font-size:13px}.scentComboRow .plus{width:46px;height:46px}
.catalogTop{min-height:150px;padding:18px 28px 16px}.catalogTop h1{font-size:39px;margin:12px 0 4px}.catalogTop p{font-size:16px}.catalogTop .back{font-size:16px}.searchWrap{height:46px}.searchWrap .search{font-size:16px}.filterButton{font-size:16px}.catalogFilters{padding:9px 0 10px}.catalogFilters select,.filterChip{padding:8px 11px;font-size:14px}.scentRow{min-height:92px!important;padding:10px 10px!important;gap:10px!important;margin:6px 0!important}.scentThumb{width:60px!important;height:60px!important;flex-basis:60px}.scentFav{font-size:22px}.scentName{font-size:21px!important;margin-bottom:10px!important}.scentProps{font-size:15.5px}.scentProps .noteIcon{font-size:20px}.scentIntents{font-size:14px;margin-top:6px;gap:12px}.scentIntents b{font-size:17px}.chev{font-size:25px}.alphaHead{font-size:16px;margin:7px 0 2px}.azIndex{font-size:9px}
.roundsTop h1{font-size:38px}.roundsTop div{font-size:16px}.roundCard{padding:14px 15px 15px!important}.roundCard h3{font-size:23px!important;margin:5px 0 11px!important}.roundContext{font-size:14px}.roundScents{padding-top:10px}.roundScent{min-height:66px!important;padding:0 8px!important}.roundScent span{font-size:16px}.roundScent .noteIcon{font-size:20px}.roundScent b{font-size:16px!important;margin-top:5px}
.historyTop{min-height:145px;padding:20px 28px 16px}.historyTop h1{font-size:40px;margin:18px 0 4px}.historyTop p{font-size:16px}.historyCard{padding:12px 58px 12px 13px!important;margin:9px 0!important}.historySummary{grid-template-columns:42% 58%;margin-bottom:4px}.historyDate{font-size:14px}.historyTitle b{font-size:19px}.historyTitle span{font-size:14px}.historyLine{grid-template-columns:26px 40% 1fr!important;gap:6px!important;padding:5px 0!important}.historyLine b{width:24px;height:24px;font-size:13px}.historyLine span{font-size:15px!important;line-height:1.12!important}.historyLine em{font-size:13px;line-height:1.12}.historyCard .plus{width:44px;height:44px;right:10px;top:13px!important;font-size:27px}
/* review-08: atmospheric art-direction layer — preserve approved IA, add prototype depth */
html[data-theme="dark"] body{background:
 radial-gradient(120% 70% at 88% -6%,rgba(87,103,62,.22),transparent 42%),
 radial-gradient(90% 55% at -18% 34%,rgba(120,78,43,.14),transparent 48%),
 linear-gradient(180deg,#0d0d09 0%,#121008 58%,#0c0b08 100%);}
html[data-theme="dark"] .shell{position:relative;background:linear-gradient(180deg,rgba(15,14,9,.1),rgba(15,13,8,.34));}
html[data-theme="dark"] .shell:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(191,150,94,.055),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.015),transparent 28%,rgba(255,255,255,.01) 70%,transparent)}
/* photographic heroes blend into the page rather than reading as rectangles */
.worldBanner,.comboHero,.scentHeroV2,.catalogTop,.historyTop{position:relative;isolation:isolate;overflow:hidden;box-shadow:none!important}
.worldBanner:after,.comboHero:after,.scentHeroV2:after,.catalogTop:after,.historyTop:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,6,4,.04) 0%,rgba(9,9,6,.16) 46%,rgba(14,13,9,.96) 100%),linear-gradient(90deg,rgba(7,8,5,.42),transparent 70%);pointer-events:none}
.worldBanner{background-image:url('assets/world-natuur.webp');margin-bottom:10px!important}
.worldBanner:after{background:linear-gradient(180deg,rgba(3,6,3,.02) 0%,rgba(8,10,6,.08) 44%,#0e0d09 100%),linear-gradient(90deg,rgba(4,6,4,.22),transparent 65%)}
.experienceBlock{position:relative}.experienceBlock:before{content:"";position:absolute;z-index:-1;left:-18px;right:-18px;top:-14px;height:110px;background:radial-gradient(ellipse at 12% 15%,rgba(85,105,67,.12),transparent 60%);pointer-events:none}
.sceneGroup{background:linear-gradient(115deg,rgba(42,38,28,.72),rgba(20,19,14,.78))!important;backdrop-filter:blur(12px);border-color:rgba(196,167,127,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 38px rgba(0,0,0,.12)!important}
.sceneRow{background:linear-gradient(90deg,rgba(255,255,255,.012),transparent)!important}
/* combo: hero atmosphere + warmer glass ingredient surfaces */
.comboHero:after{background:linear-gradient(180deg,rgba(3,5,3,.06),rgba(7,8,5,.16) 35%,rgba(14,13,9,.93) 100%),linear-gradient(90deg,rgba(5,7,5,.46),transparent 75%)}
.comboIngredients{position:relative}.comboIngredients:before{content:"";position:absolute;z-index:-1;inset:-28px -18px -30px;background:radial-gradient(ellipse at 88% 18%,rgba(89,104,62,.11),transparent 55%),radial-gradient(ellipse at 10% 78%,rgba(130,82,44,.1),transparent 55%)}
.ingredientTile{background:linear-gradient(105deg,rgba(45,39,28,.86),rgba(23,21,15,.88))!important;backdrop-filter:blur(10px);border-color:rgba(194,159,111,.25)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.13)!important}
.ingredientTile:nth-child(2){background:linear-gradient(105deg,rgba(48,42,31,.9),rgba(27,23,17,.86))!important}
.primary.brownAction{border:1px solid rgba(225,185,132,.28);background:linear-gradient(180deg,#a77747,#86592f)!important;box-shadow:inset 0 1px rgba(255,238,210,.18),0 12px 26px rgba(0,0,0,.22)!important}
/* scent detail: image is part of the information block */
.scentHeroV2:after{background:linear-gradient(90deg,rgba(12,15,11,.94) 0%,rgba(13,16,12,.7) 48%,rgba(13,15,11,.22) 100%),linear-gradient(180deg,transparent 50%,rgba(14,13,9,.96) 100%)}
.scentHeroV2 .intentions.big span{background:rgba(244,238,225,.1)!important;border-color:rgba(244,238,225,.2)!important;backdrop-filter:blur(8px)}
.character{background:linear-gradient(90deg,rgba(13,14,10,.22),rgba(13,14,10,.05));border-top-color:rgba(245,236,220,.22)!important}
.scentCombos{position:relative}.scentCombos:before{content:"";position:absolute;z-index:-1;left:-18px;right:-18px;top:-24px;height:180px;background:radial-gradient(ellipse at 85% 0%,rgba(78,100,66,.13),transparent 65%)}
.scentComboRow{background:linear-gradient(105deg,rgba(39,35,26,.84),rgba(22,20,15,.9))!important;backdrop-filter:blur(10px);border-color:rgba(190,157,113,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.02),0 10px 24px rgba(0,0,0,.12)!important}
/* catalogue: leafy header bleeds into controls/list */
.catalogTop{margin-bottom:0!important;background-image:url('assets/lib-scents-clean.webp')!important;background-size:cover!important;background-position:center 46%!important}
.catalogTop:after{background:linear-gradient(90deg,rgba(12,14,10,.9),rgba(12,14,10,.5) 52%,rgba(12,14,10,.08)),linear-gradient(180deg,transparent 44%,#0e0d09 100%)}
.toolbar{position:relative;margin-top:-2px}.toolbar:before{content:"";position:absolute;z-index:-1;inset:-18px -18px -74px;background:linear-gradient(180deg,rgba(14,13,9,.88),#0e0d09 58%,transparent)}
.searchWrap,.filterButton,.catalogFilters select,.filterChip{backdrop-filter:blur(12px)}
.searchWrap{background:rgba(30,28,21,.76)!important;border-color:rgba(190,158,115,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.filterButton{background:linear-gradient(180deg,rgba(116,79,46,.72),rgba(67,47,31,.82))!important;border-color:rgba(192,145,95,.48)!important}
.catalogFilters select,.filterChip{background:rgba(28,26,20,.72)!important;border-color:rgba(181,153,115,.2)!important}
.scentRow{background:linear-gradient(100deg,rgba(40,36,27,.82),rgba(22,20,15,.88))!important;backdrop-filter:blur(9px);border-color:rgba(185,154,112,.2)!important;box-shadow:inset 0 1px rgba(255,255,255,.018),0 8px 20px rgba(0,0,0,.09)!important}
.scentThumb{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.2)}
/* rounds: quiet sauna atmosphere behind cards, no extra content */
.roundsTop{position:relative}.roundsTop:after{content:"";position:absolute;z-index:-1;left:-18px;right:-18px;top:-28px;height:185px;background:linear-gradient(180deg,rgba(13,13,9,.18),#0e0d09),url('assets/home-opgiet-clean.webp') right 25%/72% auto no-repeat;opacity:.42;mask-image:linear-gradient(#000,transparent)}
.roundCard{background:linear-gradient(108deg,rgba(43,38,28,.84),rgba(22,20,15,.91))!important;backdrop-filter:blur(10px);border-color:rgba(190,157,113,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.022),0 12px 28px rgba(0,0,0,.12)!important}
/* history: photographic top + subtly alternating translucent cards */
.historyTop{background-image:url('assets/home-opgiet-clean.webp')!important;background-size:cover!important;background-position:center 56%!important}
.historyTop:after{background:linear-gradient(90deg,rgba(12,13,9,.82),rgba(12,13,9,.38) 62%,rgba(12,13,9,.08)),linear-gradient(180deg,transparent 42%,#0e0d09 100%)}
.historyCard{background:linear-gradient(105deg,rgba(42,38,29,.86),rgba(24,22,17,.9))!important;backdrop-filter:blur(10px);border-color:rgba(188,157,116,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.02),0 11px 26px rgba(0,0,0,.11)!important}
.historyCard.tinted{background:linear-gradient(105deg,rgba(51,52,38,.82),rgba(28,29,22,.9))!important}
.historyCard .plus,.sceneRow .plus,.scentComboRow .plus{background:linear-gradient(180deg,#755033,#4a3424)!important;border:1px solid rgba(201,158,108,.28);box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 14px rgba(0,0,0,.16)}
/* nav belongs to the same dark material, with a soft top glow */
.bottom{background:linear-gradient(180deg,rgba(23,21,16,.94),rgba(13,12,9,.985))!important;border-top-color:rgba(177,145,105,.18)!important;box-shadow:0 -12px 34px rgba(0,0,0,.18);backdrop-filter:blur(20px)}
/* review-09: prototype art-direction + restore approved green action language */
html[data-theme="dark"]{--primary:#4f6d55;--primarySoft:#263b2e;--action:#355c43;--actionHi:#496f55;--actionSoft:#d6e3d4;--actionInk:#193424}
.primary,.primary.brownAction{background:linear-gradient(180deg,var(--actionHi),var(--action))!important;color:#fff!important;border:1px solid rgba(167,199,171,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.2)!important}
.plus,.historyCard .plus,.sceneRow .plus,.scentComboRow .plus{background:linear-gradient(180deg,#dce8d9,#b8cdb9)!important;color:#203a2a!important;border:1px solid rgba(238,247,236,.28)!important;box-shadow:0 5px 15px rgba(0,0,0,.18)!important}
/* Home: make imagery and atmosphere part of the page rather than isolated cards */
.brandTop{position:relative;padding-top:24px;padding-bottom:18px}.brandTop:before{content:"";position:absolute;z-index:-1;left:-18px;right:-18px;top:-20px;height:190px;background:radial-gradient(ellipse at 88% 10%,rgba(83,107,72,.24),transparent 55%),radial-gradient(ellipse at 15% 5%,rgba(147,102,55,.12),transparent 58%)}
.brandTitle{font-size:36px!important;letter-spacing:-.025em}.brandTag{color:#b8b3a8!important}.brandLeaf{color:#7e9a7e!important}.brandMenu{background:rgba(255,255,255,.035)!important;border:1px solid rgba(196,177,147,.18)!important;backdrop-filter:blur(10px)}
.worldSection{margin-top:8px!important}.worldSection h2,.section h2{font-size:27px!important}.worlds{gap:9px!important}.world{background:none!important;box-shadow:none!important;padding:0!important;min-height:0!important;border-radius:0!important;overflow:visible!important}.worldPhoto{position:relative!important;inset:auto!important;display:block!important;width:100%;aspect-ratio:.88;border-radius:18px;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.05)}.worldPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42));}.worldGlyph{z-index:2!important;left:11px!important;bottom:9px!important;right:auto!important;top:auto!important;font:500 24px/1 sans-serif!important}.worldName,.worldSub{position:static!important;display:block!important;text-shadow:none!important;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.worldName{font-size:14px!important;font-weight:700!important;margin-top:7px}.worldSub{font-size:11px!important;color:var(--muted)!important;margin-top:1px}.worlds{grid-template-columns:repeat(5,minmax(0,1fr))!important}.worldSection{margin-left:-4px;margin-right:-4px}.world{padding:0 4px!important}.section{position:relative}.section:before{content:"";position:absolute;z-index:-1;left:-18px;right:-18px;top:-16px;height:150px;background:radial-gradient(ellipse at 100% 0%,rgba(86,105,69,.08),transparent 62%)}
.homeLibrary{gap:11px!important}.homeTile{min-height:118px!important;border:1px solid rgba(188,157,115,.2)!important;background:rgba(28,26,19,.82)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important;backdrop-filter:blur(10px)}.homeTile:after{inset:0 0 0 42%!important;filter:saturate(.82) brightness(.82)}.homeTile:before{background:linear-gradient(90deg,rgba(28,26,19,.99) 0%,rgba(28,26,19,.91) 45%,rgba(28,26,19,.32) 78%,rgba(28,26,19,.12) 100%)!important}.homeTileIcon{color:#9bb19a!important}.homeTile b{font-size:20px!important}.homeTile small{color:#b8b3aa!important;font-size:12px!important}.homeSessionTitle{font-size:27px!important}.homeSession{min-height:120px!important;border:1px solid rgba(188,157,115,.2)!important;background:linear-gradient(90deg,rgba(34,38,29,.98),rgba(34,38,29,.88) 48%,rgba(25,28,22,.22) 78%),url('assets/home-opgiet-clean.webp') right center/60% 100% no-repeat!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important}.steamCircle{background:rgba(197,218,195,.12)!important;color:#dce8d9!important}.homeStart{background:linear-gradient(180deg,var(--actionHi),var(--action))!important}
/* stronger visual continuity on secondary screens */
.comboHero,.scentHeroV2,.catalogTop,.historyTop,.worldBanner{box-shadow:0 18px 42px rgba(0,0,0,.15)!important}.catalogTop{background-position:center 38%!important}.historyTop{background-position:center 48%!important}.roundsTop:after{opacity:.58!important;filter:saturate(.8) contrast(1.05)}
/* review-10: richer prototype atmosphere without changing information architecture */
html[data-theme="dark"]{--bg:#11130f;--surface:#20231b;--surfaceAlt:#292d23;--line:#3f4436;--primary:#54745a;--primarySoft:#d8e5d6}
body{background:radial-gradient(ellipse at 88% 0%,rgba(69,87,57,.15),transparent 34%),radial-gradient(ellipse at 0% 42%,rgba(111,76,42,.09),transparent 31%),var(--bg);background-attachment:fixed}
.shell{position:relative;isolation:isolate}.shell:before{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 30%,rgba(111,77,42,.035) 72%,transparent)}
/* home: less boxed, more editorial and photographic */
.brandTop:after{content:"";position:absolute;z-index:-1;right:-16px;top:-16px;width:170px;height:180px;background:radial-gradient(circle at 70% 25%,rgba(105,131,93,.14),transparent 62%)}
.worldPhoto{box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.075)!important}.worldPhoto:after{background:linear-gradient(180deg,rgba(5,7,5,.02) 28%,rgba(6,8,6,.58) 100%)!important}.worldName{font-family:Georgia,serif!important;font-size:15px!important;font-weight:500!important}.worldSub{font-size:10.5px!important}
.homeTile{border-color:rgba(192,167,127,.26)!important;background:linear-gradient(120deg,rgba(34,32,24,.94),rgba(22,22,17,.88))!important}.homeTile:before{background:linear-gradient(90deg,rgba(25,24,18,.99) 0%,rgba(25,24,18,.94) 43%,rgba(25,24,18,.45) 68%,rgba(25,24,18,.12) 100%)!important}.homeTile:after{filter:saturate(.95) brightness(.9)!important}.homeSession{border-color:rgba(178,198,170,.22)!important;background:linear-gradient(90deg,rgba(29,39,30,.98),rgba(29,39,30,.88) 49%,rgba(20,27,21,.22) 78%),url('assets/home-opgiet-clean.webp') right center/62% 100% no-repeat!important}
/* worlds: stronger photographic top, quieter grouped content */
.worldBanner{min-height:172px!important;margin-left:-16px!important;margin-right:-16px!important;margin-top:-16px!important;border-radius:0 0 26px 26px!important;padding:22px 18px!important;background-position:center 45%!important}.worldBanner:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(6,8,6,.08),rgba(8,10,7,.2) 42%,rgba(13,15,11,.92) 100%);pointer-events:none}.worldBanner>*{position:relative;z-index:1}.experienceBlock{position:relative}.experienceBlock:before{content:"";position:absolute;z-index:-1;inset:-8px -16px;background:radial-gradient(ellipse at 100% 0%,rgba(70,88,59,.08),transparent 58%)}.sceneRow{background:linear-gradient(100deg,rgba(37,38,29,.82),rgba(24,25,19,.9))!important;border-color:rgba(181,159,123,.2)!important}
/* detail heroes become true edge-to-edge atmosphere */
.comboHero,.scentHeroV2,.catalogTop,.historyTop{margin-left:-16px!important;margin-right:-16px!important;margin-top:-16px!important;border-radius:0 0 28px 28px!important;padding-left:20px!important;padding-right:20px!important}.comboHero{min-height:255px!important;background-position:center 43%!important}.comboHero:after{background:linear-gradient(180deg,rgba(5,7,5,.04),rgba(7,8,6,.18) 35%,rgba(15,15,11,.96) 100%),linear-gradient(90deg,rgba(7,9,7,.48),transparent 78%)!important}.ingredientTile{border-color:rgba(190,164,126,.25)!important;background:linear-gradient(105deg,rgba(39,39,29,.9),rgba(23,24,18,.92))!important}.ingredientTile .noteIcon{color:#9eb69e!important}
.scentHeroV2{min-height:300px!important;background-position:center 42%!important}.scentHeroV2:after{background:linear-gradient(90deg,rgba(10,14,10,.92) 0%,rgba(10,14,10,.64) 48%,rgba(10,14,10,.13) 100%),linear-gradient(180deg,rgba(0,0,0,.03) 40%,rgba(14,14,10,.97) 100%)!important}.scentComboRow{border-color:rgba(181,159,123,.22)!important;background:linear-gradient(105deg,rgba(37,38,29,.88),rgba(23,24,18,.92))!important}
/* catalogue: larger image field and a softer transition into the list */
.catalogTop{min-height:215px!important;padding-top:24px!important;background-position:center 43%!important}.catalogTop:after{background:linear-gradient(90deg,rgba(10,13,9,.88),rgba(10,13,9,.45) 55%,rgba(10,13,9,.06)),linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(14,14,10,.97) 100%)!important}.toolbar{margin-top:-8px!important}.scentRow{border-color:rgba(181,159,123,.2)!important;background:linear-gradient(100deg,rgba(36,37,28,.88),rgba(22,23,17,.92))!important}.azIndex{color:#91aa92!important;opacity:.82}
/* current session: visible steam/wood ambience but keep round cards primary */
.roundsTop{min-height:112px;padding:18px 0 12px}.roundsTop:after{left:-16px!important;right:-16px!important;top:-16px!important;height:185px!important;opacity:.78!important;background:linear-gradient(180deg,rgba(12,15,11,.28),rgba(14,14,10,.9) 72%,#11130f),url('assets/home-opgiet-clean.webp') right 42%/78% auto no-repeat!important;mask-image:none!important}.roundsTop>*{position:relative;z-index:1}.roundCard{border-color:rgba(181,159,123,.23)!important;background:linear-gradient(110deg,rgba(38,40,30,.92),rgba(23,24,18,.94))!important}.roundCard:nth-of-type(even){background:linear-gradient(110deg,rgba(42,43,32,.92),rgba(25,25,19,.94))!important}
/* history: brighter photographic header and clearly but subtly alternating surfaces */
.historyTop{min-height:180px!important;padding-top:30px!important;background-position:center 50%!important}.historyTop:after{background:linear-gradient(90deg,rgba(11,13,10,.72),rgba(11,13,10,.27) 65%,rgba(11,13,10,.04)),linear-gradient(180deg,rgba(0,0,0,.02) 34%,rgba(14,14,10,.96) 100%)!important}.historyCard{border-color:rgba(181,159,123,.22)!important;background:linear-gradient(105deg,rgba(38,39,30,.92),rgba(24,25,19,.94))!important}.historyCard.tinted{background:linear-gradient(105deg,rgba(50,54,40,.9),rgba(31,34,25,.94))!important}.historyLine em{color:#bcbcaf!important}
/* actions: keep approved forest-green language */
.primary,.primary.brownAction{background:linear-gradient(180deg,#55795e,#355a42)!important}.plus,.historyCard .plus,.sceneRow .plus,.scentComboRow .plus{background:linear-gradient(180deg,#e2ecdf,#bed1bf)!important;color:#1e3927!important}
.bottom{background:linear-gradient(180deg,rgba(20,20,15,.93),rgba(11,12,9,.985))!important;border-top-color:rgba(180,159,125,.18)!important}
/* review-11: prototype-faithful image clarity — brighter, crisper, less muddy */
html[data-theme="dark"] body{background:radial-gradient(110% 58% at 90% -4%,rgba(91,112,74,.18),transparent 44%),radial-gradient(85% 48% at -15% 38%,rgba(128,87,49,.11),transparent 50%),#12140f!important}
/* Home library: preserve photographic detail. Text gets a local veil, not a global dark wash. */
.homeTile{background:rgba(31,31,23,.9)!important;border-color:rgba(205,180,142,.27)!important;backdrop-filter:none!important}
.homeTile:after{inset:0 0 0 38%!important;background-position:center!important;filter:saturate(1.08) contrast(1.06) brightness(1.12)!important}
.homeTile:nth-child(1):after{background-image:url('assets/lib-classics-crisp.webp')!important}
.homeTile:nth-child(2):after{background-image:url('assets/lib-scents-crisp.webp')!important}
.homeTile:nth-child(3):after{background-image:url('assets/lib-search-crisp.webp')!important;background-position:58% 52%!important}
.homeTile:nth-child(4):after{background-image:url('assets/lib-collections-crisp.webp')!important}
.homeTile:before{background:linear-gradient(90deg,rgba(26,25,19,.99) 0%,rgba(26,25,19,.96) 39%,rgba(26,25,19,.68) 54%,rgba(26,25,19,.18) 77%,rgba(26,25,19,.03) 100%)!important}
.homeTileIcon{color:#b3c9af!important}.homeTile small{color:#c9c3b8!important}
.homeSession{background:linear-gradient(90deg,rgba(28,37,29,.98) 0%,rgba(28,37,29,.9) 43%,rgba(28,37,29,.46) 61%,rgba(28,37,29,.06) 100%),url('assets/home-opgiet-crisp.webp') right center/64% 100% no-repeat!important}
/* Catalogue hero: botanical image must read as a photograph, not a dark green blur. */
.catalogTop{background-image:url('assets/lib-scents-crisp.webp')!important;background-size:cover!important;background-position:58% 48%!important}
.catalogTop:after{background:linear-gradient(90deg,rgba(11,14,10,.76) 0%,rgba(11,14,10,.46) 43%,rgba(11,14,10,.12) 72%,rgba(11,14,10,.02) 100%),linear-gradient(180deg,rgba(0,0,0,.01) 44%,rgba(17,19,14,.78) 100%)!important}
/* Detail heroes: keep texture and recognisable imagery; only protect text locally. */
.comboHero:after{background:linear-gradient(90deg,rgba(7,9,6,.34),rgba(7,9,6,.05) 74%),linear-gradient(180deg,rgba(3,5,3,.01) 48%,rgba(16,17,12,.78) 100%)!important}
.scentHeroV2{background-size:cover!important}.scentHeroV2:after{background:linear-gradient(90deg,rgba(10,13,9,.72) 0%,rgba(10,13,9,.39) 42%,rgba(10,13,9,.06) 72%),linear-gradient(180deg,rgba(0,0,0,.01) 48%,rgba(16,17,12,.82) 100%)!important}
/* Session/history: brighter warm wood/steam instead of black-brown haze. */
.roundsTop:after{opacity:1!important;filter:none!important;background:linear-gradient(90deg,rgba(16,19,14,.82) 0%,rgba(16,19,14,.48) 47%,rgba(16,19,14,.08) 76%),linear-gradient(180deg,rgba(0,0,0,.01) 35%,rgba(17,19,14,.8) 100%),url('assets/home-opgiet-crisp.webp') right 45%/78% auto no-repeat!important}
.historyTop{background-image:url('assets/home-opgiet-crisp.webp')!important;background-position:center 52%!important}
.historyTop:after{background:linear-gradient(90deg,rgba(12,13,9,.61) 0%,rgba(12,13,9,.28) 52%,rgba(12,13,9,.03) 82%),linear-gradient(180deg,rgba(0,0,0,.01) 42%,rgba(17,18,13,.78) 100%)!important}
/* Surfaces remain dark but no longer swallow the imagery around them. */
.sceneGroup,.ingredientTile,.scentComboRow,.scentRow,.roundCard,.historyCard{box-shadow:0 9px 24px rgba(0,0,0,.12)!important}
/* review-11b: use the successful world-photo treatment as benchmark for weak library imagery */
.homeTile:nth-child(3):after{background-image:url('assets/world-rust-crisp.webp')!important;background-position:45% 44%!important;filter:saturate(1.02) contrast(1.08) brightness(1.1)!important}
/* make the photo side larger, like the approved prototype tiles */
.homeTile:after{inset:0 0 0 34%!important}.homeTile:before{background:linear-gradient(90deg,rgba(25,24,18,.99) 0%,rgba(25,24,18,.95) 36%,rgba(25,24,18,.62) 51%,rgba(25,24,18,.12) 75%,rgba(25,24,18,.015) 100%)!important}
/* review-12: prototype-faithful photography — crisp, readable, locally shaded only */
html[data-theme="dark"] body{background:#11140f!important}
/* Home library: stop treating photos as background mush. Give imagery most of the right half, full detail. */
.homeTile{overflow:hidden!important;background:#202219!important;backdrop-filter:none!important}
.homeTile:after{inset:0 0 0 38%!important;background-size:cover!important;background-position:center!important;filter:saturate(1.12) contrast(1.08) brightness(1.12)!important;opacity:1!important}
.homeTile:before{z-index:1!important;background:linear-gradient(90deg,#202219 0%,rgba(32,34,25,.98) 37%,rgba(32,34,25,.70) 50%,rgba(32,34,25,.16) 72%,transparent 88%)!important}
.homeTile>*{position:relative;z-index:2}
.homeTile:nth-child(1):after{background-image:url('assets/lib-classics-crisp.webp')!important;background-position:56% 50%!important}
.homeTile:nth-child(2):after{background-image:url('assets/lib-scents-crisp.webp')!important;background-position:56% 46%!important}
.homeTile:nth-child(3):after{background-image:url('assets/lib-search-crisp.webp')!important;background-position:52% 50%!important}
.homeTile:nth-child(4):after{background-image:url('assets/lib-collections-crisp.webp')!important;background-position:55% 50%!important}
/* The current search asset is stones/steam: preserve its structure instead of replacing it with a generic world image. */
.homeSession{background:linear-gradient(90deg,rgba(31,43,32,.98) 0%,rgba(31,43,32,.90) 40%,rgba(31,43,32,.45) 58%,rgba(31,43,32,.05) 78%),url('assets/home-opgiet-crisp.webp') right center/64% 100% no-repeat!important}
/* Catalog: prototype uses a clearly recognisable botanical/citrus photograph, not a dark wash. */
.catalogTop{min-height:230px!important;background-image:url('assets/lib-scents-crisp.webp')!important;background-size:cover!important;background-position:58% 44%!important}
.catalogTop:after{background:linear-gradient(90deg,rgba(12,16,11,.62) 0%,rgba(12,16,11,.31) 40%,rgba(12,16,11,.04) 72%),linear-gradient(180deg,transparent 55%,rgba(17,20,15,.58) 100%)!important}
/* Detail photography follows same rule: protect copy, do not veil the whole photograph. */
.comboHero:after{background:linear-gradient(90deg,rgba(7,10,7,.28) 0%,rgba(7,10,7,.04) 70%),linear-gradient(180deg,transparent 58%,rgba(17,19,14,.58) 100%)!important}
.scentHeroV2:after{background:linear-gradient(90deg,rgba(9,14,10,.55) 0%,rgba(9,14,10,.22) 43%,rgba(9,14,10,.02) 72%),linear-gradient(180deg,transparent 58%,rgba(17,20,15,.62) 100%)!important}
/* Session/history imagery: warmer, sharper sauna wood/steam as in prototypes. */
.roundsTop:after{filter:saturate(1.12) contrast(1.07) brightness(1.08)!important;background:linear-gradient(90deg,rgba(18,20,15,.62) 0%,rgba(18,20,15,.25) 47%,rgba(18,20,15,.02) 75%),linear-gradient(180deg,transparent 46%,rgba(17,20,15,.64) 100%),url('assets/home-opgiet-crisp.webp') right 45%/78% auto no-repeat!important}
.historyTop{background-image:url('assets/home-opgiet-crisp.webp')!important;filter:none!important}
.historyTop:after{background:linear-gradient(90deg,rgba(14,15,11,.46) 0%,rgba(14,15,11,.18) 52%,rgba(14,15,11,.01) 80%),linear-gradient(180deg,transparent 55%,rgba(18,19,14,.56) 100%)!important}
/* review-13: scent detail matched to approved prototype — photo is the page atmosphere, not a dark banner */
.scentDetailPage{position:relative;margin:-16px -16px -32px;padding:0 16px 38px;isolation:isolate;overflow:hidden;min-height:calc(100vh - 72px)}
.scentDetailPage:before{content:"";position:absolute;z-index:-3;inset:0;background-image:var(--scent-bg);background-size:auto 760px;background-repeat:no-repeat;background-position:72% -6px;filter:saturate(1.22) contrast(1.1) brightness(1.14)}
.scentDetailPage:after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(10,14,10,.54) 0%,rgba(10,14,10,.18) 48%,rgba(10,14,10,.02) 78%),linear-gradient(180deg,rgba(9,12,9,.03) 0%,rgba(11,14,10,.06) 31%,rgba(14,16,11,.56) 47%,rgba(14,16,11,.80) 67%,rgba(14,16,11,.90) 100%)}
.scentDetailPage .scentHeroV2{margin:0 -16px 0!important;border-radius:0!important;min-height:365px!important;padding:25px 22px 20px!important;background-size:auto 760px!important;background-position:72% -6px!important;background-repeat:no-repeat!important;box-shadow:none!important;overflow:visible!important}
.scentDetailPage .scentHeroV2:after{background:linear-gradient(90deg,rgba(8,12,8,.58) 0%,rgba(8,12,8,.20) 48%,rgba(8,12,8,.01) 79%),linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(13,16,11,.48) 100%)!important}
.scentDetailPage .scentHeroV2 h1{font-size:45px!important;margin-top:26px!important;text-shadow:0 2px 16px rgba(0,0,0,.28)}
.scentDetailPage .scentMeta,.scentDetailPage .intentLabel,.scentDetailPage .character{max-width:310px;text-shadow:0 1px 8px rgba(0,0,0,.28)}
.scentDetailPage .intentions.big{display:flex;flex-wrap:wrap;gap:8px;max-width:340px}
.scentDetailPage .intentions.big span{background:rgba(36,47,34,.42)!important;border:1px solid rgba(235,242,230,.28)!important;backdrop-filter:blur(4px)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.scentDetailPage .character{border-top:0!important;background:none!important;margin-top:13px!important;padding-top:0!important}
.scentDetailPage .scentCombos{margin:0 -4px;padding:14px 4px 0!important;background:linear-gradient(180deg,rgba(16,19,13,.24),rgba(16,19,13,.56) 18%,rgba(16,19,13,.76) 100%);border-top:1px solid rgba(238,232,216,.12)}
.scentDetailPage .scentCombos:before{display:none!important}
.scentDetailPage .scentCombos h2{font-size:30px!important;margin:0 4px 10px;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.scentDetailPage .scentComboRow{background:rgba(24,29,21,.62)!important;border-color:rgba(225,222,207,.18)!important;backdrop-filter:blur(5px)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}

/* Eucalyptus asset integration: crisp hero + continuous soft page atmosphere */
.scentDetailPage:before{background-size:cover!important;background-position:center top!important;filter:blur(20px) saturate(1.08) contrast(1.02) brightness(.68)!important;transform:scale(1.09);transform-origin:top center;position:fixed!important;inset:-28px!important}
.scentDetailPage:after{position:fixed!important;inset:0!important;background:linear-gradient(180deg,rgba(8,12,8,.06) 0%,rgba(11,15,10,.18) 38%,rgba(13,16,11,.48) 68%,rgba(13,16,11,.62) 100%)!important}
.scentDetailPage .scentHeroV2{background-size:cover!important;background-position:center 38%!important;background-repeat:no-repeat!important;min-height:390px!important}
.scentDetailPage .scentHeroV2:after{background:linear-gradient(90deg,rgba(7,11,7,.55) 0%,rgba(7,11,7,.22) 43%,rgba(7,11,7,.02) 76%),linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(12,15,10,.38) 100%)!important}
.scentDetailPage .scentCombos{background:linear-gradient(180deg,rgba(15,20,14,.30),rgba(15,20,14,.48) 20%,rgba(15,20,14,.60) 100%)!important}

/* review-14: world detail follows the successful scent-detail photography model */
.worldDetailPage{position:relative;margin:-16px -16px -32px;padding:0 16px 42px;isolation:isolate;overflow:hidden;min-height:calc(100vh - 72px)}
.worldDetailPage:before{content:"";position:fixed;z-index:-3;inset:-32px;background-image:var(--world-bg);background-size:cover;background-position:center top;background-repeat:no-repeat;filter:blur(22px) saturate(1.08) contrast(1.03) brightness(.64);transform:scale(1.10);transform-origin:top center;pointer-events:none}
.worldDetailPage:after{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(8,11,8,.03) 0%,rgba(11,14,10,.17) 34%,rgba(14,16,11,.48) 64%,rgba(14,16,11,.60) 100%);pointer-events:none}
.worldDetailPage .worldBanner{height:258px!important;min-height:258px!important;margin:0 -16px 0!important;border-radius:0!important;padding:24px 22px 22px!important;background-size:cover!important;background-position:center 44%!important;box-shadow:none!important;overflow:hidden!important}
.worldDetailPage .worldBanner:before{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,4,.03) 0%,rgba(4,7,4,.04) 48%,rgba(12,15,10,.54) 100%)!important;z-index:0}
.worldDetailPage .worldBanner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,6,.20) 0%,rgba(6,9,6,.03) 66%,transparent 100%)!important;z-index:0;pointer-events:none}
.worldDetailPage .worldBanner>*{position:relative;z-index:1}
.worldDetailPage .worldTitle{font:600 38px/1.04 Georgia,serif!important;text-shadow:0 2px 18px rgba(0,0,0,.32)!important}
.worldDetailPage .worldContent{position:relative;margin:0 -4px;padding:18px 4px 8px;background:linear-gradient(180deg,rgba(15,19,13,.20),rgba(15,19,13,.40) 18%,rgba(15,19,13,.54) 100%);border-top:1px solid rgba(238,232,216,.10)}
.worldDetailPage .experienceBlock{margin:10px 0 26px!important}
.worldDetailPage .experienceBlock:before{display:none!important}
.worldDetailPage .experienceHero{height:auto!important;margin:0 4px 10px!important;padding:0!important;background:none!important}
.worldDetailPage .experienceHero h2{font:600 29px/1.08 Georgia,serif!important;color:#f3efe6!important;margin:0!important;text-shadow:0 2px 12px rgba(0,0,0,.30)!important}
.worldDetailPage .sceneGroup{background:rgba(24,29,21,.58)!important;border:1px solid rgba(225,222,207,.18)!important;border-radius:18px!important;backdrop-filter:blur(5px)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;overflow:hidden}
.worldDetailPage .sceneRow{background:transparent!important;border-bottom:1px solid rgba(225,222,207,.13)!important;min-height:70px!important;padding:11px 12px 11px 14px!important}
.worldDetailPage .sceneRow:last-child{border-bottom:0!important}
.worldDetailPage .sceneTitle{font:600 20px/1.15 Georgia,serif!important;color:#f3efe6!important}
.worldDetailPage .sceneRow .miniMeta{font-size:15px!important;color:#c9c8bc!important;width:78px!important}
.worldDetailPage .sceneRow .plus{width:43px!important;height:43px!important}

/* review-15: combo detail — crisp dedicated scene photo + continuous soft atmosphere */
.comboDetailPage{position:relative;margin:-16px -16px -32px;padding:0 16px 42px;isolation:isolate;overflow:hidden;min-height:calc(100vh - 72px)}
.comboDetailPage:before{content:"";position:fixed;z-index:-3;inset:-32px;background-image:var(--combo-bg);background-size:cover;background-position:center top;background-repeat:no-repeat;filter:blur(22px) saturate(1.08) contrast(1.03) brightness(.62);transform:scale(1.10);transform-origin:top center;pointer-events:none}
.comboDetailPage:after{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(8,11,8,.03) 0%,rgba(11,14,10,.15) 34%,rgba(14,16,11,.44) 64%,rgba(14,16,11,.58) 100%);pointer-events:none}
.comboDetailPage .comboHero{height:330px!important;min-height:330px!important;margin:0 -16px 14px!important;border-radius:0!important;padding:25px 22px 22px!important;background-size:cover!important;background-position:center 44%!important;background-repeat:no-repeat!important;box-shadow:none!important;overflow:hidden!important}
.comboDetailPage .comboHero:after{background:linear-gradient(90deg,rgba(6,9,6,.34) 0%,rgba(6,9,6,.06) 68%,transparent 100%),linear-gradient(180deg,transparent 52%,rgba(12,15,10,.48) 100%)!important}
.comboDetailPage .comboHero h2{font-size:40px!important;text-shadow:0 2px 18px rgba(0,0,0,.32)}
.comboDetailPage .comboIngredients{position:relative;gap:10px;padding-top:4px}
.comboDetailPage .ingredientTile{background:rgba(24,29,21,.60)!important;border-color:rgba(225,222,207,.18)!important;backdrop-filter:blur(5px)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
.comboDetailPage .primary{position:relative;margin-bottom:10px}
.comboDetailPage .comboHero{background-image:var(--combo-bg)!important}

/* home final visual pass: approved photographic library cards */
.worldGlyph{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.48)!important;opacity:1!important}
.homeTileIcon{font-size:32px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.45)!important}
.homeTile:nth-child(1):after{background-image:url('assets/home-classics-new.webp')!important;background-position:54% 52%!important}
.homeTile:nth-child(2):after{background-image:url('assets/home-scents-new.webp')!important;background-position:58% 50%!important}
.homeTile:nth-child(3):after{background-image:url('assets/home-search-new.webp')!important;background-position:56% 50%!important}
.homeTile:nth-child(4):after{background-image:url('assets/home-collections-new.webp')!important;background-position:54% 50%!important}
.homeTile:after{filter:saturate(1.08) contrast(1.05) brightness(1.04)!important}
.world .worldGlyph{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important}
/* Replace baked low-contrast world marks with consistent white line icons. */
.world .worldGlyph{display:block!important;left:50%!important;bottom:7px!important;width:38px!important;height:38px!important;transform:translateX(-50%)!important;font-size:0!important;border-radius:50%;background-color:rgba(10,15,11,.42)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:29px 29px!important;box-shadow:0 0 12px rgba(0,0,0,.18)}
.world:nth-child(1) .worldGlyph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4C11 4 5 8 5 15c0 3 2 5 5 5 7 0 10-8 10-16Z'/%3E%3Cpath d='M4 20c3-5 7-8 12-11'/%3E%3C/svg%3E")!important}
.world:nth-child(2) .worldGlyph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4 0 7-3 7-7 0-5-4-8-6-12-1 4-5 6-6 10-1-2-1-3-1-4-2 2-3 4-3 7 0 3 3 6 7 6Z'/%3E%3Cpath d='M9 18c0-2 2-3 3-5 1 2 3 3 3 5 0 2-1 3-3 3s-3-1-3-3Z'/%3E%3C/svg%3E")!important}
.world:nth-child(3) .worldGlyph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-5 7h3l-5 6h5v5h4v-5h5l-5-6h3Z'/%3E%3C/svg%3E")!important}
.world:nth-child(4) .worldGlyph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 8h10c3 0 3-4 0-4'/%3E%3Cpath d='M3 12h15c3 0 3-4 0-4'/%3E%3Cpath d='M3 16h10c3 0 3 4 0 4'/%3E%3C/svg%3E")!important}
.world:nth-child(5) .worldGlyph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")!important}

/* review-16: Mijn opgiet — approved hierarchy plus complete session actions */
.roundsTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.roundsTitle{display:block!important}
.roundsBack{position:relative;z-index:2;border:0;background:transparent;color:#eee9df;padding:0 0 9px;font-size:15px;font-weight:600}
.roundsEdit{position:relative;z-index:2;margin-top:8px;border:1px solid rgba(238,232,216,.28);border-radius:999px;background:rgba(18,22,16,.40);color:#eee9df;padding:8px 13px;font-size:13px;font-weight:650;backdrop-filter:blur(6px)}
.roundsEdit.active{background:rgba(94,119,91,.72);border-color:rgba(211,226,207,.38)}
.roundTools{margin-top:-4px;flex-wrap:wrap;justify-content:flex-end}
.roundTools button{min-width:34px;min-height:32px;background:rgba(255,255,255,.07)!important}
.roundTools .remove{color:#e6a29b!important;padding-inline:9px}
.roundsActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 8px}
.roundsActions .addRoundHome{grid-column:1/-1;margin:0;background:rgba(255,255,255,.035);border-color:rgba(225,222,207,.18)}
.roundsActions .saveRounds,.roundsActions .finishRounds{margin:0;min-height:50px}
.roundsActions .saveRounds{background:rgba(255,255,255,.055);border-color:rgba(225,222,207,.22)}
.roundsActions .finishRounds{background:linear-gradient(180deg,var(--actionHi,#607b62),var(--action,#3e5d46));box-shadow:0 9px 22px rgba(0,0,0,.16)}
.roundsEmpty{margin-top:28px;border:1px solid rgba(225,222,207,.13);border-radius:20px;background:rgba(29,33,25,.46)}
@media(max-width:370px){.roundsActions{grid-template-columns:1fr}.roundsActions .addRoundHome{grid-column:auto}}

/* rating + evidence-backed brand inspiration */
.ratingBlock{margin:18px var(--pad);padding:17px 18px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:18px;background:var(--card);box-shadow:0 8px 24px #15281d0a;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}
.ratingBlock>div:first-child{display:flex;flex-direction:column;gap:3px}.ratingBlock>div:first-child span{font-size:13px;color:var(--muted)}
.ratingStars{display:flex;gap:2px}.ratingStars button{border:0;background:none;color:#c8cfca;font-size:27px;line-height:1;padding:3px;cursor:pointer}.ratingStars button.on{color:#d7a93e}
.ratingClear{grid-column:1/-1;justify-self:start;border:0;background:none;color:var(--muted);padding:2px 0;font-size:12px;text-decoration:underline}
.brandRecommendations{padding-top:8px}.brandRecommendations>p{margin-top:-5px;line-height:1.45}
.brandRecommendation{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.brandRecommendation>div{display:flex;flex-direction:column;gap:3px}.brandRecommendation span{font-size:12px;color:var(--muted)}
.brandRecommendation strong{font-size:12px;color:var(--green);text-align:right;white-space:nowrap}

/* review-17: compact scent detail header, inline rating and brand sheet */
.noteMark{display:inline-flex;width:18px;height:18px;flex:0 0 18px;vertical-align:-3px;color:currentColor}
.noteMark svg{display:block;width:100%;height:100%;fill:currentColor}
.scentProps .noteMark,.ingredients .noteMark,.comboIngredientsLine .noteMark,.roundScents .noteMark{margin-right:5px;color:#9eb69e}
.ingredientTile .noteMark,.candidate>.noteMark{width:22px;height:22px;flex-basis:22px;color:#9eb69e}

.scentDetailPage .scentHeroV2{position:relative!important;min-height:390px!important;border-bottom:1px solid rgba(238,232,216,.17)!important;padding:22px 22px 17px!important;overflow:hidden!important}
.scentDetailPage .scentHeroV2 .back{position:relative;z-index:2;font-size:0;width:44px;height:44px;border-radius:50%;background:rgba(9,13,9,.48);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(7px);padding:0}
.scentDetailPage .scentHeroV2 .back:after{content:'‹';font:400 38px/38px Arial,sans-serif;color:#fff}
.scentHeroInfo{position:absolute;z-index:1;left:22px;right:22px;top:108px;bottom:auto;display:flex;flex-direction:column;align-items:flex-start}
.scentTitleRow{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 13px;width:100%;max-width:100%}
.scentDetailPage .scentHeroV2 .scentTitleRow h1{min-width:0;font-size:38px!important;line-height:1!important;margin:0!important;text-shadow:0 2px 16px rgba(0,0,0,.32)}
.inlineRating{display:inline-flex;flex:0 0 auto;gap:0;transform:translateY(-2px)}
.ratingStars.inlineRating button{font-size:18px!important;padding:1px!important;text-shadow:0 1px 5px rgba(0,0,0,.38)}
.scentDetailPage .scentMeta{display:flex;align-items:center;gap:7px;min-height:23px;margin-top:8px;font-size:16px;max-width:100%;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.scentDetailPage .scentMeta i{font-style:normal;opacity:.65}
.scentDetailPage .scentMeta .heroNote{width:18px;height:18px;flex-basis:18px;color:#f2f0e9}
.scentDetailPage .intentLabel{margin-top:9px!important;font-size:14px}
.scentDetailPage .intentions.big{gap:6px!important;margin-top:5px}
.scentDetailPage .intentions.big span{font-size:13px!important;padding:5px 9px!important}
.scentDetailPage .character{margin-top:9px!important;max-width:340px!important}
.scentDetailPage .character b{font-size:13px}
.scentDetailPage .character p{font-size:14px!important;line-height:1.25!important;margin:3px 0 0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

.brandTrigger{width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;padding:0 5px;border:0;border-bottom:1px solid rgba(238,232,216,.14);background:rgba(15,20,14,.36);color:inherit;text-align:left}
.brandBottle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.055);color:#e7e2d6}.brandBottle svg{width:23px;height:23px;fill:currentColor}.brandTrigger span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:#e1dfd6}.brandTrigger i{font:400 28px/1 Georgia,serif;font-style:normal;color:#f2efe7}
.scentDetailPage .scentCombos{padding-top:13px!important;border-top:0!important}
.scentCombosHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 10px}
.scentDetailPage .scentCombosHead h2{margin:0!important}.scentCombosHead>span{font-size:14px;color:#dedbd1}

.sheetBackdrop{position:fixed;z-index:1000;inset:0;background:rgba(3,6,4,.56);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:sheetFade .18s ease-out}
.brandSheet{position:relative;width:min(100%,520px);max-height:82vh;overflow:auto;padding:13px 20px calc(22px + env(safe-area-inset-bottom));border:1px solid rgba(225,222,207,.18);border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(145deg,#202b23,#111713);box-shadow:0 -18px 55px rgba(0,0,0,.38);color:#f3efe6;animation:sheetUp .22s ease-out}
.sheetHandle{width:54px;height:5px;border-radius:5px;background:#aeb5ae;margin:0 auto 18px;opacity:.85}.sheetClose{position:absolute;right:18px;top:28px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:#fff;font-size:29px;line-height:1}.brandSheet>h2{font:600 34px/1 Georgia,serif;margin:0 52px 8px 0}.brandSheet>p{font-size:14px;margin:0 0 17px;color:#e1dfd7}.brandSheetList{display:grid;gap:10px}.brandSheetCard{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:12px;border:1px solid rgba(225,222,207,.20);border-radius:16px;background:rgba(255,255,255,.025)}.brandSheetCard:not(:has(.brandSheetThumb)){grid-template-columns:1fr}.brandSheetThumb{display:block;min-height:112px;border-radius:10px;background-size:cover;background-position:center}.brandSheetCard h3{font:600 20px/1.1 Georgia,serif;margin:2px 0 7px}.brandSheetCard strong{font-size:14px;color:#e6c060}.brandSheetCard p{font-size:12px;line-height:1.4;color:#c9cbc5;margin:8px 0 10px}.brandSheetCard a{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(255,255,255,.68);border-radius:999px;color:#fff;text-decoration:none;font-size:13px}.brandSafety{margin-top:17px;padding-top:14px;border-top:1px solid rgba(225,222,207,.17);font-size:11px;color:#c9cbc5;text-align:center}
@keyframes sheetFade{from{background:rgba(3,6,4,0)}}@keyframes sheetUp{from{transform:translateY(20px);opacity:.7}}
@media(max-width:390px){.scentDetailPage .scentHeroV2 .scentTitleRow h1{font-size:35px!important}.ratingStars.inlineRating button{font-size:16px!important}.brandTrigger span{font-size:12px}.brandSheet{padding-left:16px;padding-right:16px}.brandSheetCard{grid-template-columns:76px minmax(0,1fr)}}

/* review-23: combo status rail and compact world rows */
.sceneMarks{display:flex;flex:0 0 28px;width:28px;flex-direction:column;align-items:center;justify-content:center;gap:1px;align-self:center;line-height:1}
.statusMark{display:grid;place-items:center;width:24px;height:24px}
.statusMark.classic{color:#dfad2e;font-size:23px;text-shadow:0 2px 9px rgba(223,173,46,.18)}
.statusMark.pilot{color:#c8cbc2}.statusMark.pilot svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.favoriteMark{display:grid;place-items:center;width:22px;height:22px;color:#e85e62;font-size:19px;text-shadow:0 2px 9px rgba(232,94,98,.22)}
.plus.inRound{color:#1f6a3a!important}.plus:disabled,.sceneAction:disabled{opacity:1;cursor:default}
.worldDetailPage .worldContent{margin-left:-6px!important;margin-right:-6px!important;padding-left:0!important;padding-right:0!important}
.worldDetailPage .experienceHero{margin-left:10px!important;margin-right:10px!important}
.worldDetailPage .sceneRow{display:grid!important;grid-template-columns:28px minmax(0,1fr) 70px 48px;align-items:center;gap:8px!important;padding:10px 8px 10px 10px!important}
.worldDetailPage .sceneCopy{min-width:0}
.worldDetailPage .sceneTitle{font-size:19px!important;overflow-wrap:anywhere}
.worldDetailPage .sceneRow .miniMeta{width:auto!important;margin:0!important;text-align:left;color:#c9c8bc!important}
.sceneAction{display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border:0;background:transparent;color:#1e3927}
.sceneAction>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(238,247,236,.28);border-radius:50%;background:linear-gradient(180deg,#e2ecdf,#bed1bf);box-shadow:0 5px 15px rgba(0,0,0,.18);font-size:26px;line-height:1}
.sceneAction.inRound>span{color:#1f6a3a;font-size:24px;font-weight:800}
.classicTitleRow .sceneMarks{align-self:flex-start}.classicTitleRow .sceneMarks+h2{min-width:0}
.scentComboRow>.sceneMarks,.comboCard .sceneMarks{align-self:flex-start;margin-top:1px}
@media(max-width:390px){.worldDetailPage .sceneRow{grid-template-columns:28px minmax(0,1fr) 62px 48px;gap:6px!important}.worldDetailPage .sceneTitle{font-size:18px!important}.worldDetailPage .sceneRow .miniMeta{font-size:14px!important}}

/* review-18: scent catalogue photo atmosphere and usable letter navigation */
.catalogPage{position:relative;margin:-16px -16px -32px;padding:0 16px 42px;isolation:isolate;min-height:calc(100vh - 72px)}
.catalogPage:before{content:"";position:fixed;z-index:-3;inset:-30px;background:url('assets/home-scents-new.webp') center top/cover no-repeat;filter:blur(23px) saturate(1.06) brightness(.52);transform:scale(1.1);pointer-events:none}
.catalogPage:after{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(8,11,8,.04),rgba(11,14,10,.34) 38%,rgba(14,16,11,.68) 76%,rgba(12,14,10,.82));pointer-events:none}
.catalogPage .catalogTop{margin:0 -16px 0!important;min-height:230px!important;border-radius:0 0 28px 28px!important;background-image:url('assets/home-scents-new.webp')!important;background-position:center 49%!important;background-size:cover!important;box-shadow:none!important}
.catalogPage .catalogTop:after{background:linear-gradient(90deg,rgba(8,10,8,.78) 0%,rgba(8,10,8,.38) 47%,rgba(8,10,8,.04) 78%),linear-gradient(180deg,rgba(0,0,0,.02) 44%,rgba(13,16,11,.70) 100%)!important}
.catalogPage .toolbar{display:block;margin:-8px 0 0!important;position:relative;z-index:2}.catalogPage .searchWrap{width:100%;background:rgba(24,27,21,.78);backdrop-filter:blur(12px)}
.catalogPage .catalogFilters{position:relative;z-index:2}.catalogPage .catalogBody{padding-right:0}.catalogPage .scentRow{background:rgba(24,29,21,.66)!important;border-color:rgba(225,222,207,.18)!important;backdrop-filter:blur(6px)!important}
.azIndex,.filterButton{display:none!important}
.letterPickerButton{position:fixed;z-index:20;right:17px;bottom:92px;width:54px;height:54px;border:1px solid rgba(232,227,214,.30);border-radius:50%;background:linear-gradient(145deg,rgba(91,117,91,.96),rgba(48,75,57,.98));box-shadow:0 8px 24px rgba(0,0,0,.28);color:#fff;font-weight:800;font-size:14px;letter-spacing:-.5px}
.letterBackdrop{position:fixed;z-index:1000;inset:0;background:rgba(3,6,4,.56);display:flex;align-items:flex-end;justify-content:center}
.letterBackdrop[hidden]{display:none!important}.letterSheet{position:relative;width:min(100%,520px);padding:13px 20px calc(24px + env(safe-area-inset-bottom));border:1px solid rgba(225,222,207,.18);border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(145deg,#202b23,#111713);box-shadow:0 -18px 55px rgba(0,0,0,.38);color:#f3efe6}.letterSheet h2{font:600 31px/1 Georgia,serif;margin:0 52px 18px 0}.letterGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.letterGrid button{aspect-ratio:1;border:1px solid rgba(225,222,207,.20);border-radius:13px;background:rgba(255,255,255,.055);color:#f3efe6;font-size:18px;font-weight:750}.letterGrid button:active{background:#58705a}.alphaHead{scroll-margin-top:14px}
@media(max-width:370px){.letterGrid{grid-template-columns:repeat(5,1fr)}}

/* review-20: favorite color and scene-led classics */
.scentRow .scentFav{align-self:flex-start;margin-top:1px;line-height:1}
.scentRow .scentFav.on{color:#e85e62;text-shadow:0 2px 10px rgba(232,94,98,.22)}
.classicsPage{position:relative;margin:-16px -16px -32px;padding:0 16px 42px;isolation:isolate;min-height:calc(100vh - 72px)}
.classicsPage:before{content:"";position:fixed;z-index:-3;inset:-30px;background:url('assets/home-classics-new.webp') center top/cover no-repeat;filter:blur(24px) saturate(1.05) brightness(.43);transform:scale(1.1);pointer-events:none}
.classicsPage:after{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(8,10,7,.03),rgba(10,13,9,.38) 38%,rgba(12,15,10,.76) 78%,rgba(10,12,9,.88));pointer-events:none}
.classicsTop{position:relative;isolation:isolate;margin:0 -16px 0;min-height:230px;padding:24px 28px 24px;border-radius:0 0 28px 28px;overflow:hidden;background:url('assets/home-classics-new.webp') center 52%/cover no-repeat;color:#fff}
.classicsTop:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,9,7,.82) 0%,rgba(7,9,7,.42) 50%,rgba(7,9,7,.08) 80%),linear-gradient(180deg,rgba(0,0,0,.04) 42%,rgba(10,13,9,.76) 100%)}
.classicsTop .back{position:relative;z-index:2}.classicsTop h1{font:600 48px/1 Georgia,serif;margin:48px 0 7px;text-shadow:0 2px 14px rgba(0,0,0,.35)}.classicsTop p{font-size:18px;margin:0;color:#f1eee6;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.classicsSearch{position:relative;z-index:2;width:100%;height:54px;margin:-8px 0 16px!important;padding:0 18px!important;border:1px solid rgba(225,222,207,.22)!important;border-radius:27px!important;background:rgba(24,27,21,.80)!important;color:#f3efe7!important;backdrop-filter:blur(12px)}
.classicCards{display:grid;gap:11px}.classicCard{position:relative;padding:17px 16px 14px;border:1px solid rgba(225,222,207,.20);border-radius:22px;background:rgba(24,29,21,.69);backdrop-filter:blur(7px);box-shadow:0 8px 20px rgba(0,0,0,.10)}
.classicTitleRow{display:flex;align-items:flex-start;gap:10px}.classicTitleRow h2{min-width:0;margin:0;font:600 25px/1.08 Georgia,serif;color:#f2eee5}.classicMarks{display:flex;align-items:center;gap:4px;flex:0 0 auto;padding-top:1px;font-size:19px;line-height:1}.classicStar{color:#dfad2e}.classicFav{color:#e85e62;text-shadow:0 2px 9px rgba(232,94,98,.22)}
.classicIngredients{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin:13px 0 11px;padding-left:29px;color:#e7e2d8;font-size:16px;line-height:1.3}.classicIngredients .noteMark{color:#a9c5aa}.ingredientSep{color:#8d978d}
.classicFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(225,222,207,.12)}.classicFooter>span{min-width:0;color:#bfc3ba;font-size:13px;line-height:1.25}.classicFooter .plus{position:static!important;flex:0 0 46px;width:46px!important;height:46px!important;border-radius:50%;font-size:29px!important;line-height:1;background:#dce9dc;color:#173827;border:0}
@media(max-width:390px){.classicsTop h1{font-size:42px}.classicTitleRow h2{font-size:23px}.classicIngredients{padding-left:0}.classicFooter .plus{flex-basis:43px;width:43px!important;height:43px!important}}

/* review-21: visual library headers and theme artwork */
.searchPage,.collectionsPage,.themeDetailPage{position:relative;margin:-16px -16px -32px;padding:0 16px 42px;isolation:isolate;min-height:calc(100vh - 72px)}
.searchPage:before,.collectionsPage:before,.themeDetailPage:before{content:"";position:fixed;z-index:-3;inset:-30px;background-position:center top;background-size:cover;background-repeat:no-repeat;filter:blur(24px) saturate(1.04) brightness(.42);transform:scale(1.1);pointer-events:none}
.searchPage:after,.collectionsPage:after,.themeDetailPage:after{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(8,10,7,.03),rgba(10,13,9,.42) 38%,rgba(12,15,10,.79) 78%,rgba(10,12,9,.90));pointer-events:none}
.searchPage:before{background-image:url('assets/home-search-new.webp')}.collectionsPage:before{background-image:url('assets/home-collections-new.webp')}.themeDetailPage:before{background-image:var(--theme-bg)}
.libraryVisualTop,.themeDetailTop{position:relative;isolation:isolate;margin:0 -16px;min-height:230px;padding:24px 28px;border-radius:0 0 28px 28px;overflow:hidden;background-position:center 50%;background-size:cover;color:#fff}
.libraryVisualTop:after,.themeDetailTop:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,9,7,.84),rgba(7,9,7,.38) 55%,rgba(7,9,7,.06) 82%),linear-gradient(180deg,rgba(0,0,0,.03) 40%,rgba(9,12,8,.76))}
.searchVisualTop{background-image:url('assets/home-search-new.webp')}.collectionsVisualTop{background-image:url('assets/home-collections-new.webp')}.themeDetailTop{background-image:var(--theme-bg);display:flex;flex-direction:column;justify-content:space-between}
.libraryVisualTop h1,.themeDetailTop h1{font:600 47px/1 Georgia,serif;margin:50px 0 7px;text-shadow:0 2px 15px rgba(0,0,0,.38)}.libraryVisualTop p{max-width:340px;margin:0;color:#f0ede5;font-size:16px;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.libraryMainSearch{position:relative;z-index:2;height:54px;margin:-8px 0 14px!important;padding:0 18px!important;border-color:rgba(225,222,207,.22)!important;border-radius:27px!important;background:rgba(24,27,21,.82)!important;color:#f3efe7!important;backdrop-filter:blur(12px)}
.collectionsPage>.section{position:relative}.collectionsPage .themeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collectionsPage .themeTile{position:relative;isolation:isolate;min-height:150px;padding:14px;overflow:hidden;background-image:var(--theme-tile);background-size:cover;background-position:center;border:1px solid rgba(225,222,207,.17)}.collectionsPage .themeTile:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,7,5,.03) 25%,rgba(7,10,7,.84) 100%)}.collectionsPage .themeTile b{font-size:20px;text-shadow:0 2px 8px rgba(0,0,0,.45)}.collectionsPage .themeTile span{font-size:12px;color:#e7e3da;opacity:1}
.themeDetailTop>div{margin-top:auto}.themeDetailTop>div>span{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.themeDetailTop h1{margin:7px 0 0}.themeTabs{position:relative;z-index:2;margin:-9px 0 12px;background:rgba(31,35,27,.88);backdrop-filter:blur(10px)}.themeItems{margin-top:12px}.themeItems .sceneRow,.themeItems .scentRow{background:rgba(24,29,21,.72);border-color:rgba(225,222,207,.18);backdrop-filter:blur(6px)}
@media(max-width:370px){.libraryVisualTop h1,.themeDetailTop h1{font-size:41px}.collectionsPage .themeGrid{grid-template-columns:1fr}.collectionsPage .themeTile{min-height:132px}}

/* review-22: paired world card/header sources and balanced Home rhythm */
.homePage{min-height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,3.2vh,38px)}
.homePage>.brandTop,.homePage>.worldSection,.homePage>.section{margin-top:0!important;margin-bottom:0!important}
.homePage>.section{padding-bottom:clamp(8px,2vh,24px)}
.homePage .worldPhoto{background-position:center!important}
@media(max-height:760px){.homePage{display:block;min-height:0}.homePage>.worldSection{margin-top:22px!important}.homePage>.section{margin-top:24px!important;padding-bottom:8px}}


/* ui-fix-v41: restore approved world framing and unify library back controls */
.worldDetailPage.world-warmte-comfort .worldBanner{background-position:68% 44%!important}
.libraryBack{display:block!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(9,13,9,.42)!important;color:#fff!important;font-size:0!important;line-height:1!important;backdrop-filter:blur(7px)}
.libraryBack:after{content:'‹';display:block;font:400 38px/40px Arial,sans-serif;color:#fff;transform:translateY(-1px)}


/* dynamic collections v1 */
.dynamicCollectionGrid{display:grid;gap:12px}.dynamicCollectionCard{position:relative;isolation:isolate;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:126px;padding:18px;border:1px solid rgba(188,157,115,.25);border-radius:20px;overflow:hidden;color:#fff;text-align:left;background-image:linear-gradient(90deg,rgba(16,18,14,.95),rgba(16,18,14,.72) 58%,rgba(16,18,14,.18)),var(--dynamic-bg);background-size:cover;background-position:center 53%;box-shadow:0 10px 24px rgba(0,0,0,.16)}.dynamicCollectionIcon{align-self:start;font-size:28px;color:#d7a42d;line-height:1}.dynamicCollectionCopy{display:grid;gap:4px;min-width:0}.dynamicCollectionCopy b{font:600 28px/1.05 Georgia,serif}.dynamicCollectionCopy small{font-size:15px;color:#f0ece2}.dynamicCollectionCopy em{font-size:12px;font-style:normal;color:#c8c4ba}.dynamicCollectionArrow{font-size:31px;justify-self:end}.mixerVisualTop{background-image:url('assets/home-classics-new.webp')}.mixerPlaceholder{margin-top:28px!important}.mixerPlaceholder b{color:var(--text)}

.statusMark.practice{color:#d78442;font-size:25px;text-shadow:0 2px 9px rgba(215,132,66,.24)}