:root{font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#000;font-synthesis:none;--forest:#143c2d;--leaf:#80b892;--pale-leaf:#c5ddbb;--gold:#e8c86b;--story-shadow:0 1px 2px #000f,0 2px 6px #0008;--story-heading-weight:750;--story-label-weight:700;--story-copy-weight:600;--story-panel-pad:20px;--story-panel-radius:16px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #fff;outline-offset:4px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}#ar-view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;overflow:hidden}#camera-feed{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover;touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:calc(50% - 8px);pointer-events:none}.spinner{display:block;width:16px;height:16px;border:1.5px solid #ffffff30;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.story-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;color:#fff;font-weight:var(--story-copy-weight);text-shadow:var(--story-shadow)}.story-hud h2,.story-hud h3,.story-hud p,.story-hud ul,.story-hud ol,.story-hud dl{margin:0}.story-hud ul{list-style:none;padding:0}.story-panel{padding:var(--story-panel-pad);background:#0003;border:1px solid #fff;border-radius:var(--story-panel-radius);color:#fff}.intro-benefits,.ingredient-notes{position:absolute;left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 48px))}.intro-benefits h2,.ingredient-notes h2{font-size:25px;line-height:1.15;letter-spacing:-.6px;font-weight:var(--story-heading-weight);margin-bottom:17px}.intro-benefits>ul{display:grid;gap:10px}.intro-benefits li{display:flex;align-items:center;gap:11px;font-size:16px;line-height:1.4;font-weight:var(--story-label-weight);margin:0}.intro-benefits li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--pale-leaf);flex:none}.care-panel{position:absolute;top:clamp(28px,7vh,76px);left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 48px))}.care-content{display:block}.how-to{margin-top:20px}.care-panel h2{font-size:25px;line-height:1.2;font-weight:var(--story-heading-weight);letter-spacing:-.4px}.extended-benefits>ul{display:grid;gap:8px;margin-top:14px}.extended-benefits li{display:flex;align-items:baseline;gap:9px}.extended-benefits li:before{content:"";width:4px;height:4px;border-radius:50%;background:#fff;flex:none;align-self:flex-start;margin-top:8px}.care-panel p{font-size:14px;line-height:1.45;color:#fff}.how-to ol{padding-left:19px;margin-top:12px;font-size:14px;line-height:1.5;color:#fff}.how-to li{padding-left:4px}.how-to li+li{margin-top:10px}.how-to li::marker{color:#fff;font-size:14px;font-weight:var(--story-label-weight)}.ingredient-notes h2{margin-bottom:5px}.ingredient-caption{font-size:14px;font-weight:var(--story-copy-weight);color:#fff}.ingredient-notes dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:16px}.ingredient-notes dl>div{min-width:0}.ingredient-notes dt{font-size:14px;line-height:1.4;font-weight:var(--story-label-weight)}.ingredient-notes dd{margin:3px 0 0;font-size:14px;line-height:1.4;font-weight:var(--story-copy-weight);color:#fff}.player-controls{position:absolute;z-index:3;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:216px;padding:4px 6px 6px;border-radius:17px;background:#102a20c9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.player-buttons{display:flex;justify-content:space-between}.player-buttons button{display:grid;place-items:center;min-width:48px;min-height:44px;padding:0;background:none;border:0;color:#fff;border-radius:10px}.player-buttons svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chapters{display:grid;grid-template-columns:repeat(var(--chapter-count,4),1fr);gap:5px;margin:0 5px}.chapter{position:relative;border:0;background:transparent;min-height:16px;padding:7px 0;overflow:hidden}.chapter:before,.chapter i{content:"";position:absolute;left:0;top:7px;height:2px;border-radius:1px}.chapter:before{width:100%;background:#ffffff35}.chapter i{width:var(--progress,0%);background:#fff}.camera-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:28px;background:#000d}.camera-error>div{max-width:290px}.camera-error h1{font-size:21px;font-weight:500;line-height:1.3;margin:0 0 10px}.camera-error p{font-size:13px;color:#ffffffb3;margin:0 0 18px}.camera-error button{min-height:44px;border:0;border-radius:22px;background:#fff;color:#171717;padding:10px 22px}.no-script{position:fixed;top:35%;right:20%;bottom:35%;left:20%;z-index:10;background:#000;padding:24px}@media(max-height:650px)and (orientation:portrait){.care-panel{top:24px}.care-panel h2,.intro-benefits h2,.ingredient-notes h2{font-size:22px}.intro-benefits h2{margin-bottom:10px}.intro-benefits li{font-size:14px}.ingredient-notes dl{gap:11px 12px;margin-top:12px}}@media(orientation:landscape)and (max-height:600px){.care-panel{top:24px;left:24px;transform:none;width:min(56vw,500px)}.care-panel h2{font-size:22px}.care-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.how-to{margin:0}.extended-benefits>ul{margin-top:14px}.how-to ol{margin-top:14px}.intro-benefits{left:24px;transform:none;width:min(42vw,350px)}.intro-benefits h2,.ingredient-notes h2{font-size:22px;margin-bottom:9px}.intro-benefits li{font-size:14px}.ingredient-notes{left:24px;transform:none;width:min(48vw,420px)}.ingredient-notes dl{grid-template-columns:repeat(2,1fr);gap:12px 16px;margin-top:10px}.player-controls{bottom:calc(12px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-color:#ffffff80}}