:root{color-scheme:light dark;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--accent: #007aff;--accent-weak: rgba(0, 122, 255, .12);--green: #34c759;--green-weak: rgba(52, 199, 89, .14);--red: #ff3b30;--red-weak: rgba(255, 59, 48, .12);--amber: #ff9500;--text: #1c1c1e;--text-2: rgba(60, 60, 67, .6);--text-3: rgba(60, 60, 67, .35);--bg: #eef0f5;--bg-tint-a: rgba(0, 122, 255, .18);--bg-tint-b: rgba(255, 45, 85, .12);--bg-tint-c: rgba(88, 86, 214, .14);--glass: rgba(255, 255, 255, .55);--glass-strong: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .65);--hairline: rgba(60, 60, 67, .14);--glass-blur: 30px;--glass-sat: 180%;--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .2);--switch-off: rgba(120, 120, 128, .32);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 8px 30px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .22);--sheen: inset 0 1px 0 rgba(255, 255, 255, .6);--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 30px;--ease: cubic-bezier(.32, .72, 0, 1);--dur: .28s}@media (prefers-color-scheme: dark){:root{--accent: #0a84ff;--accent-weak: rgba(10, 132, 255, .22);--green: #30d158;--green-weak: rgba(48, 209, 88, .18);--red: #ff453a;--red-weak: rgba(255, 69, 58, .18);--amber: #ff9f0a;--text: #f5f5f7;--text-2: rgba(235, 235, 245, .6);--text-3: rgba(235, 235, 245, .32);--bg: #000000;--bg-tint-a: rgba(10, 132, 255, .28);--bg-tint-b: rgba(255, 45, 85, .2);--bg-tint-c: rgba(94, 92, 230, .24);--glass: rgba(30, 30, 34, .55);--glass-strong: rgba(40, 40, 44, .7);--glass-border: rgba(255, 255, 255, .14);--hairline: rgba(255, 255, 255, .1);--fill: rgba(120, 120, 128, .24);--fill-2: rgba(120, 120, 128, .36);--switch-off: rgba(120, 120, 128, .36);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 30px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65);--sheen: inset 0 1px 0 rgba(255, 255, 255, .12)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.4;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(42vw 42vw at 12% 8%,var(--bg-tint-a),transparent 60%),radial-gradient(48vw 48vw at 92% 22%,var(--bg-tint-c),transparent 60%),radial-gradient(46vw 46vw at 70% 96%,var(--bg-tint-b),transparent 60%);filter:saturate(120%);animation:drift 26s var(--ease) infinite alternate}@keyframes drift{to{transform:translate3d(0,-3%,0) scale(1.06)}}@media (prefers-reduced-motion: reduce){body:before{animation:none}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}::selection{background:var(--accent-weak)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-border);box-shadow:var(--shadow-md),var(--sheen)}.app{min-height:100%;display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 max(16px,env(safe-area-inset-left)) 132px;scroll-behavior:smooth}.container{width:100%;max-width:720px;margin:0 auto}.page-head{padding:calc(env(safe-area-inset-top) + 14px) 4px 8px}.page-head .eyebrow{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--accent);text-transform:uppercase}.page-head h1{font-size:34px;font-weight:800;letter-spacing:-.022em;margin-top:2px}.page-head p{color:var(--text-2);font-size:15px;margin-top:4px}.section-label{font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;margin:22px 6px 10px}.tab-view{animation:rise var(--dur) var(--ease) both}@keyframes rise{0%{opacity:0;transform:translate3d(0,10px,0)}}.card{border-radius:var(--r-lg);padding:16px;margin-bottom:12px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card.tappable{cursor:pointer}.card.tappable:active{transform:scale(.985)}.row{display:flex;gap:12px}.row.between{justify-content:space-between;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap;background:var(--fill);color:var(--text-2)}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.accent{background:var(--accent-weak);color:var(--accent)}.badge.green{background:var(--green-weak);color:var(--green)}.badge.red{background:var(--red-weak);color:var(--red)}.badge.amber{background:#ff950029;color:var(--amber)}.badge.field-streamers{background:#5856d629;color:#5e5ce6}.badge.field-viral{background:#ff2d5524;color:#ff2d55}.badge.field-campaigns{background:#34c75929;color:#34c759}.badge.field-music{background:#ff950029;color:#ff9500}@media (prefers-color-scheme: dark){.badge.field-streamers{color:#7d7aff}.badge.field-viral{color:#ff6482}.badge.field-campaigns{color:#30d158}.badge.field-music{color:#ffb340}}.rank{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--text-2);background:var(--fill)}.title{font-size:17px;font-weight:700;letter-spacing:-.01em}.why{color:var(--text-2);font-size:14px;margin-top:4px}.money{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;color:var(--green)}.meta{color:var(--text-2);font-size:13px}.mono{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;border-radius:12px;font-size:15px;font-weight:600;background:var(--fill);color:var(--text);transition:transform .12s var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;pointer-events:none}.btn.block{width:100%}.btn.lg{height:50px;border-radius:14px;font-size:17px;font-weight:700}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px var(--accent-weak)}.btn-approve{background:var(--green);color:#fff}.btn-reject{background:var(--red-weak);color:var(--red)}.btn-ghost{background:transparent;color:var(--accent)}.btn-icon{width:40px;padding:0;border-radius:50%}.switch{position:relative;width:51px;height:31px;border-radius:999px;background:var(--switch-off);transition:background var(--dur) var(--ease);flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000047;transition:transform var(--dur) var(--ease)}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translate(20px)}.segment{display:inline-flex;padding:3px;border-radius:12px;background:var(--fill);gap:2px}.segment button{height:30px;padding:0 14px;border-radius:9px;font-size:14px;font-weight:600;color:var(--text);transition:background var(--dur) var(--ease)}.segment button[aria-selected=true]{background:var(--glass-strong);box-shadow:var(--shadow-sm)}.note-input{width:100%;height:40px;padding:0 14px;border-radius:12px;background:var(--fill);border:1px solid transparent;outline:none;font-size:15px;transition:border var(--dur) var(--ease),background var(--dur) var(--ease)}.note-input:focus{border-color:var(--accent);background:var(--glass-strong)}.note-input::placeholder{color:var(--text-3)}.list{border-radius:var(--r-lg);overflow:hidden}.list .item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--hairline)}.list .item:last-child{border-bottom:none}.item .lead{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;color:#fff}.item .txt{flex:1;min-width:0}.item .txt .k{font-size:16px;font-weight:600}.item .txt .s{font-size:13px;color:var(--text-2);margin-top:1px}.stepper{display:inline-flex;align-items:center;border-radius:10px;background:var(--fill);overflow:hidden}.stepper button{width:34px;height:32px;font-size:19px;font-weight:600;color:var(--accent)}.stepper button:active{background:var(--fill-2)}.stepper .val{min-width:30px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.player{position:relative;border-radius:var(--r-md);overflow:hidden;background:#000;aspect-ratio:9 / 16;max-height:62vh;margin:0 auto;width:fit-content}.player video{display:block;height:100%;max-height:62vh;width:auto;max-width:100%}.demo-flag{position:absolute;top:10px;left:10px;z-index:2}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 12px);width:min(560px,calc(100% - 24px));z-index:50;display:flex;padding:8px;border-radius:26px}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:18px;color:var(--text-2);font-size:11px;font-weight:600;letter-spacing:.01em;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),transform .12s var(--ease)}.tabbar button:active{transform:scale(.92)}.tabbar button[aria-current=true]{color:var(--accent);background:var(--accent-weak)}.tabbar svg{width:24px;height:24px}.tabbar .count{position:absolute;top:2px;right:22%;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.tabbar .tab-wrap{position:relative;flex:1;display:flex}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:fade var(--dur) var(--ease) both}@media (min-width: 620px){.backdrop{align-items:center}}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:460px;border-radius:var(--r-xl);padding:22px;animation:sheet-up .42s var(--ease) both}@keyframes sheet-up{0%{opacity:0;transform:translate3d(0,24px,0) scale(.98)}}.sheet h2{font-size:22px;font-weight:800;letter-spacing:-.02em}.sheet .sub{color:var(--text-2);font-size:15px;margin-top:6px}.grabber{width:40px;height:5px;border-radius:999px;background:var(--fill-2);margin:-6px auto 14px}.lock{min-height:100%;display:grid;place-items:center;padding:24px}.lock .card{width:100%;max-width:380px;padding:32px 26px;border-radius:var(--r-xl);text-align:center}.lock .mark{width:68px;height:68px;margin:0 auto 16px;border-radius:20px;display:grid;place-items:center;font-size:34px;background:linear-gradient(160deg,var(--accent),#5e5ce6);box-shadow:var(--shadow-md)}.lock h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.lock p{color:var(--text-2);font-size:15px;margin:6px 0 22px}.placeholder-tag{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:12px;font-weight:600;color:var(--text-3)}.err-line{margin-top:12px!important;color:var(--red);font-size:13px;font-weight:600}.empty{text-align:center;padding:40px 20px;color:var(--text-2)}.empty .big{font-size:40px;margin-bottom:10px}.stack-8>*+*{margin-top:8px}.stack-12>*+*{margin-top:12px}.mt-10{margin-top:10px}.mt-14{margin-top:14px}.dim{color:var(--text-2)}.strong{font-weight:700}.center{text-align:center}.hide-sm{display:none}@media (min-width: 620px){.hide-sm{display:initial}}