*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0a;color:#fafafa;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh}
.page{display:none;height:100vh;flex-direction:column;width:100vw;position:absolute;top:0;left:0}
.page.on{display:flex}
.nav{position:fixed;bottom:0;left:0;right:0;height:58px;background:#111;display:flex;align-items:center;z-index:100;border-top:1px solid #1a1a1a;padding:0 8px}
.nb{background:none;border:none;color:#444;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;flex:1;font-size:10px;letter-spacing:.4px;transition:color .2s}
.nb.on{color:#e8705a}
.ic{width:20px;height:20px;display:block;flex-shrink:0}
.hdr{padding:32px 20px 80px;max-width:480px;margin:0 auto;flex-shrink:0}
h1{font-family:Georgia,serif;font-size:2.4rem;font-weight:900;color:#fff;line-height:1.1;margin-bottom:4px}
.sy{color:#444;font-size:.82rem;margin-bottom:24px}
.prog{height:4px;background:#1616;border-radius:2px;overflow:hidden;margin-bottom:6px}
.fil{height:100%;background:linear-gradient(90deg,#e8705a,#feca57);transition:width .5s}
.pl{font-size:.7rem;color:#333;display:flex;justify-content:space-between}
.st{background:linear-gradient(135deg,#e8705a,#f4a261);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.fs{font-weight:700;font-size:.82rem;color:#fff}
.fsub{font-size:.68rem;color:rgba(255,255,255,.7);margin-top:2px}
.sl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#e8705a;margin-bottom:10px;display:block}
.lc{background:#111;border:1px solid #1a1a1a;border-radius:14px;padding:15px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%}
.li{display:flex;align-items:center;gap:12px}
.icn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;color:#fff;flex-shrink:0}
.na{font-weight:700;font-size:.9rem;margin-bottom:2px}
.de{font-size:.68rem;color:#333}
.cn{color:#333;font-size:.78rem;display:flex;align-items:center;gap:3px}
.lst{padding:20px;max-width:600px;margin:0 auto;padding-bottom:80px}
.lhd{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.bk{background:none;border:none;color:#444;cursor:pointer;padding:4px}
.bks{width:20px;height:20px;display:block}
.tl{font-family:Georgia,serif;font-size:1.1rem;font-weight:900;color:#fff}
.mt{font-size:.68rem;color:#333;margin-bottom:14px}
.frow{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap;margin-bottom:14px}
.ft{display:inline-block;padding:5px 13px;border-radius:99px;font-size:.7rem;font-weight:600;cursor:pointer;background:#111;color:#444;border:1px solid #1a1a1a;white-space:nowrap;transition:all .15s}
.ft.on{background:#e8705a;color:#fff;border-color:#e8705a}
.ac{background:#111;border:1px solid #1a1a1a;border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer;text-align:left;width:100%}
.ac:active{transform:scale(.985)}
.at{display:flex;justify-content:space-between;align-items:flex-start}
.al{flex:1;min-width:0}
.abg{display:inline-block;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:99px;margin-bottom:5px}
.an{font-family:Georgia,serif;font-size:.9rem;font-weight:900;margin-bottom:2px;color:#fff}
.am{font-size:.68rem;color:#333}
.ar{color:#333;font-size:.65rem;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.rb{padding:20px 16px 80px;flex:1;max-width:700px;margin:0 auto;width:100%}
.rt{font-family:Georgia,serif;font-size:1.85rem;font-weight:900;margin-bottom:3px;line-height:1.15;color:#fff}
.rm{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:#444;margin-bottom:20px}
.rl{font-family:Georgia,serif;font-size:.98rem;line-height:1.9;color:#bbb;margin-bottom:16px}
.wd{cursor:pointer;border-radius:2px;padding:1px 0;transition:background .1s;display:inline}
.wd:hover{background:rgba(232,112,90,.12)}
.wd:active{background:rgba(232,112,90,.22)}
.vs{margin-top:24px;padding-top:16px;border-top:1px solid #1616}
.vl{font-size:.72rem;color:#444;margin-bottom:8px}
.vc{display:flex;flex-wrap:wrap;gap:5px}
.vp{font-size:.75rem;padding:4px 11px;border-radius:99px;background:#111;color:#555;border:1px solid #1a1a1a;cursor:pointer;transition:all .15s}
.vp:hover{border-color:#e8705a;color:#e8705a}
.qb{width:100%;background:#e8705a;color:#fff;border:none;border-radius:12px;padding:13px;font-weight:700;font-size:.88rem;cursor:pointer;margin-top:20px;display:block}
.qs{width:100%;background:#e8705a;color:#fff;border:none;border-radius:11px;padding:12px;font-weight:700;cursor:pointer;font-size:.88rem;margin-top:10px}
.qs:disabled{opacity:.4;cursor:not-allowed}
.qc{background:#111;border:1px solid #1a1a1a;border-radius:14px;padding:14px;margin-bottom:10px}
.qt{font-size:.9rem;font-weight:600;margin-bottom:10px;line-height:1.4;color:#fff}
.qo{border:1px solid #1a1a1a;border-radius:9px;padding:8px 13px;margin-bottom:7px;cursor:pointer;background:#0a0a0a;color:#aaa;font-size:.82rem;display:flex;align-items:center;gap:8px;width:100%;text-align:left;transition:all .12s}
.qo:hover{background:#141;border-color:#222}
.qo.cr{border-color:#4caf82;background:rgba(76,175,130,.07);color:#4caf82}
.qo.wr{border-color:#e8705a;background:rgba(232,112,90,.07);color:#e8705a}
.qo.di{opacity:.35}
.qe{text-align:center;padding:32px 20px}
.qn{font-family:Georgia,serif;font-size:2.8rem;font-weight:900;color:#fff;display:block}
.np{font-size:.8rem;color:#444;margin-top:4px}
.nm{font-size:.95rem;font-weight:700;color:#fff;margin-top:8px;display:block}
.nb2{background:#111;border:1px solid #1a1a1a;color:#555;border-radius:10px;padding:9px 18px;font-size:.82rem;cursor:pointer;margin-top:14px;display:inline-block}
.ov{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55)}
.sh{position:fixed;bottom:0;left:0;right:0;z-index:201;background:#141;border-radius:16px 16px 0 0;padding:22px 18px;max-width:480px;margin:0 auto;animation:slideUp .15s}
@keyframes slideUp{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
.sw{font-family:Georgia,serif;font-size:1.3rem;font-weight:900;color:#fff;margin-bottom:6px;display:block}
.sd{font-family:Georgia,serif;font-size:.9rem;color:#bbb;line-height:1.6;margin-top:8px}
.sg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.sc{background:#111;border:1px solid #1a1a1a;border-radius:13px;padding:13px;text-align:center}
.sn{font-family:Georgia,serif;font-size:1.5rem;font-weight:900}
.sl2{font-size:.68rem;color:#333;margin-top:3px}
.s1{color:#e8705a}.s2{color:#4caf82}.s3{color:#5c6bc0}.s4{color:#f4a261}
.bdv{background:#111;border:1px solid #1a1a1a;border-radius:12px;padding:12px 14px;margin-bottom:8px}
.bl{font-size:.78rem;font-weight:600;display:flex;justify-content:space-between;margin-bottom:6px}
.blpct{font-weight:700;color:#e8705a}
.bbar{height:5px;background:#1616;border-radius:99px;overflow:hidden}
.bfill{height:100%;border-radius:99px}
.chip{font-size:.72rem;padding:4px 10px;border-radius:99px;background:#1a1a1a;color:#555;margin:2px;display:inline-block}