:root{--oc-sky-top:#2f7fe8;--oc-sky-mid:#7db8f5;--oc-sky-horizon:#c9e8fb;--oc-hill-far:#8fce62;--oc-hill-near:#5cb83e;--oc-sun-glow:rgba(255,250,220,.55);--oc-accent:#1d5dd7;--oc-accent-bright:#3f8cff;--oc-gold:#ffc843;--oc-heart:#ff5d8f;--oc-ok:#43c66c;--oc-glass-bg:linear-gradient(160deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.16) 40%, rgba(255,255,255,.24) 100%);--oc-glass-bg-deep:linear-gradient(165deg, rgba(20,40,90,.55) 0%, rgba(20,40,90,.38) 100%);--oc-glass-border:rgba(255,255,255,.55);--oc-glass-border-soft:rgba(255,255,255,.28);--oc-glass-highlight:rgba(255,255,255,.85);--oc-glass-blur:18px;--oc-glass-blur-heavy:34px;--oc-glass-solid:linear-gradient(165deg, rgba(240,246,255,.96) 0%, rgba(214,228,252,.94) 100%);--oc-glass-shadow:0 10px 40px rgba(15,40,90,.25), inset 0 1px 0 rgba(255,255,255,.5);--oc-glass-shadow-lift:0 22px 60px rgba(15,40,90,.35), inset 0 1px 0 rgba(255,255,255,.6);--oc-text:#10254d;--oc-text-soft:rgba(16,37,77,.66);--oc-text-on-dark:#f4f9ff;--oc-text-on-dark-soft:rgba(244,249,255,.72);--oc-font:"Segoe UI", "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--oc-radius-card:18px;--oc-radius-panel:26px;--oc-radius-pill:999px;--oc-radius-button:14px;--oc-ease-fluid:cubic-bezier(.23, 1, .32, 1);--oc-ease-inout:cubic-bezier(.645, .045, .355, 1);--oc-dur-fast:.15s;--oc-dur-base:.24s;--oc-dur-slow:.42s;--oc-card-w:236px;--oc-card-w-touch:200px;--oc-topbar-h:68px}@media (prefers-reduced-motion:reduce){:root{--oc-dur-fast:1ms;--oc-dur-base:1ms;--oc-dur-slow:1ms}}*{box-sizing:border-box}body{font-family:var(--oc-font);color:var(--oc-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35) padding-box padding-box;border:2px solid transparent;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.55)}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}button:focus-visible{outline:3px solid var(--oc-accent-bright);outline-offset:2px;border-radius:6px}input:focus-visible{outline:3px solid var(--oc-accent-bright);outline-offset:2px;border-radius:6px}[tabindex]:focus-visible{outline:3px solid var(--oc-accent-bright);outline-offset:2px;border-radius:6px}input{font-family:inherit}::-moz-selection{background:var(--oc-accent-bright);color:#fff}::selection{background:var(--oc-accent-bright);color:#fff}.oc-backdrop{z-index:0;background:linear-gradient(180deg, var(--oc-sky-top), var(--oc-sky-mid) 55%, var(--oc-sky-horizon));position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.oc-backdrop video,.oc-backdrop .oc-backdrop-poster{object-fit:cover;width:100%;height:100%;transition:opacity .9s var(--oc-ease-inout);will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.03)}.oc-backdrop .oc-backdrop-poster{background-position:50%;background-size:cover}.oc-backdrop-layers{transition:filter .6s var(--oc-ease-inout), transform .6s var(--oc-ease-inout), opacity .6s var(--oc-ease-inout);position:absolute;top:0;bottom:0;left:0;right:0}.oc-backdrop.dimmed .oc-backdrop-layers{filter:blur(22px)brightness(.55)saturate(.75);transform:scale(1.06)}.oc-backdrop:after{content:"";pointer-events:none;background:linear-gradient(rgba(10,25,70,.28) 0%,transparent 18%),radial-gradient(120% 90% at 50% 45%,transparent 60%,rgba(8,20,60,.22) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.glass{background:var(--oc-glass-bg);border:1px solid var(--oc-glass-border);border-radius:var(--oc-radius-panel);box-shadow:var(--oc-glass-shadow);position:relative}.glass:before{content:"";background:linear-gradient(90deg, transparent, var(--oc-glass-highlight), transparent);pointer-events:none;border-radius:999px;height:1px;position:absolute;top:0;bottom:auto;left:10%;right:10%}.glass-blur{-webkit-backdrop-filter:blur(var(--oc-glass-blur))}.glass-solid{background:var(--oc-glass-solid)}.glass-heavy{-webkit-backdrop-filter:blur(var(--oc-glass-blur-heavy)) saturate(1.4)}.glass-btn{border-radius:var(--oc-radius-button);background:var(--oc-glass-bg);border:1px solid var(--oc-glass-border-soft);min-width:46px;min-height:46px;color:var(--oc-text);transition:transform var(--oc-dur-fast) var(--oc-ease-fluid), box-shadow var(--oc-dur-fast) var(--oc-ease-fluid), background var(--oc-dur-fast) linear;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px rgba(255,255,255,.4),0 4px 14px rgba(10,30,80,.18)}.glass-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.55),0 8px 22px rgba(10,30,80,.26)}.glass-btn:active{transform:scale(.96)}.glass-btn.primary{background:linear-gradient(160deg, var(--oc-accent-bright), var(--oc-accent));color:#fff;border-color:rgba(255,255,255,.5)}.glass-btn.round{border-radius:var(--oc-radius-pill)}.glass-btn.active{background:linear-gradient(160deg, var(--oc-accent-bright), var(--oc-accent));color:#fff}.oc-app{z-index:1;min-height:100vh;position:relative}.oc-topbar{width:min(1240px,100vw - 24px);height:var(--oc-topbar-h);z-index:40;align-items:center;gap:14px;padding:0 16px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.oc-wordmark{letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 6px rgba(255,255,255,.4);align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}[data-oc-dark="1"] .oc-wordmark{text-shadow:0 1px 8px rgba(0,10,40,.6)}.oc-search{border-radius:var(--oc-radius-pill);border:1px solid var(--oc-glass-border-soft);background:var(--oc-glass-bg);max-width:420px;height:44px;color:var(--oc-text);flex:1;padding:0 20px;font-size:15px}.oc-search::-ms-input-placeholder{color:var(--oc-text-soft)}.oc-search::placeholder{color:var(--oc-text-soft)}.oc-content{padding:calc(var(--oc-topbar-h) + 36px) clamp(16px, 4vw, 56px) 120px;max-width:1400px;margin:0 auto}.oc-row{margin-bottom:40px}.oc-row-title{letter-spacing:.3px;text-shadow:0 1px 10px rgba(255,255,255,.35);margin:0 0 14px 6px;font-size:21px;font-weight:800}[data-oc-dark="1"] .oc-row-title{text-shadow:0 1px 10px rgba(0,10,40,.7)}.oc-row-scroller{grid-auto-flow:column;grid-auto-columns:var(--oc-card-w);scroll-snap-type:x proximity;scrollbar-width:none;gap:18px;padding:10px 6px 22px;display:grid;overflow-x:auto}.oc-row-scroller::-webkit-scrollbar{display:none}.oc-grid{grid-template-columns:repeat(auto-fill, minmax(var(--oc-card-w), 1fr));gap:18px;padding:10px 6px;display:grid}@media (max-width:640px){:root{--oc-card-w:164px}}.oc-card{border-radius:var(--oc-radius-card);scroll-snap-align:start;background:var(--oc-glass-bg);border:1px solid var(--oc-glass-border-soft);box-shadow:var(--oc-glass-shadow);cursor:pointer;transition:transform var(--oc-dur-base) var(--oc-ease-fluid), box-shadow var(--oc-dur-base) var(--oc-ease-fluid);position:relative;overflow:hidden;transform:translateZ(0)}@media (hover:hover){.oc-card:hover{box-shadow:var(--oc-glass-shadow-lift);transform:translateY(-6px)scale(1.025)}}.oc-card:focus-visible{transform:translateY(-6px)scale(1.025)}.oc-card:active{transform:scale(.98)}.oc-card-art{aspect-ratio:16/10;background:linear-gradient(150deg,rgba(255,255,255,.25),rgba(120,160,230,.35));width:100%;position:relative;overflow:hidden}@supports not (aspect-ratio:16 / 10){.oc-card-art{height:0;padding-top:62.5%}.oc-player-stage video,.oc-player-stage img{height:60vh}}.oc-card-art:before{content:"";background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%) 0 0/220% 100%;animation:1.8s linear infinite oc-shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.oc-card-art:has(img.loaded):before{opacity:0;animation:none}.oc-card-art:has(video.loaded):before{opacity:0;animation:none}@keyframes oc-shimmer{0%{background-position:130% 0}to{background-position:-90% 0}}.oc-card-art img,.oc-card-art video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s var(--oc-ease-inout);position:absolute;top:0;bottom:0;left:0;right:0}.oc-card-art img.loaded,.oc-card-art video.loaded{opacity:1}.oc-card-label{align-items:center;gap:8px;padding:10px 12px 12px;display:flex}.oc-card-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14.5px;font-weight:700;overflow:hidden}.oc-card-progress{background:rgba(0,10,40,.35);height:5px;position:absolute;bottom:0;left:0;right:0}.oc-card-progress>div{background:linear-gradient(90deg, var(--oc-accent-bright), var(--oc-gold));border-radius:0 3px 3px 0;height:100%}.oc-badge-new{border-radius:var(--oc-radius-pill);background:linear-gradient(160deg, var(--oc-gold), #ff9d2e);color:#4a2c00;letter-spacing:1px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 2px 10px rgba(255,160,40,.5)}.oc-fav-btn{border-radius:var(--oc-radius-pill);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;width:40px;height:40px;transition:opacity var(--oc-dur-fast) linear, transform var(--oc-dur-fast) var(--oc-ease-fluid);background:rgba(255,255,255,.28);align-items:center;justify-items:center;font-size:19px;display:grid;position:absolute;top:8px;right:8px;transform:scale(.8)}.oc-card:hover .oc-fav-btn,.oc-fav-btn.faved{opacity:1;transform:scale(1)}.oc-card:focus-within .oc-fav-btn{opacity:1;transform:scale(1)}@media (hover:none){.oc-fav-btn{opacity:1;transform:scale(1)}}.oc-kind-chip{filter:drop-shadow(0 1px 2px rgba(0,20,60,.3));font-size:15px}.oc-duration-chip{color:#fff;font-variant-numeric:tabular-nums;background:rgba(5,15,45,.65);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.oc-processing-shimmer{animation:oc-breathe 1.6s var(--oc-ease-inout) infinite;align-items:center;justify-items:center;font-size:34px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes oc-breathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.oc-empty{text-align:center;max-width:460px;margin:12vh auto 0;padding:44px 32px}.oc-empty .cloud{animation:oc-float 5s var(--oc-ease-inout) infinite;font-size:64px;display:block}.oc-empty h2{margin:12px 0 4px;font-size:22px}.oc-empty p{color:var(--oc-text-soft);margin:0;font-weight:600}@keyframes oc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.oc-login{z-index:50;align-items:center;justify-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.oc-login-panel{text-align:center;width:min(460px,92vw);padding:40px 36px 34px}.oc-login-avatar{background:linear-gradient(160deg, var(--oc-accent-bright), var(--oc-accent));border:3px solid rgba(255,255,255,.75);border-radius:28px;align-items:center;justify-items:center;width:110px;height:110px;margin:0 auto 14px;font-size:58px;display:grid;box-shadow:0 12px 34px rgba(20,60,160,.45),inset 0 2px rgba(255,255,255,.5)}.oc-login-brand{letter-spacing:4px;color:var(--oc-text-soft);text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:800}.oc-login-name{margin:0 0 2px;font-size:26px;font-weight:800}.oc-login-hint{color:var(--oc-text-soft);margin:0 0 22px;font-size:14.5px;font-weight:600}.oc-login-row{justify-content:center;gap:10px;display:flex}.oc-login-input{border-radius:var(--oc-radius-button);border:1.5px solid var(--oc-glass-border);letter-spacing:10px;text-align:center;width:200px;height:52px;color:var(--oc-text);background:rgba(255,255,255,.55);font-size:26px;font-weight:700}[data-oc-dark="1"] .oc-login-input{background:rgba(10,25,70,.45)}.oc-login-go{border-radius:var(--oc-radius-button);width:52px;height:52px;font-size:22px}.oc-login-msg{min-height:24px;color:var(--oc-heart);margin-top:14px;font-size:14.5px;font-weight:700}.oc-shake{animation:oc-shake .38s var(--oc-ease-inout)}@keyframes oc-shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(4px)}}.oc-welcome{z-index:60;background:radial-gradient(rgba(50,110,230,.35),rgba(15,40,110,.72));align-items:center;justify-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.oc-welcome h1{letter-spacing:max(4px,min(1.2vw,12px));color:#fff;text-shadow:0 4px 40px rgba(120,190,255,.9),0 1px rgba(255,255,255,.4);margin:0;font-size:max(34px,min(7vw,74px));font-weight:800}.oc-player-scrim{z-index:45;background:rgba(6,14,40,.45);position:fixed;top:0;bottom:0;left:0;right:0}.oc-player{z-index:46;align-items:center;justify-items:center;padding:max(8px,min(3vh,40px));display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.oc-player-frame{border-radius:var(--oc-radius-panel);background:#04070f;flex-direction:column;width:min(1200px,100%);max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px rgba(0,8,30,.7),0 0 0 1px rgba(255,255,255,.22),inset 0 1px rgba(255,255,255,.25)}.oc-player-frame:-webkit-full-screen{border-radius:0;max-height:none}.oc-player-frame:-moz-full-screen{border-radius:0;max-height:none}.oc-player-frame:fullscreen{border-radius:0;max-height:none}.oc-player-frame.fs-fallback{z-index:60;border-radius:0;width:100vw;max-height:none;position:fixed;top:0;bottom:0;left:0;right:0}.oc-player-frame.fs-fallback .oc-player-stage video,.oc-player-frame.fs-fallback .oc-player-stage img{width:100vw;height:100vh;max-height:100vh}.oc-player-stage{background:#04070f;flex:1;align-items:center;justify-items:center;min-height:0;display:grid;position:relative}.oc-player-stage video,.oc-player-stage img{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 130px);display:block}.oc-player-frame:-webkit-full-screen .oc-player-stage video{width:100vw;height:100vh;max-height:100vh}.oc-player-frame:-moz-full-screen .oc-player-stage video{width:100vw;height:100vh;max-height:100vh}.oc-player-frame:fullscreen .oc-player-stage video{width:100vw;height:100vh;max-height:100vh}.oc-player-frame:-webkit-full-screen .oc-player-stage img{width:100vw;height:100vh;max-height:100vh}.oc-player-frame:-moz-full-screen .oc-player-stage img{width:100vw;height:100vh;max-height:100vh}.oc-player-frame:fullscreen .oc-player-stage img{width:100vw;height:100vh;max-height:100vh}.oc-controls{color:#fff;transition:opacity .3s var(--oc-ease-inout);background:linear-gradient(transparent,rgba(4,8,20,.82));flex-direction:column;gap:8px;padding:40px 18px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.oc-controls.hidden{opacity:0;pointer-events:none}.oc-topstrip{color:#fff;transition:opacity .3s var(--oc-ease-inout);background:linear-gradient(rgba(4,8,20,.72),transparent);align-items:center;gap:10px;padding:14px 16px 40px;display:flex;position:absolute;top:0;left:0;right:0}.oc-topstrip.hidden{opacity:0;pointer-events:none}.oc-topstrip .title{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.6);flex:1;font-size:17px;font-weight:800;overflow:hidden}.oc-ctrl-btn{color:#fff;min-width:46px;height:46px;transition:transform var(--oc-dur-fast) var(--oc-ease-fluid), background var(--oc-dur-fast) linear;touch-action:manipulation;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:19px;font-weight:700;display:inline-flex}.oc-ctrl-btn:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}.oc-ctrl-btn:active{transform:scale(.93)}.oc-ctrl-btn.lit{background:linear-gradient(160deg, var(--oc-accent-bright), var(--oc-accent));border-color:rgba(255,255,255,.45)}.oc-ctrl-btn.big{border-radius:16px;min-width:58px;height:58px;font-size:26px}.oc-ctrl-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.oc-ctrl-row .spacer{flex:1}.oc-seek{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.oc-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--oc-accent-bright) var(--fill,0%), rgba(255,255,255,.25) var(--fill,0%));border-radius:4px;height:7px}.oc-seek::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:19px;height:19px;margin-top:-6px;box-shadow:0 2px 8px rgba(0,0,0,.45)}.oc-seek::-moz-range-track{background:rgba(255,255,255,.25);border-radius:4px;height:7px}.oc-seek::-moz-range-progress{background:var(--oc-accent-bright);border-radius:4px;height:7px}.oc-seek::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:19px;height:19px}.oc-vol{width:92px}.oc-time{font-variant-numeric:tabular-nums;opacity:.9;text-align:center;min-width:96px;font-size:13.5px;font-weight:700}.oc-speed-menu{background:rgba(10,18,45,.85);border:1px solid rgba(255,255,255,.25);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid;position:absolute;bottom:76px;right:14px;box-shadow:0 18px 60px rgba(0,5,25,.6)}.oc-speed-menu button{color:#fff;background:rgba(255,255,255,.1);border-radius:11px;min-width:62px;height:44px;font-size:14.5px;font-weight:700}.oc-speed-menu button.current{background:linear-gradient(160deg, var(--oc-accent-bright), var(--oc-accent))}.oc-center-flash{pointer-events:none;align-items:center;justify-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.oc-center-flash span{color:rgba(255,255,255,.92);filter:drop-shadow(0 4px 24px rgba(0,0,0,.6));font-size:66px}.oc-tray{z-index:48;flex-direction:column;gap:10px;width:min(340px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.oc-tray-item{border-radius:16px;padding:12px 16px;font-size:14px;font-weight:700}.oc-tray-bar{background:rgba(0,10,40,.18);border-radius:5px;height:8px;margin-top:8px;overflow:hidden}.oc-tray-bar>div{background:linear-gradient(90deg, var(--oc-accent-bright), var(--oc-gold));border-radius:5px;height:100%;transition:width .2s linear}.oc-dropzone{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-shadow:0 2px 12px rgba(0,20,60,.6);pointer-events:none;background:rgba(30,80,200,.35);border:3px dashed rgba(255,255,255,.85);border-radius:28px;align-items:center;justify-items:center;font-size:24px;font-weight:800;display:grid;position:fixed;top:12px;bottom:12px;left:12px;right:12px}.oc-start-orb{color:#fff;perspective:130px;background:radial-gradient(circle at 32% 28%, var(--oc-accent-bright), var(--oc-accent) 65%);text-shadow:0 1px 3px rgba(0,20,80,.5);width:50px;height:50px;transition:transform var(--oc-dur-fast) var(--oc-ease-fluid), box-shadow var(--oc-dur-fast) var(--oc-ease-fluid);border:2px solid rgba(255,255,255,.65);border-radius:50%;font-size:26px;font-weight:900;box-shadow:0 6px 18px rgba(15,50,140,.45),inset 0 2px 4px rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,20,80,.35)}.oc-start-orb:hover{box-shadow:0 8px 26px rgba(15,50,140,.55), inset 0 2px 4px rgba(255,255,255,.65), inset 0 -3px 6px rgba(0,20,80,.35), 0 0 18px var(--oc-accent-bright);transform:scale(1.07)}.oc-start-orb:active,.oc-start-orb.open{transform:scale(.96)}.oc-orb-o{transform-style:preserve-3d;text-shadow:0 1px 2px rgba(0,20,80,.45);line-height:1;animation:3.4s linear infinite oc-orb-spin;display:inline-block;position:relative}.oc-orb-o:before,.oc-orb-o:after{content:"O";text-shadow:none;position:absolute;top:0;bottom:0;left:0;right:0}.oc-orb-o:before{color:#9cc4ff;transform:translateZ(-2.5px)}.oc-orb-o:after{color:#1a3f9e;transform:translateZ(-5px)}@keyframes oc-orb-spin{0%{transform:rotateX(8deg)rotateY(0)}to{transform:rotateX(8deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.oc-orb-o{animation:none}}.oc-start-menu{top:calc(var(--oc-topbar-h) - 4px);flex-direction:column;gap:2px;width:250px;padding:10px;display:flex;position:absolute;left:-6px}.oc-start-banner{letter-spacing:1px;color:var(--oc-text-soft);text-transform:uppercase;padding:10px 12px 12px;font-size:14px;font-weight:800}.oc-start-item{min-height:48px;color:var(--oc-text);text-align:left;transition:background var(--oc-dur-fast) linear, transform var(--oc-dur-fast) var(--oc-ease-fluid);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:15.5px;font-weight:700;display:flex}.oc-start-item .icon{text-align:center;width:26px;font-size:20px}.oc-start-item:hover{background:rgba(255,255,255,.28);transform:translate(3px)}[data-oc-dark="1"] .oc-start-item:hover{background:rgba(120,160,255,.22)}.oc-start-sep{background:var(--oc-glass-border-soft);height:1px;margin:6px 10px}.oc-music{z-index:44;width:min(340px,100vw - 36px);color:var(--oc-text);flex-direction:column;gap:10px;padding:14px;display:flex;position:fixed;bottom:18px;left:18px}.oc-music-head{justify-content:space-between;align-items:center;display:flex}.oc-music-title{font-size:16px;font-weight:800}.oc-music-empty{color:var(--oc-text-soft);margin:0;padding:8px 4px;font-weight:600}.oc-music-list{flex-direction:column;gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.oc-music-item{width:100%;min-height:46px;color:var(--oc-text);text-align:left;transition:background var(--oc-dur-fast) linear;border-radius:12px;align-items:center;gap:10px;padding:0 10px;font-size:14.5px;font-weight:700;display:flex}.oc-music-item:hover{background:rgba(255,255,255,.28)}[data-oc-dark="1"] .oc-music-item:hover{background:rgba(120,160,255,.22)}.oc-music-item.current{background:linear-gradient(160deg, var(--oc-accent-bright), var(--oc-accent));color:#fff}.oc-music-item .icon{text-align:center;width:22px}.oc-music-item .name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.oc-music-volrow{align-items:center;gap:10px;padding:0 4px;display:flex}.oc-music-volrow .oc-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--oc-accent-bright) var(--fill,0%), rgba(120,140,190,.35) var(--fill,0%))}.oc-edit-sheet{z-index:5;width:min(340px,100vw - 40px);color:var(--oc-text);flex-direction:column;gap:14px;padding:18px;display:flex;position:absolute;top:66px;right:14px}.oc-edit-row{flex-direction:column;gap:6px;display:flex}.oc-edit-row label{letter-spacing:1px;text-transform:uppercase;color:var(--oc-text-soft);font-size:12.5px;font-weight:800}.oc-edit-input{border:1.5px solid var(--oc-glass-border-soft);height:46px;color:var(--oc-text);background:rgba(255,255,255,.5);border-radius:12px;padding:0 14px;font-size:15.5px;font-weight:600}[data-oc-dark="1"] .oc-edit-input{background:rgba(10,25,70,.45)}.oc-color-chips{flex-wrap:wrap;gap:8px;display:flex}.oc-color-chip{width:34px;height:34px;transition:transform var(--oc-dur-fast) var(--oc-ease-fluid);border:2.5px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 2px 8px rgba(0,10,40,.3)}.oc-color-chip:hover{transform:scale(1.12)}.oc-color-chip.current{border-color:var(--oc-text);transform:scale(1.15)}.oc-color-chip.none{background:rgba(255,255,255,.25);align-items:center;justify-items:center;font-size:14px;font-weight:800;display:grid}.oc-card[data-border]{border-width:2.5px}.oc-player-frame[data-border]{box-shadow:0 40px 120px rgba(0,8,30,.7), 0 0 0 3px var(--tab-color), 0 0 34px var(--tab-color)}.oc-row-head{align-items:center;gap:12px;margin:0 0 14px;display:flex}.oc-row-head .oc-row-title{margin:0 0 0 6px}.oc-playall{border-radius:var(--oc-radius-pill);align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13.5px;font-weight:800;display:inline-flex}.oc-queue-fx{z-index:6;pointer-events:none;background:radial-gradient(rgba(255,255,255,.95) 0%,rgba(180,215,255,.85) 45%,rgba(120,170,255,0) 78%);position:absolute;top:0;bottom:0;left:0;right:0}.oc-paint{z-index:47;background:rgba(6,14,40,.45);align-items:center;justify-items:center;padding:max(8px,min(2.5vh,30px));display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.oc-paint-frame{flex-direction:column;gap:10px;width:min(1100px,100%);max-height:100%;padding:14px;display:flex}.oc-paint-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.oc-paint-title{font-size:17px;font-weight:800}.oc-draft-badge{color:var(--oc-text-soft);min-width:86px;transition:opacity var(--oc-dur-base) linear;font-size:12.5px;font-weight:700}.oc-draft-badge.saved{color:var(--oc-ok)}.oc-draft-badge.error{color:#c2571e}.oc-paint-stage{border-radius:14px;flex:1;align-items:center;justify-items:center;min-height:0;display:grid;overflow:hidden}.oc-paint-canvas{cursor:crosshair;touch-action:none;background:#fff;border-radius:12px;max-width:100%;max-height:min(62vh,700px);box-shadow:0 8px 30px rgba(10,30,80,.35)}.oc-paint-tools{flex-wrap:wrap;align-items:center;gap:8px;padding:2px 4px;display:flex}.oc-paint-tool{width:42px;height:42px;transition:transform var(--oc-dur-fast) var(--oc-ease-fluid), border-color var(--oc-dur-fast) linear;background:rgba(255,255,255,.35);border:2px solid transparent;border-radius:12px;align-items:center;justify-items:center;font-size:19px;display:grid}[data-oc-dark="1"] .oc-paint-tool{background:rgba(120,160,255,.2)}.oc-paint-tool:hover{transform:scale(1.08)}.oc-paint-tool.current{border-color:var(--oc-accent-bright)}.oc-paint-tool .dot{border-radius:50%;display:block}.oc-paint-sep{background:var(--oc-glass-border-soft);width:1px;height:30px;margin:0 4px}.glass-btn:disabled{opacity:.45;pointer-events:none}.oc-theme-pop{top:calc(var(--oc-topbar-h) + 6px);grid-template-columns:repeat(2,1fr);gap:10px;width:300px;padding:12px;display:grid;position:absolute;right:0}.oc-theme-tile{transition:transform var(--oc-dur-fast) var(--oc-ease-fluid), border-color var(--oc-dur-fast) linear;border:2.5px solid transparent;border-radius:14px;position:relative;overflow:hidden}.oc-theme-tile img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.oc-theme-tile span{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8);font-size:12px;font-weight:800;position:absolute;bottom:6px;left:8px}.oc-theme-tile:hover{transform:scale(1.04)}.oc-theme-tile.current{border-color:var(--oc-accent-bright)}