:root{--ground:#0b0b0d;--surface:#151518;--surface-raised:#1f1f24;--glass:#ffffff14;--glass-strong:#ffffff29;--glass-line:#ffffff2e;--scrim:#0b0b0db8;--line:#2a2a30;--ink:#f6f3ee;--ink-muted:#a6a3ac;--ink-faint:#76737d;--on-ink:#0b0b0d;--sambal:#f53;--on-sambal:#170500;--sambal-ink:#ff8a6e;--meter:#ffc83d;--on-meter:#1a1200;--kini-1:var(--sambal);--kini-2:#f2765a;--kini-3:#d9937c;--kini-4:#b89f95;--kini-5:#9a9599;--kini-6:#827f89;--kini-7:#6c6974;--lagu-nila:#3a3fcb;--lagu-magenta:#b4236e;--lagu-teal:#0e6e6a;--lagu-hutan:#24593a;--lagu-ungu:#5b2a86;--lagu-mustard:#d39a12;--lagu-koral:#ec6a48;--lagu-langit:#7cc3f0;--success:#3dd68c;--danger:#ff5c7a;--focus-ring:var(--ink);--glow-sambal:0 0 24px #ff55338c;--shadow-float:0 12px 40px #0000008c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:56px;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-pill:999px;--touch-min:48px;--screen-width:390px;--disc-lg:264px;--disc-md:168px;--disc-sm:40px;--avatar:36px;--nav-height:64px;--font-display:"Big Shoulders Display", "Instrument Sans", system-ui, sans-serif;--font-sans:"Instrument Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.halaman{max-width:1080px;min-height:100%;padding:var(--space-5) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.atas,.bawah{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.merek{font:900 28px/1 var(--font-display);letter-spacing:.02em;color:var(--sambal)}.label{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.pahlawan{align-content:center;justify-items:start;gap:var(--space-5);flex:1;display:grid}.poster{font:900 clamp(64px, 14vw, 168px) / .86 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0}.isi{max-width:34ch;color:var(--ink-muted);margin:0;font-size:18px;line-height:1.45}.piringan{width:var(--disc-md);height:var(--disc-md);background:radial-gradient(circle, var(--ground) 0 9%, transparent 9.5%), radial-gradient(circle, var(--sambal) 0 30%, transparent 30.5%), repeating-radial-gradient(circle, #1f1f24 0 2px, #151518 2px 4px);box-shadow:var(--glow-sambal);border-radius:50%;animation:6s linear infinite putar}.bawah{color:var(--ink-muted);font-size:13px}@keyframes putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.piringan{animation:none}}