:root{--bg:#000;--s1:#141414;--s2:#1f1f1f;--s3:#2b2b2b;--text:#fff;--dim:#b3b3b3;--accent:#14F06A;--ink:#03140A;--line:#232323}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.5 "Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.img{background:#222 center/cover no-repeat}

/* top bar */
.bar{position:absolute;top:0;left:0;right:0;z-index:10}
.bar .wrap{display:flex;align-items:center;height:84px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:-.02em}
.logo img{width:40px;height:40px}
.bar nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:16px;font-weight:500;color:#ddd}
.bar nav a:hover{color:#fff}
.chipbtn{background:var(--accent);color:var(--ink)!important;font-weight:700;padding:8px 18px;border-radius:999px}

/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;border-bottom:8px solid var(--line)}
.wall{position:absolute;inset:-20%;display:grid;grid-template-columns:repeat(9,1fr);gap:14px;transform:rotate(-12deg) scale(1.05);opacity:.5}
.wall div{aspect-ratio:2/3;border-radius:6px}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:
 radial-gradient(ellipse at 30% 50%,rgba(0,0,0,.55),rgba(0,0,0,.92) 70%),
 linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.2) 70%,#000 100%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding-top:110px;padding-bottom:70px;width:100%}
.hero h1{font-size:68px;line-height:1;font-weight:900;letter-spacing:-.035em;margin:0 0 20px}
.hero h1 span{color:var(--accent)}
.hero .sub{font-size:22px;color:#e5e5e5;margin:0 0 30px;max-width:460px}
.cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;font-weight:700;font-size:19px;transition:transform .15s,box-shadow .15s}
.btn.main{background:var(--accent);color:var(--ink);box-shadow:0 6px 24px rgba(20,240,106,.35)}
.btn.main:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(20,240,106,.45)}
.btn.soft{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff}
.btn.soft:hover{background:rgba(255,255,255,.2)}
.fine{font-size:14px;color:var(--dim);margin-top:16px}

