:root{--yellow:#f6ff50;--teal:#52d4d4;--lav:#d1bfeb;--pink:#e10f80;--ink:#0b0b0b;--paper:#fff;--soft:#f6f3fa;--line:#e7e2ee;--mute:#6b6477}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}h1,h2,h3,.bebas{letter-spacing:.02em;margin:0;font-family:Bebas Neue,sans-serif;font-weight:400}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:520px;min-height:100%;margin:0 auto;padding-bottom:76px;position:relative}.top{padding:18px 16px 8px}.top h1{font-size:34px}.tabs{border-top:1px solid var(--line);width:100%;max-width:520px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20;background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabs a{text-align:center;color:var(--mute);border-radius:12px;flex:1;padding:8px 0;font-size:11px;font-weight:700}.tabs a.on{color:var(--ink);background:var(--yellow)}.btn{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:13px 22px;font-weight:700}.btn.y{background:var(--yellow);color:var(--ink)}.btn.ghost{color:var(--ink);border:1.5px solid var(--ink);background:#fff}.btn.wide{width:100%}.field{border:1.5px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:14px;margin-bottom:10px;padding:13px 14px}.field:focus{outline:2px solid var(--teal);border-color:var(--teal)}.chips{scrollbar-width:none;gap:8px;padding:4px 16px 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px;display:grid}.card{background:var(--soft);border-radius:16px;display:block;position:relative;overflow:hidden}.card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.card.h img{aspect-ratio:16/9}.card .meta{padding:8px 10px 10px;font-size:12px;font-weight:700;line-height:1.25}.card .meta small{color:var(--mute);margin-top:2px;font-weight:500;display:block}.lock,.soon{color:#fff;background:#000000bf;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.soon{background:var(--lav);color:var(--ink)}.auth{padding:48px 22px}.auth h1{font-size:48px;line-height:.95}.auth p{color:var(--mute)}.divider{color:var(--mute);align-items:center;gap:10px;margin:14px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.err{color:var(--pink);margin:0 0 10px;font-size:13px}.player{aspect-ratio:16/9;background:#000;border:0;width:100%;display:block}.player.v{aspect-ratio:9/16;max-height:78vh}.pad{padding:14px 16px}.badge{background:var(--teal);border-radius:999px;margin-right:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.banner{background:var(--yellow);text-align:center;padding:10px 16px;font-size:13px;font-weight:700}