/* Original assets and browser/age/demo flow, styled with the approved rose tokens. */
.image-slot.photo{display:block;width:100%;padding:0;object-fit:cover;object-position:50% 24%;color:var(--image-ink)}
.featured-image .photo{object-position:50% 25%}
@media(min-width:761px){.featured-image .photo{object-position:50% 42%}}
.mini-portrait{overflow:hidden}.mini-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 24%}
.overlay{position:fixed;inset:0;z-index:400;background:#170c14e8;display:grid;place-items:center;padding:20px}
.panel{position:relative;background:var(--surface);color:var(--ink);border-radius:18px;width:min(420px,100%);padding:28px;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.panel h2{padding-inline-end:35px;font-size:24px;line-height:1.3;margin:10px 0 18px}
.panel p,.guide-steps{color:var(--muted);font-size:14px;line-height:1.7}
.panel .close{font-size:25px;line-height:1}
.panel label{display:block;margin:14px 0;font-size:14px}
.panel input:not([type=range]){font:inherit;display:block;width:100%;padding:13px;margin-top:6px;border:1px solid var(--line);background:var(--bg);border-radius:9px;color:var(--ink);caret-color:var(--accent)}
.panel .cta-btn{width:100%;margin-top:12px}
.cta-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;padding:13px 18px;font-weight:700;line-height:1.3}
.cta-btn:hover{background:var(--ink)}
.panel img{width:100%;height:auto;border-radius:10px;display:block}.guide-steps{padding-inline-start:22px}
input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.age{position:fixed;inset:0;z-index:350;background:var(--bg);background-image:linear-gradient(#25141f50,#25141fbb),var(--age-img);background-position:center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;overflow:auto}
.age-sheet{width:min(520px,100%);padding:24px 22px calc(30px + env(safe-area-inset-bottom,0px));background:var(--surface);border-radius:18px 18px 0 0;max-height:100%;overflow:auto}
.age-brand{display:flex;align-items:center;gap:10px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:18px;font-size:25px}
.age-brand span{margin-inline-start:auto;font-size:13px;color:var(--accent)}
.age-sheet h2{font-size:22px;line-height:1.4;margin:18px 0 8px}.age-sheet p{font-size:14px;line-height:1.6;color:var(--muted)}
.slider-shell{position:relative;margin-top:18px;background:var(--bg);border:1px solid var(--line);border-radius:12px;height:60px;display:grid;place-items:center;direction:ltr}
.slider-shell span{font-size:12px;color:var(--ink);padding:8px 16px 8px 55px;text-align:center;line-height:1.4}
.slider-shell input{position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:ew-resize}
.slider-shell input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:50px;height:50px;border-radius:9px;background:var(--accent);border:2px solid var(--surface)}
.slider-shell input::-moz-range-thumb{width:48px;height:48px;border:2px solid var(--surface);border-radius:9px;background:var(--accent)}
.slider-shell input:disabled{cursor:wait;opacity:.65}#ageFoot{text-align:center}
[dir=rtl] .slider-shell span{direction:rtl}[dir=rtl] input[type=email]{direction:ltr}
@media(max-width:350px){.panel{padding:24px 20px}.panel h2{font-size:21px}.age-sheet{padding-inline:18px}.age-sheet h2{font-size:19px}}
