:root{--bg:#06060a;--purple:#2b124f;--silver:#d9d9e6;--muted:#8d8fa3;--gold:#d7b46a;--line:rgba(217,217,230,.18)}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(130,80,255,.28),transparent 38%),radial-gradient(circle at 95% 12%,rgba(217,180,106,.15),transparent 30%),linear-gradient(180deg,#09080f,#050507 62%);color:white;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app{max-width:460px;margin:0 auto;min-height:100vh;padding:18px 14px 92px}.topbar{display:flex;gap:12px;align-items:center}.logo,.avatar{display:grid;place-items:center;border-radius:50%;color:var(--gold);font-weight:900;border:1px solid rgba(217,180,106,.7);box-shadow:0 0 22px rgba(217,180,106,.25),inset 0 0 18px rgba(126,84,255,.2);background:radial-gradient(circle,#1a1329,#050507)}.logo{width:48px;height:48px}.avatar{width:82px;height:82px;margin:auto auto 12px;font-size:32px}h1{font-size:25px;margin:0;color:var(--silver)}.topbar p{margin:2px 0 12px;color:var(--muted);font-size:12px}.screen{display:none}.screen.active{display:block}.card,.panel{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(43,18,79,.82),rgba(8,8,14,.96));box-shadow:0 24px 70px rgba(0,0,0,.45)}.video{width:100%;aspect-ratio:9/16;background:#000}.video iframe{width:100%;height:100%;border:0}.empty{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center;padding:22px}.info,.panel{padding:16px}h2{margin:0 0 4px;font-size:24px;color:var(--silver)}p{color:var(--muted)}.hearts{display:flex;gap:8px;margin:12px 0}.hearts button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(217,217,230,.22);color:var(--silver);background:rgba(255,255,255,.05);font-size:25px}.hearts button.filled{color:var(--gold);box-shadow:0 0 18px rgba(217,180,106,.38);background:rgba(217,180,106,.13)}button{border:0;border-radius:15px;padding:12px 15px;font-weight:800;color:#09080f;background:linear-gradient(135deg,var(--silver),var(--gold))}.ghost{color:var(--silver);background:rgba(255,255,255,.06);border:1px solid var(--line)}.row{display:flex;gap:10px}.muted{color:var(--muted)}label{display:block;margin:14px 0 6px;color:var(--muted);font-size:13px}input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.36);color:white;border-radius:16px;padding:13px;font:inherit}nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(430px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border-radius:24px;background:rgba(8,8,14,.88);border:1px solid var(--line);backdrop-filter:blur(16px)}nav button{background:transparent;color:var(--muted);padding:10px 4px;border-radius:16px;font-size:12px}nav button.active{background:rgba(217,180,106,.13);color:var(--gold)}#topList{display:grid;gap:10px;margin-top:14px}.topitem,.comment{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.topitem{display:flex;justify-content:space-between}.profile{text-align:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.stats div{padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.stats b{display:block;font-size:22px;color:var(--gold)}.stats span{font-size:11px;color:var(--muted)}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold);animation:twinkle 2.5s infinite;z-index:2}.a{top:18px;right:32px}.b{top:96px;left:22px;animation-delay:1.1s}@keyframes twinkle{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:1;transform:scale(1.45)}}.comments{margin-top:15px;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px}