/* devices */
.devices{position:relative;padding:0 0 40px}
.tv{position:relative;aspect-ratio:16/9;border-radius:12px;border:9px solid #0d0d0d;outline:1px solid #333;background:#000;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.8)}
.tvfoot{width:28%;height:10px;margin:0 auto;background:linear-gradient(#222,#0d0d0d);border-radius:0 0 8px 8px}
.phone{position:absolute;right:-14px;bottom:-6px;width:27%;aspect-ratio:9/19.5;border-radius:26px;border:6px solid #0d0d0d;outline:1px solid #333;background:#000;overflow:hidden;box-shadow:-20px 30px 60px rgba(0,0,0,.9)}

/* app screens (scale with container) */
.scr{position:absolute;inset:0;container-type:inline-size;color:#fff}
.scr .bd{position:absolute;inset:0}
.scr .fade{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 32%,rgba(0,0,0,0) 68%),linear-gradient(0deg,#000 3%,rgba(0,0,0,0) 50%)}
.tvhome .side{position:absolute;left:0;top:0;bottom:0;width:6cqw;display:flex;flex-direction:column;align-items:center;gap:3.4cqw;padding-top:5cqw}
.tvhome .side i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:rgba(255,255,255,.35)}
.tvhome .side i.on{background:var(--accent)}
.tvhome .info{position:absolute;left:9cqw;top:9cqw;width:44cqw}
.kick{font-size:1.5cqw;font-weight:700;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}
.tvhome .t{font-size:5.2cqw;font-weight:900;line-height:1;margin:.6cqw 0 1cqw;letter-spacing:-.02em}
.tvhome .m{font-size:1.5cqw;color:#ccc;margin-bottom:2cqw}
.pb{display:inline-flex;align-items:center;gap:.6em;border-radius:999px;padding:.55em 1.3em;font-weight:700}
.pb.g{background:var(--accent);color:var(--ink)}
.pb.w{background:rgba(255,255,255,.18);color:#fff}
.pb.f{box-shadow:0 0 0 .18em #000,0 0 0 .36em #fff}
.tvhome .pb{font-size:1.6cqw;margin-right:1cqw}
.tvhome .row{position:absolute;left:9cqw;right:0;bottom:4cqw}
.rt{font-weight:700}
.tvhome .rt{font-size:1.7cqw;margin-bottom:1.2cqw}
.strip{display:flex;gap:1.2cqw;overflow:hidden}
.p{flex:0 0 auto;aspect-ratio:2/3;border-radius:.6cqw;position:relative;overflow:hidden}
.tvhome .p{width:10.5cqw}
.p.f{box-shadow:0 0 0 .35cqw #fff;transform:scale(1.07);margin:0 .6cqw}
.p .pr{position:absolute;left:8%;right:8%;bottom:6%;height:3%;background:rgba(255,255,255,.35);border-radius:9px}
.p .pr i{display:block;height:100%;background:var(--accent);border-radius:9px}
.phhome{padding:12cqw 5cqw 0}
.phhome .top{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:7cqw;margin-bottom:5cqw}
.av{width:9cqw;height:9cqw;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:5cqw;color:#000}
.chips{display:flex;gap:2.5cqw;margin-bottom:5cqw}
.chips span{font-size:4.2cqw;border:1px solid #555;border-radius:999px;padding:1cqw 3.5cqw}
.chips span.on{background:#fff;color:#000;border-color:#fff;font-weight:700}
.feat{aspect-ratio:3/4;border-radius:4cqw;position:relative;overflow:hidden;box-shadow:0 2cqw 6cqw rgba(0,0,0,.6)}
.feat .bt{position:absolute;left:5cqw;right:5cqw;bottom:5cqw;display:flex;gap:3cqw}
.feat .bt span{flex:1;text-align:center;font-size:4.6cqw;font-weight:700;border-radius:999px;padding:2.4cqw 0}
.phhome .rt{font-size:5cqw;margin:5cqw 0 2.5cqw}
.phhome .strip{gap:2.5cqw}
.phhome .p{width:26cqw;border-radius:2cqw}

/* feature rows */
.f-row{border-bottom:8px solid var(--line);padding:80px 0}
.f-row .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.f-row.flip .txt{order:2}
.f-row h2{font-size:50px;line-height:1.05;font-weight:900;letter-spacing:-.03em;margin:0 0 18px}
.f-row p{font-size:22px;color:#ddd;margin:0}
.card{background:var(--s1);border-radius:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 20px 50px rgba(0,0,0,.6)}

/* detail mock */
.detail{aspect-ratio:16/10;padding:0}
.detail .scr .info{position:absolute;left:6cqw;top:7cqw;width:52cqw}
.detail .t{font-size:7cqw;font-weight:900;line-height:1;margin:1cqw 0}
.detail .m{font-size:2.4cqw;color:#ccc;margin-bottom:3cqw}
.detail .pb{font-size:2.6cqw}
.vers{position:absolute;left:6cqw;right:6cqw;bottom:5cqw;display:flex;flex-direction:column;gap:1.4cqw}
.ver{display:flex;align-items:center;gap:2cqw;background:rgba(30,30,30,.92);border-radius:1.6cqw;padding:1.8cqw 2.4cqw;font-size:2.5cqw}
.ver.f{box-shadow:0 0 0 .35cqw #fff}
.ver small{margin-left:auto;color:#aaa;font-size:2.2cqw}
.q{font-weight:900;font-size:2cqw;border-radius:.8cqw;padding:.4cqw 1.2cqw;background:rgba(20,240,106,.18);color:var(--accent)}

/* profiles */
.who{text-align:center;padding:40px 10px}
.who h3{font-size:30px;font-weight:500;margin:0 0 30px}
.faces{display:flex;justify-content:center;gap:26px;flex-wrap:wrap}
.face{display:flex;flex-direction:column;align-items:center;gap:10px;color:#999;font-size:16px}
.face b{width:96px;height:96px;border-radius:22px;display:grid;place-items:center;font-size:40px;font-weight:900;color:#000;transition:transform .2s}
.face.on{color:#fff}
.face.on b{box-shadow:0 0 0 4px #000,0 0 0 7px #fff;transform:scale(1.06)}

/* remote */
.remote{display:grid;grid-template-columns:1fr 34%;gap:20px;align-items:end;background:none;box-shadow:none;padding:0;overflow:visible}
.remote .tv{border-width:7px}
.toast{position:absolute;right:4cqw;top:4cqw;background:rgba(20,20,20,.92);border-radius:2cqw;padding:2cqw 3cqw;font-size:3cqw;display:flex;gap:2cqw;align-items:center;box-shadow:0 2cqw 5cqw rgba(0,0,0,.6)}
.toast i{width:2.4cqw;height:2.4cqw;border-radius:50%;background:var(--accent)}
.remote .phone{position:relative;right:auto;bottom:auto;width:100%}
.pair{padding:14cqw 6cqw}
.pair .h{font-size:7.5cqw;font-weight:900}
.pair .s{font-size:4.5cqw;color:#aaa;margin:2cqw 0 5cqw}
.code{display:flex;gap:2.5cqw;margin-bottom:6cqw}
.code span{flex:1;aspect-ratio:3/4;display:grid;place-items:center;background:var(--s2);border-radius:3cqw;font-size:9cqw;font-weight:900}
.code span.on{box-shadow:0 0 0 .6cqw var(--accent)}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5cqw}
.keys span{background:var(--s2);border-radius:999px;text-align:center;font-size:6cqw;padding:2.5cqw 0}

/* downloads */
.dlw{display:flex;justify-content:center;background:radial-gradient(circle at 50% 30%,#1c2a20,#0b0b0b 70%);padding:36px 0}
.dlw .phone{position:relative;right:auto;bottom:auto;width:260px}
.dls{padding:12cqw 5cqw}
.dls .top{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:7cqw;margin-bottom:4cqw}
.sw{display:flex;justify-content:space-between;align-items:center;background:var(--s2);border-radius:4cqw;padding:3.5cqw 4cqw;font-size:4.5cqw;font-weight:700;margin-bottom:4cqw}
.sw i{width:11cqw;height:6.5cqw;border-radius:9cqw;background:var(--accent);position:relative}
.sw i::after{content:"";position:absolute;right:.8cqw;top:.8cqw;width:4.9cqw;height:4.9cqw;border-radius:50%;background:var(--ink)}
.dl{display:flex;gap:3.5cqw;align-items:center;margin-bottom:3.5cqw}
.dl .p{width:17cqw;border-radius:1.8cqw}
.dl b{display:block;font-size:4.6cqw}
.dl small{color:#aaa;font-size:3.8cqw}
.bar2{height:1.2cqw;background:#333;border-radius:9px;margin-top:1.5cqw;width:40cqw}
.bar2 i{display:block;height:100%;background:var(--accent);border-radius:9px}
.dl em{margin-left:auto;font-style:normal;font-size:5cqw;color:var(--accent)}

/* guide */
.guide{padding:22px}
.gtop{display:grid;grid-template-columns:120px repeat(3,1fr);color:#888;font-size:14px;margin-bottom:10px}
.grow{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-bottom:8px}
.ch{background:var(--s2);border-radius:12px;display:flex;align-items:center;gap:8px;padding:12px;font-weight:700;font-size:15px}
.ch i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px;color:#000}
.progs{display:flex;gap:8px}
.progs span{background:var(--s2);border-radius:12px;padding:12px 14px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.progs span.now{background:#18301f}
.progs span.f{box-shadow:0 0 0 3px #fff}
.progs span small{display:block;color:#8a8;font-size:12px}
.nowl{position:absolute;top:44px;bottom:16px;width:2px;background:var(--accent);left:calc(22px + 128px + 16%)}

/* player */
.player{aspect-ratio:16/9;padding:0}
.player .dim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.2) 50%,rgba(0,0,0,.5))}
.sleep{position:absolute;right:4cqw;top:6cqw;width:38cqw;background:rgba(24,24,24,.95);border-radius:3cqw;padding:2.5cqw;box-shadow:0 3cqw 6cqw rgba(0,0,0,.6)}
.sleep .h{font-weight:900;font-size:3.2cqw;margin:0 0 1.5cqw 1.5cqw}
.sleep div.o{font-size:2.8cqw;padding:1.6cqw 2cqw;border-radius:1.6cqw;color:#bbb}
.sleep div.o.on{background:#fff;color:#000;font-weight:700}
.ctl{position:absolute;left:4cqw;right:4cqw;bottom:4cqw}
.ctl .t{font-size:3.4cqw;font-weight:900}
.ctl .tl{height:.7cqw;background:#555;border-radius:9px;margin:1.5cqw 0}
.ctl .tl i{display:block;height:100%;width:41%;background:var(--accent);border-radius:9px}
.ctl small{font-size:2.3cqw;color:#ccc}

/* faq */
.faq{border-bottom:8px solid var(--line);padding:80px 0}
.faq h2,.get h2{font-size:48px;font-weight:900;letter-spacing:-.03em;text-align:center;margin:0 0 30px}
.faq details{max-width:860px;margin:0 auto 8px;background:var(--s2);border-radius:16px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:24px 28px;font-size:22px;font-weight:500;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:36px;font-weight:300;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details:hover{background:var(--s3)}
.faq details p{margin:0;padding:0 28px 26px;font-size:19px;color:#ddd}
.faq details p a{color:var(--accent)}

/* get + coffee */
.get{padding:80px 0;border-bottom:8px solid var(--line)}
.gets{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto}
.gets .card{padding:30px}
.gets h3{font-size:26px;margin:0 0 8px}
.gets p{color:#ccc;margin:0 0 20px}
.url{display:inline-block;font:700 26px ui-monospace,Menlo,monospace;background:#000;border-radius:12px;padding:12px 18px;color:var(--accent)}
.coffee{max-width:900px;margin:24px auto 0;display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,#1b2a1f,#141414 60%);border-radius:24px;padding:28px 30px}
.coffee p{flex:1;min-width:240px;margin:0;color:#ccc}
.coffee b{color:#fff;font-size:22px}

footer{padding:50px 0 70px;color:#808080;font-size:15px}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 26px}
footer a:hover{text-decoration:underline}
.credit{width:100%;font-size:13px;color:#5a5a5a}

@media (max-width:900px){
  .hero .wrap,.f-row .wrap{grid-template-columns:1fr;gap:40px}
  .f-row.flip .txt{order:0}
  .hero h1{font-size:46px}
  .hero .sub{font-size:19px}
  .f-row{padding:56px 0}
  .f-row h2{font-size:34px}.f-row p{font-size:18px}
  .wrap{padding:0 18px}
  .bar nav a:not(.chipbtn){display:none}
  .gets{grid-template-columns:1fr}
  .faq h2,.get h2{font-size:32px}
  .faq summary{font-size:18px;padding:20px}
  .faq details p{font-size:16px;padding:0 20px 20px}
  .gtop,.grow{grid-template-columns:86px 1fr}.gtop{grid-template-columns:86px repeat(3,1fr)}
  .ch{font-size:12px;padding:8px}.ch i{width:22px;height:22px}
  .progs span{font-size:12px;padding:9px}
  .nowl{left:calc(22px + 94px + 16%)}
  .face b{width:70px;height:70px;font-size:30px;border-radius:16px}.faces{gap:16px}
  .wall{grid-template-columns:repeat(5,1fr)}
}
/* tuned */
.phhome{padding:12% 5% 0}.pair{padding:14% 6%}.dls{padding:12% 5%}
.tvhome .info{top:6cqw}.tvhome .t{font-size:4.6cqw}.tvhome .p{width:8.6cqw}.tvhome .row{bottom:3.5cqw}
.hero .wrap{grid-template-columns:.9fr 1.3fr;max-width:1320px}
.detail{aspect-ratio:16/11}.detail .scr .info{top:5cqw}
.remote{display:block;position:relative;padding:0 0 40px}.remote .tv{width:88%}.remote .tvfoot{margin-left:30%}
.remote .phone{position:absolute;right:-12px;bottom:0;width:30%}
.remote .toast{left:4cqw;right:auto;top:auto;bottom:5cqw}
.tvbtn{background:var(--accent);color:var(--ink);text-align:center;font-weight:900;font-size:6cqw;border-radius:999px;padding:4% 0;margin-top:8%;box-shadow:0 0 0 1.2cqw rgba(20,240,106,.25)}
.dlw{padding:30px 0 0;align-items:flex-start;max-height:520px}.dlw .phone{width:280px}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.remote .phone{right:0}.dlw .phone{width:230px}}
/* v3: no separators, scroll animation */
.hero,.f-row,.faq,.get{border-bottom:0}
.f-row{padding:110px 0}
.f-row::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 400px at var(--gx,80%) 50%,rgba(20,240,106,.07),transparent 70%)}
.f-row{position:relative}.f-row.flip{--gx:20%}
.wall{animation:drift 60s linear infinite alternate}
@keyframes drift{from{transform:rotate(-12deg) scale(1.05) translateY(0)}to{transform:rotate(-12deg) scale(1.05) translateY(-6%)}}
.rv{opacity:0;transform:translateY(48px) scale(.98);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}
.rv.in{opacity:1;transform:none}
.f-row .card.rv{transform:translateY(60px) scale(.94)}
.f-row .card.rv.in{transform:none}
.hero .phone.rv{transform:translateX(60px) translateY(30px) rotate(4deg)}
.hero .phone.rv.in{transform:none}
.p,.ver,.face b,.progs span,.btn{transition:transform .25s,box-shadow .25s}
.tvhome .strip .p.f{transform:scale(1.08)}
@media (prefers-reduced-motion:reduce){.rv,.rv.in{opacity:1;transform:none;transition:none}.wall{animation:none}}
.hero h1{font-size:62px}@media (max-width:900px){.hero h1{font-size:44px}}
.steps{max-width:900px;margin:20px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.steps div{background:var(--s1);border-radius:20px;padding:20px 22px}
.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--ink);font-weight:900;margin-bottom:10px}
.steps h4{margin:0;font-size:19px}.steps p{margin:2px 0 0;color:var(--dim);font-size:15px}
@media (max-width:900px){.steps{grid-template-columns:1fr}}
/* download sheet */
.sheet{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s}
.sheet.on{opacity:1}
.sheet[hidden]{display:none}
.sheet-in{position:relative;width:100%;max-width:620px;max-height:calc(100vh - 40px);overflow:auto;background:#181818;border-radius:28px;padding:34px 34px 28px;box-shadow:0 30px 80px rgba(0,0,0,.7);transform:translateY(30px) scale(.97);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.sheet.on .sheet-in{transform:none}
.sheet[data-mode=android] [data-for=desktop],.sheet[data-mode=desktop] [data-for=android]{display:none}
.x{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:0;background:#2a2a2a;color:#fff;font-size:16px;cursor:pointer}
.ok{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.ok i{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:26px}
.ok h3,.big{margin:0;font-size:26px;font-weight:900;letter-spacing:-.02em}
.big{margin-bottom:20px;padding-right:40px}
.ok p{margin:2px 0 0;color:var(--dim);font-size:15px}
.sheet h4{font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:22px 0 10px}
.how{margin:0;padding-left:20px;color:#ddd;font-size:16px}.how li{margin:6px 0}
.mock{background:#0e0e0e;border-radius:16px;padding:14px 16px;margin:14px 0 6px}
.mock-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}
.mock small{color:#777;font-size:13px}
.tg{width:44px;height:24px;border-radius:12px;background:var(--accent);position:relative}
.tg::after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--ink)}
.again{color:var(--dim);font-size:14px;margin:10px 0 0}.again a,.coffee-line a{color:var(--accent);font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.opt{background:#0e0e0e;border-radius:20px;padding:18px}
.opt h4{margin:0 0 12px!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;font-size:18px!important}
.opt p{margin:10px 0 0;color:var(--dim);font-size:14px}
.qr{width:150px;height:150px;border-radius:12px;display:block}
.opt .url{font-size:17px;padding:8px 12px;margin-top:10px}
.sheet .steps{display:flex;flex-direction:column;gap:8px;margin:0;max-width:none}
.sheet .steps a{display:flex;gap:14px;align-items:center;background:#222;border-radius:16px;padding:12px 14px;transition:background .2s}
.sheet .steps a:hover{background:#2c2c2c}
.sheet .steps b{flex:0 0 auto;margin:0;width:32px;height:32px}
.sheet .steps strong{display:block;font-size:16px}
.sheet .steps span{color:var(--dim);font-size:14px}
.coffee-line{text-align:center;color:var(--dim);margin:22px 0 0;font-size:15px}
@media (max-width:600px){.sheet{padding:0;align-items:flex-end}.sheet-in{border-radius:28px 28px 0 0;max-height:92vh;padding:28px 20px 24px}.two{grid-template-columns:1fr}}
/* crypto sheet */
.tipline{font-size:15px;color:var(--dim);margin:12px 0 0}.tipline a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.faq details p a[data-crypto]{color:var(--accent)}
.cwarn{background:#2a2410;color:#f3d77a;border-radius:14px;padding:12px 14px;font-size:14px;margin:0 0 16px}
.coin{background:#222;border-radius:18px;padding:14px;margin-bottom:10px}
.coin .chd{display:flex;align-items:center;gap:12px}
.coin .chd i{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:19px;color:#fff}
.coin .chd div{flex:1}.coin strong{display:block;font-size:17px}.coin small{color:var(--dim);font-size:13px}
.qbtn,.copy{border:0;border-radius:999px;font:700 14px Roboto,system-ui,sans-serif;cursor:pointer;padding:8px 14px}
.qbtn{background:#333;color:#fff}.qbtn.on{background:#fff;color:#000}
.addr{display:flex;gap:10px;align-items:center;margin-top:12px;background:#111;border-radius:12px;padding:8px 8px 8px 12px}
.addr code{flex:1;min-width:0;font:13px/1.4 ui-monospace,Menlo,monospace;color:#ddd;word-break:break-all}
.copy{background:var(--accent);color:var(--ink);flex:0 0 auto}.copy.done{background:#fff}
.cq{display:block;width:180px;height:180px;margin:14px auto 4px;border-radius:12px;background:#fff}
.cq[hidden]{display:none}
.csub{color:#ccc;margin:-8px 0 16px;font-size:16px}