:root{--bg: #07070d;--surface: #0e0e19;--card: #131320;--surface-raised: #171724;--surface-elevated: #1c1c2a;--surface-hover: rgba(255,255,255,.04);--divider: rgba(255,255,255,.06);--overlay-light: rgba(7, 7, 13, .45);--overlay-medium: rgba(7, 7, 13, .65);--overlay-heavy: rgba(7, 7, 13, .85);--text: #eae8ef;--text-secondary: #9a97ad;--text-dimmed: #8886a0;--text-tertiary: #8280a0;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 28px;--accent: #e05080;--accent-hover: #ea7da3;--accent-dark: #c43d6a;--accent-glow: rgba(224, 80, 128, .2);--border: transparent;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--radius-card: 14px;--navbar-height: 60px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--surface-elevated-hover: rgba(255,255,255,.06);--glow-sm: 0 0 8px rgba(224, 80, 128, .12);--glow-md: 0 0 14px rgba(224, 80, 128, .15);--glow-lg: 0 0 20px rgba(224, 80, 128, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(ellipse at 50% 0%,#0d0d1a,#07070d 50%);background-color:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none}img,video{display:block;max-width:100%}a,button,input,[role=button]{-webkit-tap-highlight-color:transparent}::selection{background:#e050804d;color:#fff}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a096c81f;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#a096c838}*{scrollbar-width:thin;scrollbar-color:rgba(160,150,200,.12) transparent}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes diceSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scroll-sentinel{height:1px;width:100%}.toast{position:fixed;bottom:calc(var(--navbar-height) + var(--safe-area-bottom) + 32px);left:50%;transform:translate(-50%);padding:10px 20px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font-size:13px;font-weight:500;z-index:2000;animation:slideUp .25s ease;box-shadow:0 4px 24px #07070d99,0 0 0 1px #a096c80a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--text-secondary);background:radial-gradient(ellipse at 50% 40%,rgba(224,80,128,.03) 0%,transparent 60%)}.empty-state svg{width:48px;height:48px;opacity:.4}.empty-state p{font-size:14px;line-height:1.5}.loading-bar{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:9999;transition:width .3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.op-player-wrapper>.op-player{background:var(--bg)!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.op-player-wrapper .op-media{width:100%!important;height:100%!important}.op-player-wrapper .op-player__media{width:100%!important;height:100%!important;object-fit:contain!important}.op-player-wrapper .op-controls{background:transparent!important;padding-bottom:max(26px,calc(env(safe-area-inset-bottom,0px) + 26px))!important;z-index:12!important;pointer-events:auto!important}.op-player-wrapper .op-controls-layer__center,.op-player-wrapper .op-controls-layer__bottom{display:none!important}.op-controls__progress--seek{background-color:#a096c833!important}.op-controls__progress--played{color:var(--accent)!important;accent-color:var(--accent)!important}.op-controls__progress--seek::-webkit-slider-runnable-track{background:#a096c833!important}.op-controls__progress--seek::-webkit-slider-thumb{background:var(--accent)!important;box-shadow:0 0 6px #e0508066!important}.op-controls__progress--seek::-moz-range-thumb{background:var(--accent)!important;box-shadow:0 0 6px #e0508066!important}.op-controls__progress--buffer{color:#a096c84d!important}.op-controls__progress--played::-webkit-progress-bar{background:transparent!important}.op-controls__progress--played::-webkit-progress-value{background:var(--accent)!important}.op-controls__progress--played::-moz-progress-bar{background:var(--accent)!important}.op-time{font-size:11px!important;font-variant-numeric:tabular-nums!important;color:#fff9!important}.op-player-wrapper .op-controls button{color:#fffc!important}.op-player-wrapper .op-controls button:hover{color:#fff!important}.op-volume,.op-volume__slider,.op-player__play{display:none!important}.op-player-wrapper .op-ads{z-index:15!important}.op-spinner{border-color:#a096c826!important;border-top-color:var(--accent)!important}.op-tooltip{background:#07070dd9!important;color:#fff!important;font-size:12px!important;font-weight:500!important;font-variant-numeric:tabular-nums!important;border-radius:6px!important;box-shadow:0 2px 8px #07070d80!important}