.device{width:calc(430px * var(--s));height:calc(902px * var(--s));flex:none}.phone{width:430px;height:902px;transform:scale(var(--s));transform-origin:0 0;background:#050506;border-radius:76px;padding:14px;position:relative;box-shadow:0 0 0 2.5px #232323,0 0 0 5px #48474a,0 0 0 6.5px #171717,0 50px 100px -36px #000000e6}.phone:before{content:"";z-index:6;background:#000;border-radius:20px;width:126px;height:37px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.phone:after{content:"";z-index:6;background:#fff9;border-radius:3px;width:140px;height:5px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scr{background:var(--bg);text-align:left;border-radius:62px;flex-direction:column;width:402px;height:874px;font-size:16px;line-height:1.55;display:flex;position:relative;overflow:hidden}.scr{&[hidden]{display:none}& img{display:block}& .sb{z-index:4;height:58px;font:600 17px var(--sans);color:#fff;justify-content:space-between;align-items:center;padding:8px 34px 0 50px;display:flex;position:absolute;top:0;left:0;right:0}& .sb .ic{align-items:center;gap:6px;display:flex}& .sb svg{height:12.5px}& .body{flex-direction:column;flex:1;min-height:0;padding:70px 22px 44px;display:flex}& .spacer{flex:1}& .serif{font-family:var(--serif)}& .h-xl{font:400 42px/1.06 var(--serif);letter-spacing:-.02em;text-wrap:balance}& .h-l{font:400 33px/1.1 var(--serif);letter-spacing:-.015em;text-wrap:balance}& .muted{color:var(--muted)}& .small{font-size:15px;line-height:1.45}& .cta{color:#121210;cursor:default;background:#f7f5f0;border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;height:56px;font-size:17px;font-weight:600;display:flex}& button.cta[data-fan-btn]{cursor:pointer}& .cta.dark{background:var(--raised);color:var(--text)}& .icon-btn{background:var(--raised);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}& .icon-btn svg,& .cta svg{width:21px;height:21px}& .list{gap:10px;display:grid}& .opt{background:var(--surface);border:1.5px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:17px 18px;font-size:17px;font-weight:500;display:flex}& .opt svg{color:#cfcbc3;width:24px;height:24px}& .opt .r{margin-left:auto;display:flex}& .opt.on{background:#23231f;border-color:#ffffff8c}& .opt.on svg{color:var(--text)}& .progress{gap:5px;margin-bottom:26px;display:flex}& .progress i{background:#2c2c28;border-radius:2px;flex:1;height:3.5px}& .progress i.on{background:var(--text)}& .field{font:400 34px/1.15 var(--serif);letter-spacing:-.01em;border-bottom:1px solid #3a3a35;padding:8px 0 14px}& .field .caret{background:var(--candle);vertical-align:-5px;width:2px;height:32px;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}& .kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:17px 0;font-size:17px;display:flex}& .kv b{font-weight:500}& .label{color:var(--muted);margin:26px 0 10px;font-size:15px}& .label-row{justify-content:space-between;align-items:baseline;display:flex}& .label .shots{color:var(--text);font-size:28px;font-style:italic}& .cover-pick{border-radius:22px;height:210px;overflow:hidden}& .cover-pick img{object-fit:cover;width:100%;height:100%}& .seg{background:var(--surface);border-radius:15px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;font-size:15px;display:grid}& .seg span{text-align:center;color:var(--muted);white-space:nowrap;border-radius:12px;padding:11px 4px}& .seg span.on{color:var(--text);background:#34342f;font-weight:500}& .slider{background:#2c2c28;border-radius:3px;height:5px;margin:22px 6px 10px;position:relative}& .slider i{background:var(--text);border-radius:3px;position:absolute;top:0;bottom:0;left:0}& .slider b{background:#fff;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000080}& .ticks{color:var(--faint);justify-content:space-between;font-size:13px;display:flex}& .looks{gap:12px;display:grid}& .look{border:2.5px solid #0000;border-radius:22px;height:150px;position:relative;overflow:hidden}& .look.on{border-color:#fff}& .look img{object-fit:cover;width:100%;height:100%}& .look:after{content:"";background:linear-gradient(90deg,#0000008c,#0000 60%);position:absolute;inset:0}& .look span{z-index:1;font:italic 400 30px/1 var(--serif);color:#fff;position:absolute;top:50%;left:18px;transform:translateY(-50%)}& .look em{font:13px var(--sans);color:#ffffffd9;margin-top:6px;font-style:normal;display:block}& .f-warm{filter:sepia(.28)saturate(1.15)contrast(1.06)brightness(1.02)}& .f-mono{filter:grayscale()contrast(1.15)}& .tier{background:var(--surface);border:1.5px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;padding:17px 18px;font-size:17px;display:flex}& .tier.on{background:#23231f;border-color:#fff}& .tier b{align-items:center;gap:8px;font-weight:500;display:flex}& .tier .p{font-weight:600}& .tag{background:var(--candle);color:#1a1610;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:600}& .toggle{background:#3a3a35;border-radius:16px;flex:none;width:51px;height:31px;position:relative}& .toggle:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;position:absolute;top:2px;left:2px}& .cover{flex:none;height:470px;position:relative}& .cover img{object-fit:cover;width:100%;height:100%}& .cover:after{content:"";background:linear-gradient(#0d0d0d33 0%,#0d0d0d00 32%,#0d0d0d8c 62%,#0d0d0d 100%);position:absolute;inset:0}& .cover .in{z-index:1;text-align:center;padding:0 28px;position:absolute;bottom:10px;left:0;right:0}& .cover h3{font:400 38px/1.05 var(--serif);letter-spacing:-.015em;text-wrap:balance}& .stats{grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}& .stats b{font:italic 400 27px/1.1 var(--serif);display:block}& .stats span{color:#cfcbc3;font-size:13px}& .actions{gap:10px;padding:8px 12px 10px;display:flex}& .actions .cta{border-radius:15px;height:48px}& .grid{grid-template-columns:1fr 1fr;gap:6px;padding:0 12px 12px;display:grid}& .tile{aspect-ratio:3/4;background:#222;border-radius:16px;position:relative;overflow:hidden}& .tile img{object-fit:cover;width:100%;height:100%}& .tile i{font:italic 400 19px var(--serif);color:#fff;text-shadow:0 1px 10px #000000b3;position:absolute;bottom:9px;left:12px}& .tile.dev img{filter:blur(18px)brightness(.85)saturate(.8);transform:scale(1.2)}& .tile.dev:after{content:"Developing";font:italic 400 20px var(--serif);color:#ffffffd9;place-items:center;display:grid;position:absolute;inset:0}& .scroll{flex:1;overflow:hidden}& .cam-top{align-items:center;gap:12px;padding:66px 16px 14px;display:flex}& .cam-top .t{text-align:center;flex:1;min-width:0}& .cam-top .t b{font:400 21px/1.2 var(--serif);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}& .cam-top .t span{color:var(--muted);font-size:13px}& .vf{border-radius:28px;flex:1;min-height:0;margin:0 12px;overflow:hidden}& .vf img{object-fit:cover;width:100%;height:100%}& .cam-tools{color:#ddd;justify-content:space-between;align-items:center;padding:18px 30px 8px;display:flex}& .cam-tools svg{width:23px;height:23px}& .zoom{background:#1e1e1c;border-radius:14px;gap:3px;padding:4px;font-size:13.5px;display:flex}& .zoom span{color:var(--muted);border-radius:11px;padding:6px 12px}& .zoom span.on{color:#fff;background:#34342f}& .cam-bot{justify-content:space-between;align-items:center;padding:10px 20px 46px;display:flex}& .count{width:82px;height:58px;font:italic 400 18px var(--serif);color:var(--faint);background:#1e1e1c;border-radius:17px;justify-content:center;align-items:center;gap:8px;display:flex}& .count b{font:italic 400 31px var(--serif);color:#fff}& .shutter{border:4px solid #3a3a35;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}& .shutter:after{content:"";background:#2a2a27;border-radius:50%;width:68px;height:68px}& .last{border:2px solid #444;border-radius:17px;width:62px;height:62px;overflow:hidden}& .last img{object-fit:cover;width:100%;height:100%}& .lock{position:absolute;inset:0}& .lock>img{object-fit:cover;filter:brightness(.55)saturate(.85);width:100%;height:100%}& .lock .clock{text-align:center;position:absolute;top:80px;left:0;right:0}& .lock .clock span{color:#ffffffe0;font-size:19px;font-weight:500}& .lock .clock b{letter-spacing:-.025em;color:#ffffffeb;font-size:108px;font-weight:600;line-height:1;display:block}& .la{backdrop-filter:blur(20px);background:#121210db;border-radius:30px;gap:13px;padding:18px;display:grid;position:absolute;bottom:120px;left:14px;right:14px}& .la .top{align-items:center;gap:12px;display:flex}& .mark-tile{color:#121210;background:#f7f5f0;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}& .la b{font:400 21px/1.15 var(--serif)}& .la .bar{background:#333;border-radius:3px;height:6px;position:relative;overflow:hidden}& .la .bar i{background:var(--candle);border-radius:3px;position:absolute;inset:0 auto 0 0}& .la .meta{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}& .note{backdrop-filter:blur(20px);background:#1c1c19d6;border-radius:26px;gap:13px;padding:15px 16px;animation:.7s cubic-bezier(.2,.9,.3,1.1) both notify;display:flex;position:absolute;top:320px;left:14px;right:14px}& .note .t{justify-content:space-between;font-size:15px;font-weight:600;display:flex}& .note .t span{color:var(--muted);font-size:14px;font-weight:400}& .note p{color:#d8d5ce;text-wrap:pretty;margin-top:2px;font-size:15px;line-height:1.35}& .flash{justify-content:space-between;padding:0 52px;display:flex;position:absolute;bottom:52px;left:0;right:0}& .flash i{background:#282824b3;border-radius:50%;width:54px;height:54px}& .fan{height:420px;margin:24px 0 10px;position:relative}& .fan .c{aspect-ratio:3/4;border-radius:18px;width:210px;transition:transform .9s cubic-bezier(.2,.9,.3,1.15);position:absolute;top:30px;left:50%;overflow:hidden;box-shadow:0 24px 50px #0009}& .fan .c img{object-fit:cover;width:100%;height:100%}& .clip{position:absolute;inset:0}& .clip>img{object-fit:cover;filter:blur(4px)brightness(.55);width:100%;height:100%;transform:scale(1.08)}& .sheet{text-align:center;background:#161614;border-radius:52px;gap:14px;padding:12px 24px 40px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}& .sheet .grab{background:#3a3a35;border-radius:3px;width:40px;height:5px;margin:0 auto 6px}& .sheet .img{border-radius:26px;height:220px;overflow:hidden}& .sheet .img img{object-fit:cover;width:100%;height:100%}& .sheet .by{color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:14px;display:flex}& .qrcard{color:#121210;text-align:center;background:#f7f5f0;border-radius:32px;margin:22px 0;padding:28px 24px 24px}& .qrcard .qr{width:220px;height:220px;margin:18px auto 16px}& .qrcard b{font:400 30px/1.1 var(--serif);letter-spacing:-.01em}& .full{position:absolute;inset:0}& .full img{object-fit:cover;width:100%;height:100%}& .full:after{content:"";background:linear-gradient(#00000073,#0000 22% 58%,#000c);position:absolute;inset:0}& .over{z-index:2;position:absolute;left:0;right:0}& .viewer-top{color:#e5e2db;justify-content:space-between;align-items:center;padding:0 18px;font-size:15px;display:flex;top:66px}& .viewer-bot{gap:18px;padding:0 22px;display:grid;bottom:50px}& .viewer-bot .who{font:italic 400 32px/1.1 var(--serif)}& .viewer-bot .who span{font:15px var(--sans);color:#cfcbc3;margin-top:4px;font-style:normal;display:block}& .viewer-bot .acts{gap:10px;display:flex}& .glass{backdrop-filter:blur(12px);background:#282824b3!important}& .bars{gap:4px;padding:0 16px;display:flex;top:66px}& .bars i{background:#ffffff59;border-radius:2px;flex:1;height:3px}& .bars i.on{background:#fff}& .recap-title{text-align:center;padding:0 30px;bottom:150px}& .recap-title b{font:400 48px/1.02 var(--serif);letter-spacing:-.02em;text-wrap:balance;display:block}& .recap-title span{color:#ddd;margin-top:12px;font-size:15px;display:block}& .people{margin-top:14px;display:grid}& .person{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 0;display:flex}& .person img{object-fit:cover;border-radius:50%;width:50px;height:50px}& .person b{font-size:17px;font-weight:500}& .person span{font:italic 400 23px var(--serif);color:#e2dfd8;margin-left:auto}& .person em{color:var(--muted);font-size:14px;font-style:normal;display:block}}@keyframes blink{50%{opacity:0}}@keyframes notify{0%{opacity:0;transform:translateY(-30px)}}