*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#07020f;color:#fff;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 500px at 10% -10%,rgba(236,72,153,.45),transparent 50%),radial-gradient(900px 500px at 110% 20%,rgba(192,38,211,.45),transparent 45%),radial-gradient(700px 500px at 50% 120%,rgba(168,85,247,.25),transparent 55%),linear-gradient(180deg,#13051ff2,#07020ffa);filter:saturate(1.05);z-index:0}.header{position:sticky;top:0;z-index:10;padding:16px 14px 14px;background:#0802109e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brandMark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ec4899e6,#a855f7e6);box-shadow:0 12px 40px #ec48992e;flex:0 0 auto}.brandText{min-width:0}.brandName{font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandTag{margin-top:2px;font-size:12px;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.headerActions{display:flex;gap:10px;flex:0 0 auto}.main{z-index:1;padding:14px;flex:1;width:100%;max-width:980px;margin:0 auto}.tabs{display:flex;gap:10px;margin-bottom:12px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;cursor:pointer;font-weight:700;white-space:nowrap;flex:0 0 auto}.tab.active{border-color:#ec48998c;background:linear-gradient(135deg,#ec48993d,#a855f72e)}.searchRow{display:flex;gap:10px;align-items:center;margin:12px 0 14px}.search{flex:1;display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000040}.search input{width:100%;border:none;outline:none;background:transparent;color:#fff;font-size:14px}.search input::placeholder{color:#ffffff73}.btn{border:none;cursor:pointer;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#ec4899eb,#a855f7eb);color:#07020f;font-weight:800;box-shadow:0 14px 40px #a855f724}.btn:disabled{opacity:.6;cursor:not-allowed}.btnGhost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:none}.btnSmall{padding:9px 12px;border-radius:12px;font-weight:800}.iconBtn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;cursor:pointer;display:inline-grid;place-items:center}.iconBtn.danger{border-color:#ffffff1f;background:#ef444429}.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.hero{border:1px solid rgba(255,255,255,.12);background:#00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:16px;margin-bottom:12px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:-60px -40px auto -40px;height:140px;background:radial-gradient(closest-side,rgba(236,72,153,.25),transparent 70%);filter:blur(2px)}.heroTitle{position:relative;z-index:1;font-weight:950;letter-spacing:-.02em;font-size:18px;margin-bottom:6px}.heroText{position:relative;z-index:1;color:#ffffffbd;line-height:1.4;margin-bottom:12px}.heroActions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.card{border:1px solid rgba(255,255,255,.12);background:#00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:14px}.cardBtn{text-align:left;cursor:pointer;color:inherit}.cardBtn:hover{border-color:#ec489959}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.pill.subtle{opacity:.85}.cardTitle{font-size:16px;font-weight:900;letter-spacing:-.01em;margin-bottom:6px}.cardSub{font-size:12px;color:#ffffffb3;word-break:break-word;margin-bottom:8px}.cardDesc{font-size:13px;color:#ffffffdb;line-height:1.4;margin-bottom:10px;white-space:pre-wrap}.cardActions{display:flex;gap:10px;align-items:center}.empty{margin-top:14px;border:1px dashed rgba(255,255,255,.16);background:#0000002e;border-radius:18px;padding:18px;text-align:left}.emptyTitle{font-weight:900;font-size:18px;margin-bottom:6px}.emptyText{color:#ffffffbd;line-height:1.4;margin-bottom:14px}.emptyActions{display:flex;gap:10px;flex-wrap:wrap}.footer{z-index:1;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:10px;color:#ffffff8c;font-size:12px}.footerLink{color:#ffffffbf;text-decoration:none}.footerDot{opacity:.5}.modalBackdrop,.sheetBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a3;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal{width:100%;max-width:560px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#080210db;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overflow:hidden}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.modalTitle{font-weight:900;letter-spacing:-.02em}.modalBody{padding:14px;display:grid;gap:12px}.field{display:grid;gap:8px}.label{font-size:12px;color:#ffffffb3;font-weight:800}.field input,.field textarea{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#fff;outline:none;font-size:14px}.monoTextarea{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#ffffffeb;outline:none;font-size:12px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap}.hint{font-size:12px;color:#ffffff9e}.monoInline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#ffffffe6}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.progress{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:16px;padding:12px;display:grid;gap:10px}.progressTop{display:flex;justify-content:space-between;font-weight:800;color:#ffffffd9;font-size:13px}.progressBar{height:10px;border-radius:999px;overflow:hidden;background:#ffffff1a}.progressFill{height:100%;background:linear-gradient(90deg,#ec4899f2,#a855f7f2);width:0%}.progressMeta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ffffffb3}.sheet{width:100%;max-width:760px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#080210eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden}.sheetHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.sheetTitle{display:flex;gap:10px;align-items:center;min-width:0}.titleText{font-weight:900;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player{width:100%;aspect-ratio:16 / 9;background:#000;position:relative}.playerFrame,.playerVideo{width:100%;height:100%;border:0}.tapOverlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:#0000008c;color:#fff;font-weight:900;font-size:16px;cursor:pointer;display:grid;place-items:center}.queueControls{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.queueControls .btn{flex:1}.queueMeta{padding:12px 14px 10px;display:grid;gap:10px}.queueMeta.focusOnly{border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.queueControls.focusControls{border:none;padding:0;justify-content:flex-end}.queueControls.focusControls .btn{flex:0 0 auto}.queueNow{display:grid;gap:4px}.queueLabel{font-size:12px;color:#ffffff9e;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.queueTitle{font-weight:950;letter-spacing:-.02em}.queueDesc{color:#ffffffd1;white-space:pre-wrap;line-height:1.4;font-size:13px}.queueList{max-height:min(46vh,420px);overflow:auto;padding:10px 14px 14px;display:grid;gap:10px}.queueItem{text-align:left;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:16px;padding:12px;cursor:pointer;color:#fff}.queueItem.active{border-color:#ec48998c;background:linear-gradient(135deg,#ec48992e,#a855f71f)}.queueItemTop{display:flex;gap:10px;align-items:baseline;margin-bottom:6px}.queueIndex{font-weight:950;opacity:.85}.queueItemTitle{font-weight:900;letter-spacing:-.01em}.queueItemDesc{white-space:pre-wrap;color:#ffffffc7;font-size:12px;line-height:1.35}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#080210d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ffffffeb;font-weight:900;letter-spacing:-.01em}.notice{border:1px solid rgba(255,255,255,.12);background:#00000038;border-radius:16px;padding:12px;margin:10px 0 12px;color:#ffffffd9}.notice.error{border-color:#ef444459;background:#ef444414}.exploreTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px}.exploreTitle{font-weight:900;letter-spacing:-.02em}@media (min-width: 760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{justify-content:flex-start}}