@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,400;1,400&family=Bebas+Neue&family=Syne:wght@700;800&family=Dancing+Script:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--bg: #09090B;--bg2: #111115;--surface: #18181C;--surface2: #1F1F25;--border: #2A2A32;--border2: #323240;--text: #F4F4F5;--text2: #A1A1AA;--text3: #52525B;--accent: #F5C517;--accent2: #C9A00E;--accent-dim: rgba(245, 197, 23, .08);--tag-blue: #3B6FD4;--tag-blue-bg: rgba(59, 111, 212, .1);--tag-green: #3A8F6A;--tag-green-bg: rgba(58, 143, 106, .1);--tag-orange: #B8723A;--tag-orange-bg: rgba(184, 114, 58, .1);--tag-red: #B84A4A;--tag-red-bg: rgba(184, 74, 74, .1);--tag-purple: #7B5EA7;--tag-purple-bg: rgba(123, 94, 167, .1);--bg-rgb: 9, 9, 11;--bg2-rgb: 17, 17, 21;--surface-rgb: 24, 24, 28;--border-rgb: 42, 42, 50;--text-rgb: 244, 244, 245;--text2-rgb: 161, 161, 170;--accent-rgb: 245, 197, 23;--accent2-rgb: 201, 160, 14;--color-bg-main: var(--bg);--color-bg-panel: var(--bg2);--color-text-primary: var(--text);--color-text-secondary: var(--text2);--color-cue-base: var(--surface2);--color-cue-high: var(--border);--color-silence: var(--bg2);color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--text);text-decoration:inherit}a:hover{color:var(--text2)}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;overflow-y:scroll}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit;cursor:pointer;transition:all .2s ease}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]{cursor:pointer}::selection{background:#f5c5174d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--text3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text2)}:root{--bg:#09090B;--bg2:#111115;--bg3:#18181C;--bg4:#1F1F25;--border:#2A2A32;--border2:#323240;--text:#F4F4F5;--text2:#A1A1AA;--text3:#8c8c95;--social:#F5C517;--story:#F5C517;--author:#C9A00E;--sync:#C9A00E;--audio:#F5C517;--shot:#F5C517}*{margin:0;padding:0;box-sizing:border-box;-webkit-text-fill-color:inherit}a,button,[onclick],[role=button],.vc,.vc-thumb,.prof-tab,.genre-tag,.ft-btn,.cfg-nav-item,.lcard-social,.lcard-story{cursor:pointer}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;min-height:100vh;overflow-x:hidden}.screen-content{padding:20px 0}.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:52px;background:#09090bf2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px}.logo{display:flex;align-items:center;gap:9px;cursor:pointer;flex-shrink:0}.logo-mark{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#f5c517,#f7d34e);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#09090b}.logo-name{font-size:15px;font-weight:600;letter-spacing:-.4px}.logo-name span{opacity:.45}.nav-bc{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text3)}.sep{opacity:.3}.cur{color:var(--text2);display:flex;align-items:center;gap:5px}.ldot{width:7px;height:7px;border-radius:50%;display:inline-block}.nav-r{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;border:none;font-family:inherit}.btn-g{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-g:hover{color:var(--text)}.btn-p{background:var(--social);color:#09090b;box-shadow:0 0 18px #f5c51747}.btn-p:hover{filter:brightness(1.1)}.screen{display:none;padding-top:52px;min-height:100vh}.screen.active{display:block;animation:fi .22s ease}@keyframes fi{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-bottom:180px}.hero-canvas{position:absolute;inset:0;z-index:0}.layer-stack{position:absolute;right:calc(50% - 560px);top:45%;transform:translateY(-50%);width:480px;height:480px}.layer-plate{position:absolute;inset:0;border-radius:24px;border:1px solid rgba(255,255,255,.07);transform-origin:center center}.lp1{background:linear-gradient(135deg,#3b6fd42e,#3b6fd40a);animation:float1 6s ease-in-out infinite}.lp2{background:linear-gradient(135deg,#7b5ea724,#7b5ea708);animation:float2 7s ease-in-out infinite;transform:rotate(6deg) translateY(18px) scale(.93)}.lp3{background:linear-gradient(135deg,#3a8f6a1a,#3a8f6a05);animation:float3 8s ease-in-out infinite;transform:rotate(12deg) translateY(36px) scale(.86)}.lp4{background:linear-gradient(135deg,#b8723a17,#b8723a05);animation:float4 9s ease-in-out infinite;transform:rotate(18deg) translateY(54px) scale(.79)}.lp5{background:linear-gradient(135deg,#f5c51714,#f5c51705);animation:float5 10s ease-in-out infinite;transform:rotate(24deg) translateY(72px) scale(.72)}.lp6{background:linear-gradient(135deg,#a855f714,#a855f705);animation:float6 11s ease-in-out infinite;transform:rotate(30deg) translateY(90px) scale(.65)}@keyframes float1{0%,to{transform:rotate(0) translateY(0) scale(1)}50%{transform:rotate(2deg) translateY(-12px) scale(1)}}@keyframes float2{0%,to{transform:rotate(6deg) translateY(18px) scale(.93)}50%{transform:rotate(8deg) translateY(6px) scale(.93)}}@keyframes float3{0%,to{transform:rotate(12deg) translateY(36px) scale(.86)}50%{transform:rotate(14deg) translateY(20px) scale(.86)}}@keyframes float4{0%,to{transform:rotate(18deg) translateY(54px) scale(.79)}50%{transform:rotate(20deg) translateY(36px) scale(.79)}}@keyframes float5{0%,to{transform:rotate(24deg) translateY(72px) scale(.72)}50%{transform:rotate(26deg) translateY(52px) scale(.72)}}@keyframes float6{0%,to{transform:rotate(30deg) translateY(90px) scale(.65)}50%{transform:rotate(32deg) translateY(68px) scale(.65)}}.layer-label{position:absolute;right:-130px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;opacity:0;animation:labelIn .5s ease forwards}.layer-label:before{content:"";width:24px;height:1px;background:currentColor;opacity:.4}.ll1{top:calc(50% - 54px);transform:translateY(-50%);color:#f5c517;animation-delay:.3s}.ll2{top:calc(50% - 28px);transform:translateY(-50%);color:#06b6d4;animation-delay:.5s}.ll3{top:50%;transform:translateY(-50%);color:#8b5cf6;animation-delay:.7s}.ll4{top:calc(50% + 28px);transform:translateY(-50%);color:#3b82f6;animation-delay:.9s}.ll5{top:calc(50% + 54px);transform:translateY(-50%);color:#22c55e;animation-delay:1.1s}.ll6{top:calc(50% + 80px);transform:translateY(-50%);color:#a855f7;animation-delay:1.3s}@keyframes labelIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.hero-grain{position:absolute;inset:0;z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.hero-glow{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 50% at 70% 50%,rgba(59,111,212,.1) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 30% 30%,rgba(245,197,23,.06) 0%,transparent 60%),radial-gradient(ellipse 30% 30% at 20% 80%,rgba(58,143,106,.04) 0%,transparent 50%)}.hero-content{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 60px}.hero-eye{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text2);margin-bottom:20px;padding:5px 12px;border-radius:20px;border:1px solid var(--border2);background:#ffffff05}.hero-text-inner{max-width:580px}.hero-eye-dot{width:5px;height:5px;border-radius:50%;background:var(--author);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.hero-h1{font-family:Bebas Neue,sans-serif;font-size:96px;line-height:.92;letter-spacing:1px;margin-bottom:24px;animation:heroIn .8s cubic-bezier(.16,1,.3,1) forwards}.hero-h1 .line1{display:block;color:var(--text)}.hero-h1 .line2{display:block;background:linear-gradient(90deg,var(--tag-blue),var(--tag-purple),var(--tag-green),var(--tag-orange),var(--accent),var(--tag-blue));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradshift 8s linear infinite}@keyframes gradshift{0%{background-position:0% center}to{background-position:300% center}}@keyframes heroIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-sub{font-size:15px;color:var(--text2);line-height:1.7;max-width:440px;margin-bottom:36px;animation:heroIn .8s cubic-bezier(.16,1,.3,1) .15s both}.hero-actions{display:flex;gap:12px;align-items:center;animation:heroIn .8s cubic-bezier(.16,1,.3,1) .3s both}.hero-cta-main{padding:14px 34px;border-radius:10px;font-size:18px;font-weight:600;background:#f5c517;color:#09090b;border:none;cursor:pointer;font-family:inherit;box-shadow:0 0 32px #f5c51759,0 4px 16px #f5c51733;transition:all .2s}.hero-cta-main:hover{transform:translateY(-2px);box-shadow:0 0 48px #f5c51773,0 8px 24px #f5c51740}.hero-cta-sec{padding:14px 30px;border-radius:10px;font-size:18px;font-weight:500;background:transparent;color:var(--text2);border:1px solid var(--border2);cursor:pointer;font-family:inherit;transition:all .2s}.hero-cta-sec:hover{color:var(--text);border-color:#fff3}.scroll-hint{position:fixed;bottom:32px;left:60px;z-index:10;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;animation:heroIn 1s ease .8s both;pointer-events:none}.scroll-arrow{width:18px;height:18px;border-right:1px solid var(--text3);border-bottom:1px solid var(--text3);transform:rotate(45deg);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(4px)}}.home-section{max-width:1000px;margin:0 auto;padding:64px 4px 0}.home-section-inner{position:relative}.section-label{font-size:17px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--social);margin-bottom:14px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.section-title{font-family:DM Sans,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.5px;margin-bottom:20px;color:var(--text)}.section-desc{font-size:15px;color:var(--text2);line-height:1.75;max-width:720px;margin-bottom:44px}.what-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.what-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s}.what-card:hover{border-color:#f5c51740}.what-card-icon{width:48px;height:48px;border-radius:12px;background:#f5c51714;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.what-card-title{font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-.2px}.what-card-desc{font-size:14px;color:var(--text2);line-height:1.65}.audience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.audience-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:28px 24px;text-align:center;transition:border-color .2s,transform .2s}.audience-card:hover{border-color:#f5c51740;transform:translateY(-3px)}.audience-icon{width:64px;height:64px;border-radius:50%;background:#f5c5170f;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.audience-role{font-size:18px;font-weight:700;margin-bottom:12px;letter-spacing:-.3px}.audience-desc{font-size:14px;color:var(--text2);line-height:1.65}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.benefit-item{display:flex;flex-direction:column;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s}.benefit-item:hover{border-color:#f5c51740}.benefit-icon{width:44px;height:44px;border-radius:11px;background:#f5c51714;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.benefit-title{font-size:17px;font-weight:600;margin-bottom:8px;letter-spacing:-.2px}.benefit-desc{font-size:14px;color:var(--text2);line-height:1.6}@media(max-width:768px){.hero{padding-bottom:80px;min-height:auto;min-height:90vh}.hero-content{padding:0 24px}.hero-text-inner{max-width:100%}.hero-h1{font-size:56px}.hero-sub{font-size:13px;max-width:100%}.hero-cta-main{font-size:15px;padding:12px 28px}.hero-eye{font-size:11px;letter-spacing:1.5px}.layer-stack{display:none}.scroll-hint{left:24px;bottom:20px}.home-section{padding:48px 20px 0}.home-section-inner{padding:0}.what-cards,.audience-cards,.benefits-grid{grid-template-columns:1fr}.section-title{font-size:24px}.section-desc{font-size:14px}.home-modules{padding:48px 20px 12px}.layers{grid-template-columns:1fr}.modules-subgrid{grid-template-columns:1fr!important}.modules-subgrid>div{padding:16px!important}.modules-subgrid .ltag{white-space:normal;word-break:break-word}.modules-subgrid .badge{white-space:normal}.lcard-social{padding:20px 18px}.lcard-social .pbubs{display:none}.lcard-story{padding:20px 18px}}.home-modules{max-width:1000px;margin:0 auto;padding:72px 44px 12px}.modules-label{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text2);margin-bottom:32px;display:flex;align-items:center;gap:12px}.modules-label:after{content:"";flex:1;height:1px;background:var(--border)}.layers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lcard-social{grid-column:1/-1;background:var(--bg2);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:32px;padding:32px 36px}.lcard-social:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f5c517,#f7d34e);opacity:.7;transition:opacity .2s}.lcard-social:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.lcard-social:hover:before{opacity:1}.lcard-story{grid-column:1/-1;background:var(--bg2);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;padding:28px 32px}.lcard-story:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--story),#F7D34E);opacity:.6;transition:opacity .2s}.lcard-story:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.lcard-story:hover:before{opacity:1}.story-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.lcard-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:14px;flex-shrink:0}.ltag{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.badge{padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.b-live{background:var(--tag-green-bg);color:var(--tag-green);border:1px solid rgba(58,143,106,.25)}.b-beta{background:var(--tag-blue-bg);color:var(--tag-blue);border:1px solid rgba(59,111,212,.25)}.lname{font-size:25px;font-weight:600;letter-spacing:-.3px;margin-bottom:8px}.ldesc{font-size:16px;color:var(--text2);line-height:1.6;max-width:500px}.lmeta{display:flex;gap:16px;margin-top:14px}.lstat{font-size:14px;color:var(--text3)}.lstat strong{color:var(--text2);font-weight:500}.lcta{display:inline-flex;align-items:center;gap:5px;margin-top:16px;font-size:16px;font-weight:500;padding:10px 22px;border-radius:8px;border:none;cursor:pointer;font-family:inherit;transition:all .18s}.pbubs{display:flex;flex-direction:column;gap:8px}.pbub{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:11px 14px;font-size:14px;color:var(--text2)}.pbub-ts{font-family:DM Mono,monospace;font-size:11px;display:block;margin-bottom:3px}.story-feats{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.sfeat{padding:5px 12px;border-radius:6px;font-size:14px;background:#f5c51712;color:#f5c517b3;border:1px solid rgba(245,197,23,.12)}.mod-top{padding:28px 44px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.mod-left{display:flex;align-items:center;gap:12px}.mod-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}.mod-title{font-size:21px;font-weight:600;letter-spacing:-.3px}.mod-sub{font-size:14px;color:var(--text2);margin-top:1px}.filters{padding:14px 44px;display:flex;gap:7px;align-items:center;max-width:1200px;margin:0 auto}.ft-btn{padding:4px 12px;border-radius:20px;font-size:13px;cursor:pointer;border:1px solid var(--border2);color:var(--text2);transition:all .15s;background:transparent;font-family:inherit}.ft-btn:hover{color:var(--text)}.ft-btn.on{background:#f5c5171a;border-color:#f5c5174d;color:var(--social)}.feed{padding:18px 44px 44px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tools-mobile-tabs{display:none;flex-direction:column;gap:6px;margin-bottom:10px}.tools-mobile-groups{display:flex;flex-wrap:wrap;gap:4px}.tools-mobile-group{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text3);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.tools-mobile-group:hover{background:var(--bg3);color:var(--text)}.tools-mobile-group.open{background:var(--bg3);color:var(--text);border-color:var(--border2)}.tools-mobile-group.active{color:var(--social);border-color:#f5c51740}.tools-mobile-subitems{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0;border-top:1px solid var(--border)}.tools-mobile-tab{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text3);cursor:pointer;font-family:inherit;transition:all .15s}.tools-mobile-tab:hover{background:var(--bg3);color:var(--text)}.tools-mobile-tab.on{background:#f5c5171a;color:var(--social);border-color:#f5c51740}.admin-mobile-tabs{display:none;flex-direction:column;gap:6px;margin-bottom:10px}.admin-desktop-nav{display:block}@media(max-width:768px){.mod-top{padding:16px 16px 14px;flex-wrap:wrap;gap:10px}.mod-left{gap:8px}.mod-icon{width:32px!important;height:32px!important;border-radius:8px!important}.mod-title{font-size:17px}.mod-sub{font-size:12px}.feed{padding:12px 16px 44px;grid-template-columns:1fr;gap:12px}.tools-layout{padding:12px 16px 80px!important;grid-template-columns:1fr!important;gap:12px!important}.tools-banner{padding:8px 16px 0!important}.tools-sidebar{position:static!important}.tools-desktop-nav{display:none}.tools-mobile-tabs{display:flex!important}.admin-desktop-nav{display:none}.admin-mobile-tabs{display:flex!important}}.vc{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.vc:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 28px #00000080}.vc-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.vc-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px}.vc-ov{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(9,9,11,.85))}.vc-badges{position:absolute;top:8px;left:8px}.vtype{padding:2px 7px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.t-c{background:var(--tag-purple-bg);color:var(--tag-purple);border:1px solid rgba(123,94,167,.3)}.t-d{background:var(--tag-orange-bg);color:var(--tag-orange);border:1px solid rgba(184,114,58,.3)}.t-v{background:var(--tag-blue-bg);color:var(--tag-blue);border:1px solid rgba(59,111,212,.3)}.vc-dur{position:absolute;bottom:8px;right:8px;background:#000000bf;padding:2px 6px;border-radius:4px;font-family:DM Mono,monospace;font-size:12px}.vc-body{padding:14px}.vc-title{font-size:15px;font-weight:500;margin-bottom:2px}.vc-dir{font-size:13px;color:var(--text2);margin-bottom:8px}.ftags{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:10px}.ftag{padding:2px 7px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.fm{background:var(--tag-blue-bg);color:var(--tag-blue)}.fi{background:var(--tag-orange-bg);color:var(--tag-orange)}.fr{background:var(--tag-green-bg);color:var(--tag-green)}.fa{background:var(--tag-purple-bg);color:var(--tag-purple)}.vc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.vcmt{font-size:13px;color:var(--text2);display:flex;align-items:center;gap:4px;padding-right:5px}.avs{display:flex}.av{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;border:2px solid var(--bg2);margin-left:-5px}.av:first-child{margin-left:0}.pl-wrap{display:grid;grid-template-columns:1fr 310px;height:calc(100vh - 52px);overflow:hidden}.pl-main{display:flex;flex-direction:column;overflow:hidden}.pl-sb{background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.vstage{background:#000;position:relative;width:100%;flex:1 1 0;min-height:200px;overflow:hidden}.vstage video{width:100%;height:100%;object-fit:contain}.vscene{width:100%;height:100%;background:linear-gradient(135deg,#09090b,#111115,#18181c);display:flex;align-items:center;justify-content:center;font-size:72px;opacity:.17}.phud{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent);padding:22px 14px 10px;z-index:20}.tl{height:3px;background:#ffffff1a;border-radius:2px;position:relative;cursor:pointer;margin-bottom:6px}.tl-f{height:100%;border-radius:2px;background:var(--social)}.tl-c{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--text);border-radius:50%;box-shadow:0 0 7px #f5c51799}.tlmarks{position:relative;height:16px;margin-bottom:8px}.tlm{position:absolute;top:2px;width:3px;height:9px;border-radius:1px;transform:translate(-50%);cursor:pointer}.ctrl{display:flex;align-items:center;gap:9px}.cb{background:none;border:none;color:#ffffff8c;cursor:pointer;font-size:15px;padding:3px}.cb:hover{color:var(--text)}.tc{font-family:DM Mono,monospace;font-size:13px;color:#fff6;margin-left:auto}.pinfo{padding:16px 22px;border-bottom:1px solid var(--border);flex-shrink:0;max-height:35vh;overflow-y:auto}.pinfo-t{font-size:20px;font-weight:500;margin-bottom:5px}.pinfo-m{display:flex;gap:12px;font-size:14px;color:var(--text2);flex-wrap:wrap}.plegend{padding:8px 16px;display:flex;gap:8px;border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.leg{font-size:13px;display:flex;align-items:center;gap:3px}.leg-dot{width:7px;height:7px;border-radius:2px;display:inline-block}.sb-h{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sb-ht{font-size:14px;font-weight:600}.sb-ct{background:#f5c5171a;color:var(--social);padding:2px 7px;border-radius:10px;font-size:13px}.ci-box{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg3);flex-shrink:0}.ci-top{display:flex;align-items:center;gap:6px;margin-bottom:8px}.ci-ts{font-family:DM Mono,monospace;font-size:13px;background:#f5c5171a;color:var(--social);padding:2px 7px;border-radius:4px;border:1px solid rgba(245,197,23,.22)}.ci-lbl{font-size:13px;color:var(--text3)}.ci-cats{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.ccat{padding:3px 8px;border-radius:4px;font-size:13px;cursor:pointer;border:1px solid var(--border2);background:transparent;color:var(--text2);transition:all .15s;font-family:inherit}.cm{color:#f59e0b!important;background:#f59e0b1a!important;border-color:#f59e0b4d!important}.ci-ta{width:100%;background:var(--bg4);border:1px solid var(--border2);border-radius:7px;padding:8px 10px;color:var(--text);font-family:inherit;font-size:14px;resize:none;outline:none}.ci-ta:focus{border-color:var(--social)}.ci-ta::placeholder{color:var(--text3)}.ci-sub{width:100%;margin-top:6px;padding:8px;background:#f5c517;color:#09090b;border:none;border-radius:7px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}.cmts{height:100%;overflow-y:auto;padding:8px 16px}.cmt{padding:10px 0;border-bottom:1px solid var(--border)}.cmt:last-child{border-bottom:none}.cmt-h{display:flex;align-items:center;gap:6px;margin-bottom:4px}.av-s{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.cmt-a{font-size:14px;font-weight:500}.cmt-ts{font-family:DM Mono,monospace;font-size:12px;padding:1px 5px;border-radius:3px;cursor:pointer;border:1px solid var(--border);color:var(--text3);transition:all .15s}.cmt-ts:hover{background:#f5c5171a;color:var(--social);border-color:#f5c5174d}.cmt-c{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.cmt-t{font-size:14px;color:var(--text2);line-height:1.5}.story-wrap{max-width:860px;margin:0 auto;padding:40px 44px}.story-banner{background:linear-gradient(135deg,#f5c51712,#f5c51705);border:1px solid rgba(245,197,23,.14);border-radius:14px;padding:26px 30px;margin-bottom:24px;display:flex;align-items:center;gap:20px}.story-ico{font-size:36px}.story-h{font-size:21px;font-weight:600;color:var(--story);margin-bottom:3px}.story-p{font-size:15px;color:var(--text2);line-height:1.55;max-width:480px}.story-cta{margin-left:auto;padding:8px 18px;border-radius:7px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid rgba(245,197,23,.3);background:#f5c5171a;color:var(--story);white-space:nowrap;font-family:inherit;transition:all .18s}.story-cta:hover{background:#f5c51733}.story-soon{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:44px;text-align:center}.story-soon h3{font-size:20px;font-weight:500;margin-bottom:6px;color:var(--story)}.story-soon p{font-size:15px;color:var(--text2)}.up-wrap{max-width:660px;margin:0 auto;padding:40px 32px}.sec-t{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);margin-bottom:11px;padding-bottom:7px;border-bottom:1px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.fl{font-size:14px;color:var(--text2);display:block;margin-bottom:4px}.fi-inp,.fi-sel{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:7px;padding:8px 11px;color:var(--text);font-family:inherit;font-size:15px;outline:none}.fi-inp:focus,.fi-sel:focus{border-color:var(--social)}.fi-sel option{background:var(--bg3)}.wm-box{background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:14px 16px;margin-bottom:20px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}.plive{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.co-wrap{max-width:960px;margin:0 auto;padding:36px 44px 80px}.co-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.co-head-left{display:flex;align-items:center;gap:12px}.co-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:32px}.co-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px 24px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.co-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--story),#F7D34E);opacity:.5;transition:opacity .2s}.co-card:hover{border-color:#f5c5174d;transform:translateY(-2px);box-shadow:0 10px 32px #0006}.co-card:hover:before{opacity:1}.co-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.co-avatar{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;overflow:hidden}.co-name{font-size:17px;font-weight:600;margin-bottom:2px}.co-plan{font-size:12px;padding:2px 7px;border-radius:4px;font-weight:600}.co-stats{display:flex;gap:16px;margin-bottom:14px}.co-stat{font-size:13px;color:var(--text3)}.co-stat strong{color:var(--text2);font-weight:500;display:block;font-size:17px;margin-bottom:1px}.co-previews{display:flex;gap:5px;margin-bottom:14px}.co-thumb-mini{width:52px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:.6}.co-more{width:52px;height:30px;border-radius:5px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text3);font-weight:600}.co-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.co-members{display:flex}.co-btn{padding:5px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;background:#f5c5171a;color:var(--story);border:1px solid rgba(245,197,23,.25);transition:all .15s;white-space:nowrap}.co-btn:hover{background:#f5c51733}.co-new-card{background:transparent;border:2px dashed var(--border2);border-radius:14px;padding:22px 24px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;gap:8px}.co-new-card:hover{border-color:#f5c51766;background:#f5c51705}.co-new-icon{font-size:28px;opacity:.4}.co-new-label{font-size:15px;font-weight:500;color:var(--text3)}.co-new-sub{font-size:13px;color:var(--text3);opacity:.7;text-align:center}@media(max-width:768px){.co-wrap{padding:20px 16px 60px}.co-head{flex-direction:column;align-items:flex-start;gap:12px}.co-grid{grid-template-columns:1fr}.co-card{padding:18px 16px}.co-foot{gap:6px}.co-btn{font-size:12px;padding:5px 10px}.co-name,.co-stat strong{font-size:15px}}.sl-wrap{max-width:1200px;margin:0 auto;padding:32px 44px 64px}.sl-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.sl-top-left{display:flex;align-items:center;gap:12px}.sl-icon{width:36px;height:36px;border-radius:9px;background:#f5c5171a;border:1px solid rgba(245,197,23,.2);display:flex;align-items:center;justify-content:center;font-size:16px}.sl-title{font-size:21px;font-weight:600;letter-spacing:-.3px}.sl-sub{font-size:14px;color:var(--text2);margin-top:1px}.sl-cta{padding:8px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:#f5c5171a;color:var(--story);border:1px solid rgba(245,197,23,.3);font-family:inherit;transition:all .18s}.sl-cta:hover{background:#f5c5172e}.sl-roles{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.sl-role{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border2);color:var(--text2);background:transparent;font-family:inherit;transition:all .15s}.sl-role.on{background:#f5c5171a;border-color:#f5c5174d;color:var(--story)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.proj-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.proj-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--story),#F7D34E);opacity:.5}.proj-card:hover{border-color:#f5c51733;transform:translateY(-2px)}.proj-thumb{width:100%;aspect-ratio:16/9;border-radius:7px;margin-bottom:13px;display:flex;align-items:center;justify-content:center;font-size:36px;background-size:cover;background-position:center;overflow:hidden}.proj-prod{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text2);margin-bottom:4px}.proj-name{font-size:16px;font-weight:600;margin-bottom:6px}.proj-meta{display:flex;gap:10px;font-size:13px;color:var(--text2);margin-bottom:12px}.proj-colabs{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.proj-colab-label{font-size:12px;color:var(--text2)}.proj-role-badge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.sp-layout{display:grid;grid-template-columns:1fr 280px;height:calc(100vh - 52px)}.sp-main{overflow-y:auto;display:flex;flex-direction:column;height:100%}.sp-top{display:flex;gap:16px;padding:16px;flex:1;align-items:stretch}.sp-video{flex:1;min-width:0;background:#000;border-radius:10px;position:relative;overflow:hidden}.sp-video .sp-scene{position:absolute;inset:0}.sp-scene{width:100%;height:100%;background:linear-gradient(135deg,#09090b,#111115);display:flex;align-items:center;justify-content:center}.sp-hud{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent);padding:10px 10px 8px}.sp-info{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.sp-info-title{font-size:21px;font-weight:600;margin-bottom:3px}.sp-info-meta{font-size:13px;color:var(--text3)}.sp-info-scene{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.sp-action-primary{padding:7px 14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;background:#f5c51726;border:1px solid rgba(245,197,23,.35);color:var(--story);display:inline-flex;align-items:center;gap:5px;transition:all .15s}.sp-action-primary:hover{background:#f5c51740}.sp-action{padding:6px 12px;border-radius:7px;font-size:13px;cursor:pointer;font-family:inherit;background:#f5c51714;color:var(--story);border:1px solid rgba(245,197,23,.2);display:inline-flex;align-items:center;gap:4px;transition:all .15s}.sp-action:hover{background:#f5c51729}.sp-channels{padding:12px 16px}.sp-project-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;height:40px;box-sizing:border-box}.sp-back{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;background:#f5c51714;color:var(--story);border:1px solid rgba(245,197,23,.2);transition:all .15s}.sp-back:hover{background:#f5c51729}.sp-project-name{font-size:15px;font-weight:600;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-project-meta{font-size:13px;color:var(--text3);margin-left:auto;flex-shrink:0}.storylayer-embedded{height:calc(100vh - 92px)!important;min-height:0!important;overflow:hidden}.storylayer-embedded .app-main{height:calc(100vh - 92px)!important;flex:1}.storylayer-embedded .app-main-left,.storylayer-embedded .app-main-right{min-height:0}.slp-wrap{display:grid;grid-template-columns:1fr 280px;height:calc(100vh - 52px)}.slp-main{overflow-y:auto;display:flex;flex-direction:column}.slp-vstage{background:#000;aspect-ratio:16/9;position:relative;width:100%}.slp-scene{width:100%;height:100%;background:linear-gradient(135deg,#09090b,#111115);display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.15}.slp-hud{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent);padding:18px 14px 10px}.slp-channels{padding:12px 16px;flex:1;overflow-y:auto}.channel-row{margin-bottom:5px}.ch-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.ch-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text3)}.ch-lock{font-size:10px;color:var(--text3);opacity:.6}.ch-track{height:16px;background:var(--bg3);border-radius:4px;border:1px solid var(--border);position:relative;overflow:hidden;cursor:pointer}.ch-fill{height:100%;border-radius:3px;opacity:.2;transition:opacity .15s}.ch-track:hover .ch-fill{opacity:.35}.ch-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);cursor:pointer;transition:transform .15s}.ch-marker:hover{transform:translate(-50%,-50%) scale(1.4)}.ch-marker.locked{cursor:not-allowed;opacity:.4}.slp-sb{background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.slp-sb-head{padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.slp-sb-tab{flex:1;padding:8px 4px;font-size:13px;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid transparent;color:var(--text3);background:transparent;font-family:inherit;transition:all .15s}.slp-sb-tab:hover{color:var(--text2)}.slp-sb-tab.on{color:var(--story);border-bottom-color:var(--story)}.slp-sb-title{font-size:15px;font-weight:600;color:var(--story);margin-bottom:2px}.slp-sb-sub{font-size:13px;color:var(--text3)}.slp-scenes{flex:1;overflow-y:auto;padding:8px 12px}.scene-item{padding:10px;border-radius:8px;cursor:pointer;transition:all .15s;margin-bottom:4px;border:1px solid transparent}.scene-item:hover{background:var(--bg3);border-color:var(--border)}.scene-item.active{background:#f5c5170f;border-color:#f5c51733}.scene-n{font-size:12px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.scene-name{font-size:15px;font-weight:500;margin-bottom:3px}.scene-ts{font-family:DM Mono,monospace;font-size:12px;color:var(--text3)}.scene-chips{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}.scene-chip{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.colabs-bar{padding:10px 16px;border-top:1px solid var(--border);flex-shrink:0}.colabs-label{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}.colab-row{display:flex;align-items:center;gap:7px;margin-bottom:5px}.colab-av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.colab-name{font-size:13px;font-weight:500}.colab-role{font-size:12px;padding:1px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.forgot-link{font-size:12px;color:var(--text3);cursor:pointer;text-decoration:none;transition:color .15s;display:block;text-align:right;margin-top:4px}.forgot-link:hover{color:var(--social)}.auth-error{background:#c9a00e14;border:1px solid rgba(201,160,14,.2);border-radius:8px;padding:10px 13px;font-size:12px;color:var(--sync);margin-bottom:16px;display:flex;align-items:center;gap:8px}.auth-or{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--text3);font-size:11px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border)}.btn-social-login{width:100%;padding:10px 13px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);font-family:inherit;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;margin-bottom:8px}.btn-social-login:hover{border-color:var(--border2);color:var(--text);background:var(--bg4)}.input-wrap{position:relative}.input-wrap .eye{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:0;line-height:1}.input-wrap .eye:hover{color:var(--text2)}.nav-guest-actions{display:flex;gap:10px;align-items:center}.nav-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--text2);border-radius:1px}.nav-mobile-menu{display:none;flex-direction:column;gap:8px;position:absolute;top:52px;right:16px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;min-width:180px;z-index:100;box-shadow:0 8px 24px #0006}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:40px;width:100%;max-width:440px}@media(max-width:768px){.auth-wrap{padding:16px 12px;min-height:auto}.auth-card{padding:24px 18px;border-radius:14px;max-width:100%}.auth-types{grid-template-columns:1fr 1fr 1fr;gap:5px}.auth-type{padding:8px 6px}.auth-type-name{font-size:11px}.auth-type-sub{font-size:9px}.auth-btn{font-size:13px;padding:11px}.nav{padding:0 12px;gap:8px}.nav-hide-mobile,.nav-guest-actions,.nav-logged-actions{display:none!important}.nav-hamburger{display:flex!important}.nav-bc{display:none!important}.nav-r{gap:6px}.logo-name{display:none}}.auth-logo{display:flex;align-items:center;gap:9px;margin-bottom:32px;justify-content:center}.auth-h{font-family:Playfair Display,serif;font-size:24px;font-weight:400;text-align:center;margin-bottom:6px}.auth-sub{font-size:13px;color:var(--text2);text-align:center;margin-bottom:28px}.auth-field{margin-bottom:16px}.auth-label{font-size:12px;color:var(--text2);display:block;margin-bottom:5px}.auth-inp{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:10px 13px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}.auth-inp:focus{border-color:var(--social)}.auth-inp::placeholder{color:var(--text3)}.auth-types{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px}.auth-type{padding:10px 8px;border-radius:8px;border:1px solid var(--border2);background:transparent;cursor:pointer;font-family:inherit;text-align:center;transition:all .15s}.auth-type:hover{border-color:var(--border2);background:var(--bg3)}.auth-type.on{border-color:var(--social);background:#f5c51714}.auth-type-icon{font-size:20px;display:block;margin-bottom:4px}.auth-type-name{font-size:12px;font-weight:500;color:var(--text)}.auth-type-sub{font-size:10px;color:var(--text3)}.auth-btn{width:100%;padding:12px;background:#f5c517;color:#09090b;border:none;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 18px #f5c51747;margin-top:4px}.auth-btn:hover{filter:brightness(1.08)}.auth-footer{text-align:center;margin-top:16px;font-size:12px;color:var(--text3)}.auth-footer a{color:var(--social);cursor:pointer;text-decoration:none}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--text3);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-username-hint{font-size:10px;color:var(--text3);margin-top:4px}.auth-username-hint span{color:var(--social)}.prof-hero{background:var(--bg2);border-bottom:1px solid var(--border);padding:40px 44px 0;position:relative;overflow:hidden}.prof-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(245,197,23,.06),rgba(245,197,23,.03),transparent);pointer-events:none}.prof-inner{max-width:1000px;margin:0 auto;position:relative}.prof-av{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f5c517,#f7d34e);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#09090b;margin-bottom:14px;border:3px solid var(--bg)}.prof-name{font-size:26px;font-weight:600;letter-spacing:-.4px;margin-bottom:3px}.prof-handle{font-size:14px;color:var(--text3);margin-bottom:10px;font-family:DM Mono,monospace}.prof-bio{font-size:14px;color:var(--text2);max-width:480px;line-height:1.6;margin-bottom:14px}.prof-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.prof-tag{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500}.prof-stats{display:flex;gap:28px;padding:16px 0;border-top:1px solid var(--border)}.prof-stat{text-align:center}.prof-stat-n{font-size:20px;font-weight:600}.prof-stat-l{font-size:11px;color:var(--text3)}.prof-tabs{display:flex;gap:0;margin-top:4px}.prof-tab{padding:10px 18px;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;color:var(--text2);background:transparent;border-top:none;border-left:none;border-right:none;font-family:inherit;transition:all .15s}.prof-tab:hover{color:var(--text)}.prof-tab.on{color:var(--text);border-bottom-color:#f5c517}@media(max-width:768px){.hide-mobile{display:none!important}}.prof-body{max-width:1000px;margin:0 auto;padding:28px 44px 64px}.prof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.prof-modules{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.prof-module{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px}.up-wrap2{max-width:700px;margin:0 auto;padding:36px 44px 80px}.up-header{margin-bottom:28px}.up-eyebrow{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.up-h{font-family:Playfair Display,serif;font-size:26px;font-weight:400;margin-bottom:5px}.up-sub{color:var(--text2);font-size:13px}.up-quota{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:10px 14px;margin-bottom:22px}.up-quota-bar{flex:1;height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.up-quota-fill{height:100%;border-radius:2px;background:var(--social)}.up-quota-text{font-size:11px;color:var(--text3);white-space:nowrap}.up-quota-upgrade{font-size:11px;color:var(--social);cursor:pointer;white-space:nowrap}.up-quota-upgrade:hover{text-decoration:underline}.up-drop{border:2px dashed var(--border2);border-radius:14px;padding:40px;text-align:center;cursor:pointer;background:var(--bg2);margin-bottom:6px;transition:all .2s;position:relative}.up-drop:hover,.up-drop.dragover{border-color:var(--social);background:#f5c51708}.up-drop-icon{font-size:32px;margin-bottom:10px}.up-drop-text{font-size:14px;font-weight:500;margin-bottom:4px}.up-drop-sub{font-size:12px;color:var(--text3)}.up-drop-btn{display:inline-block;margin-top:12px;padding:6px 16px;border-radius:7px;font-size:12px;font-weight:500;background:transparent;border:1px solid var(--border2);color:var(--text2);cursor:pointer;font-family:inherit;transition:all .15s}.up-drop-btn:hover{border-color:var(--social);color:var(--social)}.up-file-selected{background:var(--bg2);border:1px solid rgba(245,197,23,.3);border-radius:12px;padding:14px 16px;margin-bottom:6px;display:flex;align-items:center;gap:12px}.up-file-icon{font-size:24px;flex-shrink:0}.up-file-name{font-size:13px;font-weight:500;margin-bottom:2px}.up-file-meta{font-size:11px;color:var(--text3)}.up-file-remove{margin-left:auto;background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:4px;transition:color .15s}.up-file-remove:hover{color:var(--sync)}.up-hint{font-size:11px;color:var(--text3);margin-bottom:22px;text-align:center}.up-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.vis-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:22px}.vis-opt{border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s;background:var(--bg2);text-align:left}.vis-opt:hover{border-color:var(--border2);background:var(--bg3)}.vis-opt.on,.vis-opt.on.priv{border-color:#f5c51773;background:#f5c5170d}.vis-opt.on.colabs{border-color:#f5c51766;background:#f5c5170a}.vis-opt-icon{font-size:18px;margin-bottom:6px}.vis-opt-name{font-size:12px;font-weight:600;margin-bottom:3px}.vis-opt-desc{font-size:10px;color:var(--text3);line-height:1.4}.vis-opt-lock{display:inline-flex;align-items:center;gap:3px;font-size:9px;margin-top:5px;color:var(--text3);padding:1px 5px;border-radius:3px;background:#ffffff0d}.feedback-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.fb-tag{padding:6px 14px;border-radius:20px;font-size:12px;cursor:pointer;font-family:inherit;border:1px solid var(--border2);color:var(--text2);background:transparent;transition:all .15s;display:flex;align-items:center;gap:5px}.fb-tag:hover{border-color:var(--border2);color:var(--text)}.fb-tag.on-m{background:var(--tag-blue-bg);border-color:#3b6fd459;color:var(--tag-blue)}.fb-tag.on-f{background:var(--tag-orange-bg);border-color:#b8723a59;color:var(--tag-orange)}.fb-tag.on-r{background:var(--tag-green-bg);border-color:#3a8f6a59;color:var(--tag-green)}.fb-tag.on-a{background:var(--tag-purple-bg);border-color:#7b5ea759;color:var(--tag-purple)}.wm-box2{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:8px}.wm-preview{display:inline-flex;align-items:center;gap:5px;background:#0000008c;border:1px solid rgba(255,255,255,.07);padding:4px 10px;border-radius:5px;font-size:11px;color:#ffffff8c;margin-bottom:10px;font-family:DM Mono,monospace}.wm-info-row{display:flex;gap:16px;flex-wrap:wrap}.wm-info-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--author)}.index-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:22px}.index-row-left .index-title{font-size:13px;font-weight:500;margin-bottom:2px}.index-row-left .index-sub{font-size:11px;color:var(--text3)}.up-submit{width:100%;padding:13px;background:#f5c517;color:#09090b;border:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #f5c5174d;transition:all .2s}.up-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.up-submit-note{text-align:center;font-size:11px;color:var(--text3);margin-top:8px}.upst-wrap{max-width:560px;margin:0 auto;padding:80px 44px;text-align:center}.upst-icon{font-size:52px;margin-bottom:20px}.upst-h{font-size:20px;font-weight:600;margin-bottom:6px}.upst-sub{font-size:13px;color:var(--text2);margin-bottom:32px;line-height:1.6}.upst-steps{display:flex;flex-direction:column;gap:0;margin-bottom:36px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden}.upst-step{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.upst-step:last-child{border-bottom:none}.upst-step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.step-done{background:#c9a00e26;color:var(--author);border:1px solid rgba(201,160,14,.3)}.step-active{background:#f5c51726;color:var(--social);border:1px solid rgba(245,197,23,.3)}.step-wait{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}.upst-step-body{flex:1;text-align:left}.upst-step-label{font-size:13px;font-weight:500;margin-bottom:1px}.upst-step-sub{font-size:11px;color:var(--text3)}.upst-step-status{font-size:11px;white-space:nowrap}.upst-bar-wrap{margin-bottom:10px}.upst-bar-bg{height:6px;background:var(--bg3);border-radius:4px;overflow:hidden;margin-bottom:6px}.upst-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#f5c517,#f7d34e);transition:width .3s}.upst-bar-pct{font-size:12px;color:var(--text3);font-family:DM Mono,monospace}.upst-success{display:none}.upst-success.show,.upst-processing{display:block}.upst-processing.hide{display:none}.dash-wrap{max-width:1100px;margin:0 auto;padding:36px 44px 64px}.dash-greeting{margin-bottom:32px}.dash-hi{font-family:Playfair Display,serif;font-size:28px;font-weight:400;margin-bottom:5px}.dash-hi span{font-style:italic;color:var(--story)}.dash-plan{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#ffffff0d;border:1px solid var(--border2);color:var(--text3)}.dash-plan.pro{background:#f5c5171a;border-color:#f5c51740;color:var(--social)}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 20px;transition:border-color .2s;cursor:default}.stat-card:hover{border-color:var(--border2)}.stat-card-n{font-size:28px;font-weight:600;letter-spacing:-1px;margin-bottom:2px}.stat-card-l{font-size:11px;color:var(--text2)}.stat-card-delta{font-size:10px;margin-top:6px}.delta-up{color:var(--author)}.delta-dn{color:var(--sync)}.token-card{background:linear-gradient(135deg,#f5c51714,#f5c51705);border:1px solid rgba(245,197,23,.18);border-radius:14px;padding:22px 26px;margin-bottom:28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.token-balance{display:flex;align-items:baseline;gap:8px}.token-n{font-size:44px;font-weight:700;color:var(--story);letter-spacing:-2px;line-height:1}.token-label{font-size:13px;color:var(--text2)}.token-bar-wrap{margin-top:10px}.token-bar-bg{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden}.token-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--story),#F7D34E);width:80%}.token-sub{font-size:11px;color:var(--text3);margin-top:5px}.token-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.btn-buy{padding:8px 18px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid rgba(245,197,23,.35);background:#f5c5171f;color:var(--story);font-family:inherit;transition:all .18s;white-space:nowrap}.btn-buy:hover{background:#f5c51738}.token-history{font-size:10px;color:var(--text3);cursor:pointer}.token-history:hover{color:var(--story)}.dash-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}.act-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title{font-size:16px;font-weight:600}.section-link{font-size:11px;color:var(--text3);cursor:pointer;transition:color .15s}.section-link:hover{color:var(--social)}.act-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.act-item:last-child{border-bottom:none}.act-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:1px}.act-body{flex:1}.act-text{font-size:12px;color:var(--text2);line-height:1.5}.act-text strong{color:var(--text);font-weight:500}.act-time{font-size:10px;color:var(--text3);margin-top:2px;font-family:DM Mono,monospace}.act-dot{width:6px;height:6px;border-radius:50%;background:var(--social);flex-shrink:0;margin-top:5px}.dash-right{display:flex;flex-direction:column;gap:16px}.mini-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.mini-video{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .15s}.mini-video:last-child{border-bottom:none}.mini-video:hover{opacity:.8}.mini-thumb{width:52px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;opacity:.8}.mini-title{font-size:12px;font-weight:500;margin-bottom:2px}.mini-meta{font-size:10px;color:var(--text3)}.vis-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.vis-pub{background:var(--tag-green-bg);color:var(--tag-green)}.vis-priv{background:var(--tag-orange-bg);color:var(--tag-orange)}.vis-col{background:#f5c5171a;color:var(--story)}.mini-proj{padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .15s}.mini-proj:last-child{border-bottom:none}.mini-proj:hover{opacity:.8}.mini-proj-name{font-size:12px;font-weight:500;margin-bottom:2px}.mini-proj-meta{font-size:10px;color:var(--text3)}.quick-actions{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.qa-btn{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);font-family:inherit;transition:all .18s;display:flex;align-items:center;gap:6px}.qa-btn:hover{border-color:var(--border2);color:var(--text);background:var(--bg3)}.qa-btn.primary{background:#f5c517;color:#09090b;border-color:transparent;box-shadow:0 4px 14px #f5c51740}.qa-btn.primary:hover{filter:brightness(1.1)}.qa-wrap{position:relative;margin-bottom:28px}.qa-close{position:absolute;top:-6px;right:-6px;z-index:2;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--bg2);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.qa-close:hover{color:var(--text);background:var(--bg3)}.qa-collapsed{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;padding:8px 14px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);color:var(--text2);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s}.qa-collapsed:hover{border-color:var(--border2);color:var(--text);background:var(--bg3)}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);cursor:pointer;text-align:left;font-family:inherit;transition:all .18s}.qa-card:hover{border-color:var(--border2);background:var(--bg3)}.qa-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg3)}.qa-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.qa-card-label{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-card-desc{font-size:11px;color:var(--text3);line-height:1.3}@media(max-width:768px){.dash-wrap{padding:24px 16px 64px}.dash-hi{font-size:22px}.dash-stats{grid-template-columns:1fr 1fr;gap:8px}.dash-grid{display:flex!important;flex-direction:column}.dash-grid .dash-right{order:-1}.dash-grid .act-section{order:1}.quick-actions{gap:6px}.qa-btn{font-size:11px;padding:6px 12px}.qa-grid{grid-template-columns:1fr}.qa-card{padding:12px 14px;gap:12px}.qa-card-label{font-size:12px}.notif-wrap{padding:0 16px!important}.notif-card{flex-wrap:wrap;gap:10px!important;padding:12px 14px!important}}.cfg-wrap{max-width:900px;margin:0 auto;padding:36px 44px 80px;display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start}.cfg-sidebar{position:sticky;top:68px}.cfg-sidebar-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);margin-bottom:10px;padding:0 10px}.cfg-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text2);cursor:pointer;transition:all .15s;border:none;background:none;font-family:inherit;width:100%;text-align:left}.cfg-nav-item:hover{background:var(--bg3);color:var(--text)}.cfg-nav-item.on{background:#f5c5171a;color:var(--social)}.cfg-nav-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.cfg-nav-sep{height:1px;background:var(--border);margin:8px 0}.cfg-nav-item.danger{color:var(--sync)}.cfg-nav-item.danger:hover,.cfg-nav-item.danger.on{background:#c9a00e14;color:var(--sync)}@media(max-width:768px){.prof-hero{padding:24px 16px 0}.prof-body{padding:20px 16px 64px}.prof-grid{grid-template-columns:1fr}.prof-stats{gap:16px}.cfg-wrap{padding:24px 16px 80px;grid-template-columns:1fr;gap:16px}.cfg-sidebar{position:static;display:flex;flex-wrap:nowrap;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.cfg-sidebar-title{display:none}.cfg-nav-item{font-size:12px;padding:6px 10px;white-space:nowrap;flex-shrink:0;width:auto}.cfg-nav-label{display:none}.cfg-nav-icon{font-size:16px}.cfg-nav-sep{display:none}}.cfg-panel{display:none}.cfg-panel.on{display:block;margin-top:0}.cfg-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px 26px;margin-bottom:16px}.cfg-section-title{font-size:13px;font-weight:600;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.cfg-field{margin-bottom:16px}.cfg-label{font-size:12px;color:var(--text2);display:block;margin-bottom:5px}.cfg-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}select.cfg-input{height:38px}.cfg-input:focus{border-color:var(--social)}.cfg-input::placeholder{color:var(--text3)}.cfg-input:disabled{opacity:.4;cursor:not-allowed}.cfg-hint{font-size:11px;color:var(--text3);margin-top:4px}.cfg-hint span{color:var(--social)}.cfg-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cfg-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.cfg-row:last-child{border-bottom:none}.cfg-row-left{flex:1}.cfg-row-label{font-size:13px;font-weight:500;margin-bottom:2px}.cfg-row-sub{font-size:11px;color:var(--text3)}.cfg-save{padding:8px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:#f5c517;color:#09090b;border:none;font-family:inherit;box-shadow:0 4px 14px #f5c51740;transition:all .18s}.cfg-save:hover{filter:brightness(1.1)}.cfg-save-row{display:flex;justify-content:flex-end;margin-top:4px}.toggle{position:relative;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg4);border-radius:20px;transition:.2s;border:1px solid var(--border2)}.toggle input:checked+.toggle-slider{background:#f5c517;border-color:#f5c517}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--text);border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.cfg-avatar-wrap{display:flex;align-items:center;gap:16px;margin-bottom:20px}.cfg-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f5c517,#f7d34e);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#09090b;flex-shrink:0}.cfg-avatar-actions{display:flex;flex-direction:column;gap:6px}.cfg-avatar-btn{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;border:1px solid var(--border2);background:transparent;color:var(--text2);transition:all .15s}.cfg-avatar-btn:hover{color:var(--text);background:var(--bg3)}.plan-card{border-radius:10px;padding:16px 18px;border:1px solid var(--border);margin-bottom:10px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .18s}.plan-card:hover{border-color:var(--border2)}.plan-card.current{border-color:#f5c51759;background:#f5c5170a}.plan-card.pro-card,.plan-card.biz-card{border-color:#f5c51733}.plan-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.plan-name{font-size:13px;font-weight:600;margin-bottom:1px}.plan-desc{font-size:11px;color:var(--text3)}.plan-price{margin-left:auto;text-align:right}.plan-price-n{font-size:15px;font-weight:700}.plan-price-period{font-size:10px;color:var(--text3)}.plan-current-badge{padding:4px 14px;border-radius:6px;font-size:10px;font-weight:600;background:#f5c5171a;color:var(--social);border:1px solid rgba(245,197,23,.25);white-space:nowrap}.danger-zone{background:#c9a00e0a;border:1px solid rgba(201,160,14,.18);border-radius:14px;padding:24px 26px}.danger-zone-title{font-size:13px;font-weight:600;color:var(--sync);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(201,160,14,.15)}.danger-action{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(201,160,14,.1)}.danger-action:last-child{border-bottom:none}.danger-action-title{font-size:13px;font-weight:500;margin-bottom:2px}.danger-action-sub{font-size:11px;color:var(--text3)}.btn-danger{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;background:transparent;color:var(--sync);border:1px solid rgba(201,160,14,.35);transition:all .18s;white-space:nowrap}.btn-danger:hover,.btn-danger.hard{background:#c9a00e1a}.pricing-wrap{max-width:1040px;margin:0 auto;padding:52px 44px 80px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text3);margin-bottom:14px}.pricing-h{font-family:Playfair Display,serif;font-size:38px;font-weight:400;margin-bottom:10px}.pricing-h em{font-style:italic;color:var(--story)}.pricing-sub{font-size:15px;color:var(--text2);max-width:480px;margin:0 auto;line-height:1.6}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px}.billing-opt{font-size:13px;color:var(--text2);cursor:pointer;transition:color .15s}.billing-opt.on{color:var(--text);font-weight:500}.toggle-pill{width:44px;height:24px;background:#f5c517;border-radius:20px;position:relative;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.toggle-pill:after{content:"";position:absolute;width:18px;height:18px;background:#09090b;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle-pill.annual:after{transform:translate(20px)}.annual-badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;background:var(--tag-green-bg);color:var(--tag-green);border:1px solid rgba(58,143,106,.25)}.plans-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:52px}.plan-card-full{background:var(--bg2);border:1px solid var(--border);border-radius:18px;padding:28px 26px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;text-align:center}.plan-card-full:hover{border-color:var(--border2);transform:translateY(-3px)}.plan-card-full.featured{border-color:#f5c51773;background:linear-gradient(135deg,#f5c5170f,#f5c51703)}.plan-card-full:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.7}.plan-free:before{background:#ffffff1f}.plan-pro:before{background:linear-gradient(90deg,#f5c517,#f7d34e)}.plan-biz:before{background:linear-gradient(90deg,var(--story),#F7D34E)}.plan-popular{position:absolute;top:16px;right:16px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#f5c517;color:#09090b}.plan-tier-name{font-size:14px;font-weight:600;margin-bottom:6px}.plan-tier-desc{font-size:12px;color:var(--text3);line-height:1.5;margin-bottom:20px;min-height:54px}.plan-price-big{margin-bottom:6px}.plan-price-big .amt{font-size:44px;font-weight:700;letter-spacing:-2px;line-height:1}.plan-price-big .per{font-size:13px;color:var(--text3);font-weight:400}.plan-price-note{font-size:11px;color:var(--text3);margin-bottom:22px;min-height:16px}.plan-cta{width:100%;padding:10px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s;margin-bottom:22px}.plan-cta-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2)}.plan-cta-ghost:hover{background:var(--bg3);color:var(--text)}.plan-cta-main{background:#f5c517;color:#09090b;border:none;box-shadow:0 4px 18px #f5c51747}.plan-cta-main:hover{filter:brightness(1.1)}.plan-cta-gold{background:#f5c5171f;color:var(--story);border:1px solid rgba(245,197,23,.3)}.plan-cta-gold:hover{background:#f5c51733}.plan-features-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:10px}.plan-feature{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text2);margin-bottom:7px;line-height:1.4;text-align:left}.plan-feature-check{flex-shrink:0;margin-top:1px}.feat-yes{color:var(--author)}.feat-no,.feat-dash{color:var(--text3)}.compare-wrap{margin-bottom:48px}.compare-title{font-size:20px;font-weight:600;text-align:center;margin-bottom:24px}.compare-table{width:100%;border-collapse:collapse}.compare-table th{padding:14px 16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text2);text-align:left;border-bottom:1px solid var(--border)}.compare-table th:not(:first-child){text-align:center;width:130px}.compare-table td{padding:14px 16px;font-size:15px;color:var(--text2);border-bottom:1px solid var(--border)}.compare-table td:not(:first-child){text-align:center}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:#ffffff04}.compare-group td{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text2);background:var(--bg3);padding:10px 16px}.th-free{color:var(--text2)}.th-pro{color:#f5c517;font-weight:700;padding-top:10px;padding-bottom:10px}.th-biz{color:var(--story);font-weight:700}.faq-wrap{max-width:680px;margin:0 auto}.faq-title{font-size:20px;font-weight:600;text-align:center;margin-bottom:24px;padding-top:20px}.faq-item{border-bottom:1px solid var(--border);padding:18px 0}.faq-item:last-child{border-bottom:none}.faq-q{font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text)}.faq-q span{font-size:16px;color:var(--text2);flex-shrink:0}.faq-a{font-size:15px;color:var(--text2);line-height:1.7;margin-top:10px;display:none}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}@media(max-width:768px){.pricing-wrap{padding:32px 20px 60px}.pricing-h{font-size:26px}.pricing-sub{font-size:14px}.plans-grid{grid-template-columns:1fr;gap:14px}.plan-card-full{padding:22px 20px}.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{min-width:580px;font-size:13px}.compare-table th,.compare-table td{padding:10px 12px}.compare-table th:not(:first-child){width:100px}.faq-wrap{padding:20px 4px}.faq-q{font-size:14px}.faq-a{font-size:13px}}.msg-wrap{max-width:900px;margin:0 auto;padding:0 clamp(16px,4vw,44px);height:calc(100vh - 52px);display:flex;flex-direction:column;overflow:hidden}.msg-bubble{max-width:70%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-break:break-word}.msg-input-row{padding:12px 0 16px;border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0}.msg-input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text1);font-size:14px;font-family:inherit;outline:none;min-width:0}.msg-send{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;background:var(--social);color:#09090b;border:none;display:flex;align-items:center;gap:6px;flex-shrink:0}.msg-conv-av{width:44px;height:44px;border-radius:50%;flex-shrink:0}@media(max-width:768px){.msg-wrap{padding:0 12px;height:calc(100vh - 52px);height:calc(100dvh - 52px)}.msg-bubble{max-width:85%;padding:8px 10px;font-size:13px;border-radius:10px}.msg-input-row{padding:8px 0 env(safe-area-inset-bottom,8px);gap:6px}.msg-input{padding:10px 12px;font-size:13px}.msg-send{padding:10px 14px;font-size:13px}.msg-conv-av{width:36px;height:36px}}@media(max-width:768px){.pl-wrap{grid-template-columns:1fr!important;height:auto;min-height:calc(100vh - 52px)}.pl-main{overflow-y:visible}.vstage{min-height:200px;max-height:55vh}.pinfo{padding:12px 14px}.pinfo-t{font-size:16px;flex-wrap:wrap;gap:6px}.pinfo-m{gap:8px;font-size:12px}.ci-box{padding:10px 14px}.ci-cats{gap:3px}.ccat{font-size:11px!important;padding:3px 7px!important}.cmts{padding:8px 12px}.cmt{padding:8px 0!important}.cmt-h{flex-wrap:wrap;gap:4px}.phud{padding:14px 10px 8px}.ctrl{gap:6px}.ctrl .tc{font-size:11px}}.inv-wrap{max-width:760px;margin:0 auto;padding:36px 44px 80px}.inv-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text3);cursor:pointer;margin-bottom:24px;transition:color .15s;background:none;border:none;font-family:inherit;padding:0}.inv-back:hover{color:var(--text)}.inv-header{margin-bottom:32px}.inv-project-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:var(--tag-purple-bg);color:var(--tag-purple);border:1px solid rgba(123,94,167,.18);margin-bottom:10px}.inv-h{font-size:22px;font-weight:600;margin-bottom:4px}.inv-sub{font-size:13px;color:var(--text2)}.inv-search-wrap{position:relative;margin-bottom:6px}.inv-search{width:100%;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:11px 14px 11px 38px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}.inv-search:focus{border-color:var(--social)}.inv-search::placeholder{color:var(--text3)}.inv-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text3);pointer-events:none}.inv-hint{font-size:11px;color:var(--text3);margin-bottom:20px}.inv-suggestions{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;overflow:hidden;margin-bottom:8px}.inv-sug-item{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.inv-sug-item:last-child{border-bottom:none}.inv-sug-item:hover{background:var(--bg3)}.inv-sug-item.selected{background:#f5c5170f;border-color:#f5c51726}.inv-sug-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.inv-sug-name{font-size:13px;font-weight:500}.inv-sug-handle{font-size:11px;color:var(--text3);font-family:DM Mono,monospace}.inv-sug-role{font-size:10px;color:var(--text3);margin-left:auto;display:flex;align-items:center;gap:4px}.inv-check{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#f5c517;display:flex;align-items:center;justify-content:center;font-size:9px;color:#09090b;flex-shrink:0}.inv-role-section{margin-bottom:28px}.inv-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:12px}.roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-card{border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s;background:var(--bg2)}.role-card:hover{border-color:var(--border2);background:var(--bg3)}.role-card.on{border-color:#f5c51773;background:#f5c5170d}.role-card-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.role-card-icon{font-size:16px}.role-card-name{font-size:13px;font-weight:600}.role-card-badge{margin-left:auto;font-size:9px;padding:1px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.role-card-desc{font-size:11px;color:var(--text3);line-height:1.5}.role-perms{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.role-perm{font-size:9px;padding:1px 5px;border-radius:3px;background:#ffffff0a;color:var(--text3);border:1px solid var(--border)}.role-perm.yes{background:#c9a00e0f;color:var(--author);border-color:#c9a00e26}.inv-msg-section{margin-bottom:28px}.inv-textarea{width:100%;background:var(--bg2);border:1px solid var(--border2);border-radius:9px;padding:11px 13px;color:var(--text);font-family:inherit;font-size:13px;resize:none;outline:none;transition:border-color .15s}.inv-textarea:focus{border-color:var(--social)}.inv-textarea::placeholder{color:var(--text3)}.inv-sent-section{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:28px}.inv-sent-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.inv-sent-item:last-child{border-bottom:none}.inv-sent-status{font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600;white-space:nowrap}.status-pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.status-accepted{background:#c9a00e1a;color:var(--author);border:1px solid rgba(201,160,14,.25)}.inv-sent-role{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.inv-revoke{background:none;border:none;font-size:10px;color:var(--text3);cursor:pointer;font-family:inherit;padding:2px 6px;border-radius:4px;transition:all .15s}.inv-revoke:hover{color:var(--sync);background:#c9a00e0f}.inv-colabs-section{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.inv-colab-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.inv-colab-item:last-child{border-bottom:none}.inv-colab-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.inv-colab-name{font-size:13px;font-weight:500}.inv-colab-handle{font-size:11px;color:var(--text3);font-family:DM Mono,monospace}.inv-owner-badge{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;background:#ffffff0f;color:var(--text3)}.inv-remove{background:none;border:none;font-size:10px;color:var(--text3);cursor:pointer;font-family:inherit;padding:2px 6px;border-radius:4px;transition:all .15s}.inv-remove:hover{color:var(--sync)}.notif-wrap{max-width:720px;margin:0 auto;padding:36px 44px 80px}.notif-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.notif-title{font-size:20px;font-weight:600}.notif-mark-all{font-size:12px;color:var(--text3);cursor:pointer;background:none;border:none;font-family:inherit;transition:color .15s;padding:0}.notif-mark-all:hover{color:var(--social)}.notif-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:4px}.notif-tab{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text3);font-family:inherit;transition:all .15s;display:flex;align-items:center;gap:5px}.notif-tab:hover{color:var(--text2)}.notif-tab.on{background:var(--bg3);color:var(--text);box-shadow:0 1px 4px #0000004d}.notif-count{padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;background:#f5c517;color:#09090b}.notif-group{margin-bottom:28px}.notif-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);margin-bottom:10px;padding:0 2px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;cursor:pointer;transition:background .15s;position:relative;margin-bottom:3px}.notif-item:hover{background:var(--bg2)}.notif-item.unread{background:var(--bg2);border:1px solid var(--border)}.notif-item.unread:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%}.unread-social:before{background:var(--social)}.unread-story:before{background:var(--story)}.unread-token:before{background:var(--story)}.unread-system:before{background:var(--author)}.notif-item.read{opacity:.65}.notif-item.read:hover{opacity:1}.notif-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}.notif-body{flex:1;min-width:0}.notif-text{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:3px}.notif-text strong{color:var(--text);font-weight:500}.notif-text .ts-link{color:var(--social);font-family:DM Mono,monospace;font-size:12px;cursor:pointer}.notif-text .ts-link:hover{text-decoration:underline}.notif-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:8px}.notif-tag{font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;text-transform:uppercase}.notif-actions{display:flex;gap:6px;margin-top:8px}.notif-btn-accept{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;background:#c9a00e1f;color:var(--author);border:1px solid rgba(201,160,14,.25);transition:all .15s}.notif-btn-accept:hover{background:#c9a00e33}.notif-btn-ignore{padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:inherit;background:transparent;color:var(--text3);border:1px solid var(--border);transition:all .15s}.notif-btn-ignore:hover{color:var(--sync)}.notif-thumb{width:44px;height:26px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;margin-top:2px}.notif-time{font-size:11px;color:var(--text3);white-space:nowrap;flex-shrink:0;margin-top:2px}.notif-empty{text-align:center;padding:60px 20px;color:var(--text3)}.notif-empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.notif-empty-text{font-size:13px}.guest-banner{background:#f5c51712;border-bottom:1px solid rgba(245,197,23,.18);padding:10px 28px;display:flex;align-items:center;gap:12px;position:sticky;top:52px;z-index:100}.guest-banner-text{flex:1;font-size:12px;color:var(--text2);line-height:1.5}.guest-banner-text strong{color:var(--story)}.guest-banner-actions{display:flex;gap:8px;flex-shrink:0}.guest-lock-overlay{position:absolute;inset:0;background:#09090b8c;border-radius:inherit;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.snew-wrap{max-width:760px;margin:0 auto;padding:36px 44px 80px}.snew-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text3);cursor:pointer;margin-bottom:28px;background:none;border:none;font-family:inherit;padding:0;transition:color .15s}.snew-back:hover{color:var(--text)}.snew-header{margin-bottom:32px}.snew-h{font-size:22px;font-weight:600;margin-bottom:4px}.snew-sub{font-size:13px;color:var(--text2)}.snew-steps{display:flex;align-items:center;gap:0;margin-bottom:36px}.snew-step{display:flex;align-items:center;gap:0;flex:1}.snew-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all .2s;border:2px solid var(--border2);background:var(--bg2);color:var(--text3)}.snew-step-dot.done{background:var(--author);border-color:var(--author);color:#09090b}.snew-step-dot.active{background:var(--story);border-color:var(--story);color:#09090b}.snew-step-line{flex:1;height:2px;background:var(--border);transition:background .2s;margin:0 4px}.snew-step-line.done{background:var(--author)}.snew-step-label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-top:5px;text-align:center;white-space:nowrap}.snew-step-wrap{display:flex;flex-direction:column;align-items:center}.snew-panel{display:none}.snew-panel.on{display:block}.snew-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.snew-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin-bottom:16px}.genre-grid{display:flex;flex-wrap:wrap;gap:6px}.genre-tag{padding:5px 12px;border-radius:20px;font-size:12px;cursor:pointer;font-family:inherit;border:1px solid var(--border2);color:var(--text2);background:transparent;transition:all .15s}.genre-tag:hover{border-color:#f5c5174d;color:var(--social)}.genre-tag.on{background:#f5c5171a;border-color:#f5c51759;color:var(--social)}.char-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.char-item{display:flex;align-items:center;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:10px 13px}.char-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.char-name{font-size:13px;font-weight:500;flex:1}.char-role{font-size:11px;color:var(--text3)}.char-charge{font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600;margin-left:auto}.char-remove{background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:2px;transition:color .15s}.char-remove:hover{color:var(--sync)}.add-row{display:flex;gap:8px;align-items:center}.add-btn{padding:6px 14px;border-radius:7px;font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;background:transparent;color:var(--text3);border:1px dashed var(--border2);transition:all .15s}.add-btn:hover{border-color:var(--story);color:var(--story)}.loc-item{display:flex;align-items:flex-start;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:10px 13px;margin-bottom:8px}.loc-icon{font-size:18px;flex-shrink:0}.loc-name{font-size:13px;font-weight:500;margin-bottom:2px}.loc-meta{font-size:11px;color:var(--text3)}.loc-tones{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.loc-tone{font-size:9px;padding:1px 6px;border-radius:3px;background:#f5c51714;color:#f5c517;border:1px solid rgba(245,197,23,.15)}.ref-item{display:flex;align-items:center;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:10px 13px;margin-bottom:8px}.ref-icon{font-size:16px;flex-shrink:0}.ref-title{font-size:13px;font-weight:500;flex:1}.ref-type{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600}.snew-video-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.snew-vopt{border:1px solid var(--border);border-radius:10px;padding:16px;cursor:pointer;transition:all .15s;text-align:center;background:var(--bg2)}.snew-vopt:hover{border-color:var(--border2);background:var(--bg3)}.snew-vopt.on{border-color:#f5c51766;background:#f5c5170a}.snew-vopt-icon{font-size:24px;margin-bottom:8px}.snew-vopt-name{font-size:13px;font-weight:500;margin-bottom:3px}.snew-vopt-sub{font-size:11px;color:var(--text3)}.snew-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.snew-btn-back{padding:9px 20px;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit;background:transparent;color:var(--text2);border:1px solid var(--border2);transition:all .15s}.snew-btn-back:hover{color:var(--text)}.snew-btn-next{padding:9px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;background:#f5c517;color:#09090b;border:none;transition:all .18s}.snew-btn-next:hover{filter:brightness(1.1)}.snew-step-counter{font-size:11px;color:var(--text3);font-family:DM Mono,monospace}.terms-wrap{max-width:780px;margin:0 auto;padding:44px 44px 80px}.terms-hero{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--border)}.terms-eyebrow{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.terms-h{font-family:Playfair Display,serif;font-size:30px;font-weight:400;margin-bottom:8px;line-height:1.3}.terms-meta{font-size:12px;color:var(--text3)}.terms-toc{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin-bottom:36px}.terms-toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-bottom:10px}.terms-toc-list{list-style:none;display:flex;flex-direction:column;gap:5px}.terms-toc-list li a{font-size:13px;color:var(--text2);text-decoration:none;transition:color .15s}.terms-toc-list li a:hover{color:var(--text)}.terms-toc-list li span{font-size:11px;color:var(--text3);font-family:DM Mono,monospace;margin-right:8px}.terms-section{margin-bottom:40px}.terms-section-n{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:6px;font-family:DM Mono,monospace}.terms-section-title{font-size:20px;font-weight:600;margin-bottom:16px;letter-spacing:-.3px}.terms-body{font-size:14px;color:var(--text2);line-height:1.8}.terms-body p{margin-bottom:14px}.terms-body p:last-child{margin-bottom:0}.terms-list{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.terms-list li{display:flex;gap:10px;font-size:13px;color:var(--text2);line-height:1.6}.terms-list li:before{content:"→";color:var(--text3);flex-shrink:0;margin-top:1px}.terms-block{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:16px}.terms-block-title{font-size:12px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:7px}.terms-tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.terms-allowed{border-left:3px solid var(--author)}.terms-allowed .terms-block-title{color:var(--author)}.terms-forbidden{border-left:3px solid var(--sync)}.terms-forbidden .terms-block-title{color:var(--sync)}.terms-warning{background:#c9a00e0d;border:1px solid rgba(201,160,14,.2);border-radius:10px;padding:14px 18px;font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:16px}.terms-divider{height:1px;background:var(--border);margin:36px 0}.contact-grid{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media(max-width:768px){.terms-wrap{padding:24px 16px 60px}.contact-grid,.contact-row{grid-template-columns:1fr}}.tour-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tourFadeIn .4s ease}.tour-overlay.transparent{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.tour-overlay.transparent .tour-tooltip{pointer-events:auto}.tour-welcome{text-align:center;padding:48px 40px;max-width:460px;background:var(--bg1);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 64px #0009;animation:tourSlideUp .5s ease}.tour-btn{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);transition:all .15s;display:flex;align-items:center}.tour-btn:hover{background:var(--bg2);border-color:var(--text3)}.tour-btn.primary{background:var(--social);color:#000;border-color:var(--social)}.tour-btn.primary:hover{background:#d4a913}.tour-btn.small{padding:7px 14px;font-size:12px}.tour-tooltip{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#111115;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px 24px;max-width:380px;width:calc(100% - 32px);box-shadow:0 20px 56px #000c;animation:tourSlideUp .3s ease;z-index:10000}.tour-skip{background:none;border:none;color:var(--text3);font-size:11px;cursor:pointer;font-family:inherit;padding:2px 6px;border-radius:4px}.tour-skip:hover{color:var(--text2);background:var(--bg3)}.tour-dots{display:flex;justify-content:center;gap:6px;margin-top:32px}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--border2);transition:all .2s}.tour-dot.active{background:var(--social);width:18px;border-radius:3px}.tour-dot.done{background:var(--text3)}.tour-fade-in{animation:tourContentIn .3s ease both}.tour-fade-out{animation:tourContentOut .28s ease both}@keyframes tourContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tourContentOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.tour-highlight{position:relative;z-index:9998;border-radius:12px;box-shadow:0 0 0 3px #f5c5178c,0 0 0 9999px #000000b3;transition:box-shadow .4s ease}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tourSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.gs-modal{width:100%;max-width:640px;height:620px;background:#111115;border:1px solid #2A2A32;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009}.gs-top-accent{height:2px;background:linear-gradient(90deg,transparent 0%,#F5C517 50%,transparent 100%);flex-shrink:0}.gs-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #2A2A32;flex-shrink:0}.gs-logo{display:flex;align-items:center;gap:8px}.gs-logo-icon{width:24px;height:24px;background:#f5c517;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#09090b}.gs-logo-name{font-size:14px;font-weight:600;color:#f4f4f5;letter-spacing:-.3px}.gs-logo-name span{color:#f5c517}.gs-skip-btn{font-size:11px;color:#a1a1aa;background:transparent;border:1px solid #3A3A44;border-radius:6px;padding:5px 12px;cursor:pointer;font-family:inherit;transition:color .18s,border-color .18s;display:flex;align-items:center}.gs-skip-btn:hover{color:#e4e4e7;border-color:#52525b}.gs-progress{height:2px;background:#2a2a32;flex-shrink:0}.gs-progress-fill{height:2px;background:#f5c517;transition:width .4s ease}.gs-slide-area{flex:1;overflow:hidden;position:relative;min-height:0}.gs-slide{position:absolute;inset:0;padding:32px 44px;overflow-y:hidden;opacity:0;transform:translate(30px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.gs-slide.active{opacity:1;transform:translate(0);pointer-events:all}.gs-eyebrow{font-family:DM Mono,monospace;font-size:10px;font-weight:500;color:#f5c517;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.gs-title{font-family:Bebas Neue,sans-serif;font-size:46px;color:#f4f4f5;line-height:.95;letter-spacing:.5px;margin-bottom:16px}.gs-gold{color:#f5c517}.gs-body{font-size:14px;color:#a1a1aa;line-height:1.75;margin-bottom:20px}.gs-journey{display:flex;flex-direction:column}.gs-j-step{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid #1e1e24}.gs-j-step:last-child{border-bottom:none}.gs-j-dot{width:34px;height:34px;border-radius:50%;background:#f5c51714;border:1px solid rgba(245,197,23,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gs-j-title{font-size:13px;font-weight:600;color:#f4f4f5;margin-bottom:3px}.gs-j-sub{font-size:11px;color:#52525b;font-family:DM Mono,monospace}.gs-modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.gs-mod-card{background:#18181c;border:1px solid #2A2A32;border-radius:10px;padding:12px 10px}.gs-mod-card.hl{border-color:#f5c5174d;background:#f5c5170d}.gs-mod-name{font-size:11px;font-weight:600;color:#f4f4f5;line-height:1.2}.gs-mod-name span{color:#f5c517}.gs-mod-desc{font-size:9px;color:#52525b;margin-top:3px;font-family:DM Mono,monospace;line-height:1.3}.gs-mod-detail{display:flex;gap:16px;align-items:flex-start;background:#18181c;border:1px solid #2A2A32;border-radius:12px;padding:18px;margin-top:30px;margin-bottom:30px}.gs-mod-detail-icon{flex-shrink:0}.gs-mod-detail-title{font-family:Bebas Neue,sans-serif;font-size:24px;color:#f4f4f5;letter-spacing:.5px;line-height:1}.gs-mod-detail-title span{color:#f5c517}.gs-mod-detail-tag{display:inline-block;margin:5px 0 7px;padding:2px 8px;background:#f5c5171a;border:1px solid rgba(245,197,23,.2);border-radius:20px;font-size:9px;font-family:DM Mono,monospace;color:#f5c517;letter-spacing:.5px;text-transform:uppercase}.gs-mod-detail-desc{font-size:12px;color:#a1a1aa;line-height:1.5}.gs-features{display:flex;flex-direction:column;gap:8px}.gs-feat{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#a1a1aa;line-height:1.5}.gs-roles{display:flex;flex-direction:column;gap:10px;margin-top:8px}.gs-role-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#18181c;border:1px solid #2A2A32;border-radius:12px;cursor:pointer;transition:all .18s;text-align:left;font-family:inherit;width:100%;color:inherit}.gs-role-btn:hover{border-color:#f5c51766;background:#f5c5170d}.gs-role-icon{flex-shrink:0}.gs-role-title{font-size:13px;font-weight:600;color:#f4f4f5}.gs-role-sub{font-size:10px;color:#52525b;margin-top:2px;font-family:DM Mono,monospace}.gs-role-arrow{margin-left:auto;color:#52525b;transition:transform .18s,color .18s}.gs-role-btn:hover .gs-role-arrow{transform:translate(4px);color:#f5c517}.gs-bottomnav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #2A2A32;flex-shrink:0}.gs-dots{display:flex;gap:5px;align-items:center}.gs-dot{width:6px;height:6px;border-radius:50%;background:#2a2a32;transition:all .25s ease;cursor:pointer}.gs-dot.active{width:18px;border-radius:3px;background:#f5c517}.gs-nav-btns{display:flex;gap:8px}.gs-btn-prev{padding:8px 18px;border-radius:8px;border:1px solid #2A2A32;background:transparent;color:#a1a1aa;font-size:13px;font-family:inherit;cursor:pointer;transition:all .18s;display:flex;align-items:center}.gs-btn-prev:hover{border-color:#323240;color:#f4f4f5}.gs-btn-next{padding:8px 20px;border-radius:8px;border:none;background:#f5c517;color:#09090b;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .18s;display:flex;align-items:center}.gs-btn-next:hover{filter:brightness(1.1)}@media(max-width:680px){.gs-modal{max-width:95vw;height:90vh;max-height:90vh;border-radius:14px}.gs-slide{padding:20px 18px;overflow-y:auto}.gs-title{font-size:28px}.gs-modules-grid{grid-template-columns:repeat(2,1fr);gap:6px}.gs-mod-detail{flex-direction:column;gap:10px;padding:14px}.gs-mod-detail-title{font-size:20px}.gs-role-btn{padding:10px 14px;gap:10px}.gs-topbar,.gs-bottomnav{padding:10px 16px}.gs-body{font-size:13px}.gs-j-step{gap:10px;padding:10px 0}.tour-tooltip{inset:auto 12px 12px;transform:none;padding:16px 18px;max-width:none;width:auto;max-height:50vh;overflow-y:auto;border-radius:12px}}.spin{animation:spin 1s linear infinite}@keyframes subtitleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lyricFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.alert-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .2s ease-out}.alert-modal{background:#18181c;border-radius:12px;padding:2rem;min-width:350px;max-width:500px;border:1px solid #2A2A32;box-shadow:0 20px 60px #000000b3;animation:slideUp .3s ease-out;text-align:center}.alert-modal-icon{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-left:auto;margin-right:auto;border-radius:50%;font-weight:700}.alert-modal-success .alert-modal-icon{background:#f5c51726;color:#f4f4f5}.alert-modal-error .alert-modal-icon{background:#c9a00e26;color:#f4f4f5}.alert-modal-warning .alert-modal-icon,.alert-modal-info .alert-modal-icon{background:#f5c51726;color:#f4f4f5}.alert-modal-title{margin:1rem 0 .5rem;font-size:1.3rem;font-weight:600;color:#f4f4f5}.alert-modal-message{margin:.75rem 0 1.5rem;font-size:.95rem;color:#a1a1aa;line-height:1.5}.alert-modal-buttons{display:flex;gap:.75rem;justify-content:center}.alert-modal-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;max-width:150px}.alert-modal-btn-confirm{background:#f5c517;color:#09090b}.alert-modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 16px #f5c51766}.alert-modal-btn-confirm:active{transform:translateY(0)}.alert-modal-btn-cancel{background:transparent;color:#a1a1aa;border:1px solid #323240}.alert-modal-btn-cancel:hover{background:#ffffff0f;border-color:#52525b}.alert-modal-success .alert-modal-title,.alert-modal-error .alert-modal-title,.alert-modal-warning .alert-modal-title,.alert-modal-info .alert-modal-title{color:#f4f4f5}.atmosphere-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.atmosphere-modal{background:#18181c;border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #000000e6;color:#f4f4f5}.atmosphere-modal .modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #2A2A32}.atmosphere-modal .modal-emoji{font-size:2rem}.atmosphere-modal h3{margin:0;font-size:1.5rem;color:#f4f4f5}.atmosphere-modal .modal-body,.search-container{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;background:#1f1f25;border:2px solid #2A2A32;border-radius:8px;color:#f4f4f5;font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#f5c517}.search-input::placeholder{color:#52525b}.atmosphere-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem}.atmosphere-btn{padding:.75rem;background:#1f1f25;border:2px solid #2A2A32;border-radius:8px;color:#a1a1aa;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.atmosphere-btn:hover{background:#2a2a32;border-color:#f5c517;color:#f4f4f5}.atmosphere-btn.active{background:#f5c517;border-color:#f5c517;color:#09090b;box-shadow:0 0 12px #f5c51766}.no-results{text-align:center;color:#52525b;padding:2rem 1rem;font-style:italic}.selected-display{background:#1f1f25;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:1rem;margin-bottom:1rem;border-left:4px solid #F5C517}.selected-display .label{color:#52525b;font-size:.9rem}.selected-display .value{color:#f5c517;font-weight:600;font-size:1.1rem}.atmosphere-modal .modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:2px solid #2A2A32}.modal-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-btn-cancel:hover{background:#ffffff0f}.modal-btn-confirm:hover{box-shadow:0 0 12px #f5c51766;transform:translateY(-2px)}.cache-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .2s ease-out}.cache-modal{background:#18181c;border-radius:12px;min-width:400px;max-width:600px;max-height:80vh;border:1px solid #2A2A32;box-shadow:0 20px 60px #000000b3;animation:slideUp .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.cache-modal-header{padding:1.5rem;border-bottom:1px solid #2A2A32;display:flex;justify-content:space-between;align-items:center}.cache-modal-header h2{margin:0;font-size:1.3rem;font-weight:600;color:#f4f4f5}.close-btn{background:none;border:none;font-size:1.5rem;color:#a1a1aa;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#ffffff0f;color:#f4f4f5}.cache-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;text-align:center}.loading-state p,.error-state p{color:#a1a1aa;font-size:.95rem}.spinner{width:40px;height:40px;border:3px solid #2A2A32;border-top-color:#a1a1aa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{padding:.5rem 1rem;background:#f5c51714;color:#f4f4f5;border:1px solid #2A2A32;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.retry-btn:hover{background:#f5c51726;border-color:#f5c517}.cache-info-section,.cache-items-section{margin-bottom:1.5rem}.cache-info-section h3,.cache-items-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#f4f4f5}.cache-subtitle{margin:-.75rem 0 1rem;font-size:.85rem;color:#a1a1aa;font-style:italic}.space-to-free-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#c9a00e26;border:2px solid rgba(201,160,14,.3);border-radius:10px;margin-bottom:1.5rem}.space-to-free-icon{font-size:2rem;flex-shrink:0}.space-to-free-content{display:flex;flex-direction:column;gap:.25rem}.space-to-free-label{font-size:.85rem;color:#a1a1aa;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.space-to-free-value{font-size:1.5rem;font-weight:700;color:#f4f4f5}.cache-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;background:#f5c51714;padding:1rem;border-radius:8px;border:1px solid #2A2A32}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.stat-label{color:#a1a1aa;font-size:.9rem;font-weight:500}.stat-value{color:#f4f4f5;font-size:.95rem;font-weight:600}.empty-cache-message{text-align:center;padding:1.5rem;background:#f5c51714;border-radius:8px;border:1px solid rgba(245,197,23,.2);color:#f5c517;font-weight:500}.cache-actions{display:flex;gap:.75rem;justify-content:center}.clear-cache-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#c9a00e26;color:#c9a00e;border:1px solid #C9A00E;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.clear-cache-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #c9a00e66}.clear-cache-btn:active:not(:disabled){transform:translateY(0)}.clear-cache-btn:disabled{opacity:.6;cursor:not-allowed}.cache-items-list{display:flex;flex-direction:column;gap:.75rem;background:#f5c51714;padding:1rem;border-radius:8px;border:1px solid #2A2A32;max-height:300px;overflow-y:auto}.cache-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:6px;border:1px solid #2A2A32}.item-icon{font-size:1.2rem;flex-shrink:0}.item-details{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.item-name{color:#a1a1aa;font-size:.85rem;word-break:break-all}.item-category{color:#a1a1aa;font-size:.75rem;opacity:.7;font-style:italic}.item-size{color:#f4f4f5;font-size:.85rem;font-weight:600;flex-shrink:0;padding-left:.75rem}.cache-modal-footer{padding:1rem 1.5rem;border-top:1px solid #2A2A32;display:flex;justify-content:flex-end;gap:.75rem}.close-modal-btn{padding:.75rem 1.5rem;background:transparent;color:#a1a1aa;border:1px solid #323240;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.close-modal-btn:hover{background:#ffffff0f;border-color:#52525b;transform:translateY(-2px)}.close-modal-btn:active{transform:translateY(0)}.cache-modal-content::-webkit-scrollbar,.cache-items-list::-webkit-scrollbar{width:6px}.cache-modal-content::-webkit-scrollbar-track,.cache-items-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.cache-modal-content::-webkit-scrollbar-thumb,.cache-items-list::-webkit-scrollbar-thumb{background:#2a2a32;border-radius:3px}.cache-modal-content::-webkit-scrollbar-thumb:hover,.cache-items-list::-webkit-scrollbar-thumb:hover{background:#323240}@media(max-width:768px){.cache-modal{min-width:auto;max-width:90vw;max-height:85vh}.cache-modal-header,.cache-modal-content{padding:1rem}.cache-modal-footer{padding:.75rem 1rem}.stat-item{flex-direction:column;align-items:flex-start}}.emotional-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.emotional-modal{background:#18181c;border:1px solid #2A2A32;border-radius:12px;padding:2rem;max-width:700px;width:90%;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.emotional-modal h3{margin:0 0 1rem;color:#f5c517;font-size:1.3rem;text-align:center;font-weight:600}.emotional-modal h4{margin:0 0 1.5rem;color:#f4f4f5;font-size:1.2rem;text-align:center}.slider-container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f5c51714;border-radius:8px;border:1px solid rgba(245,197,23,.2)}.intensity-display{text-align:center;margin-bottom:1rem}.emotion-face{font-size:.95rem;font-weight:600;color:#f4f4f5;margin-bottom:.5rem}.intensity-value{font-size:2rem;font-weight:700;color:#f5c517}.emotional-slider{width:100%;height:10px;border-radius:5px;background:linear-gradient(90deg,#c9a00e,#f5c517);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.emotional-slider::-moz-range-track{background:linear-gradient(90deg,#c9a00e,#f5c517);border:none}.emotional-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#f4f4f5;cursor:pointer;box-shadow:0 2px 8px #f5c51766;border:2px solid #F5C517;transition:all .2s ease}.emotional-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #f5c51799}.emotional-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#f4f4f5;cursor:pointer;box-shadow:0 2px 8px #f5c51766;border:2px solid #F5C517;transition:all .2s ease}.emotional-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #f5c51799}.emotional-modal .modal-footer{padding:1.5rem;border-top:1px solid #2A2A32;display:flex;gap:1rem;width:100%}.emotional-modal .modal-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.emotional-modal .modal-btn-cancel{background:transparent;color:#a1a1aa;border:1px solid #323240}.emotional-modal .modal-btn-cancel:hover{background:#ffffff0f;color:#f4f4f5}.emotional-modal .modal-btn-confirm{background:#f5c517;color:#09090b}.emotional-modal .modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f5c51766}@media(max-width:480px){.emotional-modal{min-width:90%;max-width:90%}}.google-drive-modal .instructions{background:#1f1f25;padding:20px;border-radius:8px;margin:20px 0}.google-drive-modal .instructions h3{margin:0 0 15px;color:#f4f4f5;font-size:16px}.google-drive-modal .instructions ol{margin:0;padding-left:25px}.google-drive-modal .instructions li{margin:10px 0;line-height:1.6;color:#a1a1aa}.google-drive-modal .instructions code{background:#2a2a32;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px}.google-drive-modal .info-box{background:#f5c51714;border-left:4px solid #F5C517;padding:15px;border-radius:4px;margin:15px 0}.google-drive-modal .info-box p{margin:0 0 10px;color:#f5c517;font-weight:600}.google-drive-modal .info-box ul{margin:0;padding-left:20px}.google-drive-modal .info-box li{margin:8px 0;color:#a1a1aa}.lyrics-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lyrics-modal{background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.lyrics-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.lyrics-modal-header h2{font-size:16px;font-weight:600;color:#f5c517;margin:0}.lyrics-modal-close{background:none;border:none;color:#ffffff80;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.lyrics-modal-close:hover{color:#fff}.lyrics-modal-body{padding:20px;overflow-y:auto;flex:1;scroll-behavior:smooth}.lyrics-error{background:#f5c51726;border:1px solid rgba(245,197,23,.3);color:#f5c517;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.lyrics-empty{text-align:center;padding:30px 0}.lyrics-empty p{color:#ffffff80;font-size:14px;margin-bottom:20px}.lyrics-detect-btn{background:#f5c517;color:#09090b;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.lyrics-detect-btn:hover{opacity:.9}.lyrics-detecting{text-align:center;padding:40px 0}.lyrics-spinner{width:36px;height:36px;border:3px solid rgba(245,197,23,.2);border-top-color:#f5c517;border-radius:50%;animation:lyrics-spin .8s linear infinite;margin:0 auto 16px}@keyframes lyrics-spin{to{transform:rotate(360deg)}}.lyrics-detecting p{color:#ffffffb3;font-size:14px;margin:0}.lyrics-detecting-sub{color:#fff6!important;font-size:12px!important;margin-top:6px!important}.lyrics-progress-steps{display:flex;justify-content:center;gap:8px;margin-top:16px}.lyrics-step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .3s ease}.lyrics-step-dot.done{background:#f5c517}.lyrics-step-dot.active{background:#f5c517;box-shadow:0 0 8px #f5c51780;animation:lyrics-pulse 1.2s ease-in-out infinite}@keyframes lyrics-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.lyrics-hint{color:#ffffff80;font-size:12px;margin:0 0 10px}.lyrics-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.7;padding:14px;resize:vertical;min-height:200px;outline:none;transition:border-color .2s;box-sizing:border-box}.lyrics-textarea:focus{border-color:#f5c51766}.lyrics-textarea:disabled{opacity:.5}.lyrics-synced{display:flex;flex-direction:column;gap:2px}.lyrics-line{display:flex;align-items:baseline;gap:10px;padding:4px 8px;border-radius:6px;transition:all .3s ease}.lyrics-line .lyrics-text{color:#ffffff73;font-size:15px;line-height:1.6;transition:color .3s ease}.lyrics-line .lyrics-ts{color:#fff3;font-size:11px;font-family:SF Mono,Fira Code,monospace;min-width:38px;flex-shrink:0;transition:color .3s ease}.lyrics-clickable{cursor:pointer}.lyrics-clickable:hover{background:#ffffff0d}.lyrics-clickable:hover .lyrics-text{color:#ffffffb3}.lyrics-clickable:hover .lyrics-ts{color:#f5c51780}.lyrics-section{margin-top:14px;margin-bottom:2px}.lyrics-section .lyrics-text{color:#f5c517!important;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.lyrics-active{background:#f5c51714}.lyrics-active .lyrics-text{color:#fff!important;font-weight:500}.lyrics-active .lyrics-ts{color:#f5c517!important}.lyrics-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.08)}.lyrics-btn-primary{background:#f5c517;color:#09090b;border:none;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.lyrics-btn-primary:hover{opacity:.9}.lyrics-btn-primary:disabled{opacity:.5;cursor:default}.lyrics-btn-secondary{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.lyrics-btn-secondary:hover{background:#ffffff1f}.lyrics-btn-danger{color:#f5c517;border-color:#f5c51733}.lyrics-btn-danger:hover{background:#f5c5171a}.help-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;position:relative}.help-field--no-help{margin-bottom:1rem}.help-field__header{display:flex;align-items:center;gap:.5rem;position:relative}.help-field__label{font-weight:600;color:#f4f4f5;font-size:.95rem;margin:0}.help-field__button{width:20px;height:20px;border-radius:50%;background:#f5c517;color:#09090b;border:none;font-weight:700;font-size:.75rem;cursor:help;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;flex-shrink:0}.help-field__button:hover{transform:scale(1.15);box-shadow:0 2px 8px #f5c51766}.help-field__button:focus{outline:2px solid #F5C517;outline-offset:2px}.help-field__tooltip{position:absolute;background:#1f1f25;color:#f4f4f5;padding:.75rem 1rem;border-radius:6px;font-size:.85rem;line-height:1.4;max-width:250px;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease;white-space:pre-wrap;word-break:break-word}.help-field__tooltip--top{bottom:100%;left:20px;margin-bottom:.75rem}.help-field__tooltip--bottom{top:100%;left:20px;margin-top:.75rem}.help-field__tooltip:after{content:"";position:absolute;width:8px;height:8px;background:#1f1f25}.help-field__tooltip--top:after{bottom:-4px;left:8px;clip-path:polygon(0 0,100% 100%,0 100%)}.help-field__tooltip--bottom:after{top:-4px;left:8px;clip-path:polygon(0 0,100% 0,0 100%)}.help-field__popover{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#18181c;border:2px solid #F5C517;border-radius:8px;padding:1.25rem;z-index:1001;box-shadow:0 8px 24px #0006;animation:popoverSlideIn .3s ease;min-width:320px;max-width:450px}@media(max-width:768px){.help-field__popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:80vh;overflow-y:auto;right:auto}}.help-field__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:#52525b;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.help-field__close:hover{color:#f4f4f5}.help-field__content{display:flex;flex-direction:column;gap:1rem;padding-right:1.5rem}.help-field__description{color:#a1a1aa;line-height:1.6;font-size:.95rem}.help-field__description p{margin:0}.help-field__section{display:flex;flex-direction:column;gap:.5rem}.help-field__subtitle{margin:0;font-size:.9rem;font-weight:600;color:#f5c517;text-transform:uppercase;letter-spacing:.5px}.help-field__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.help-field__list li{padding-left:1.5rem;font-size:.9rem;color:#a1a1aa;line-height:1.5;position:relative}.help-field__list li:before{content:"•";position:absolute;left:0;color:#f5c517;font-weight:700}.help-field__list--tips li:before{content:"→";color:#c9a00e}.help-field__input{display:flex;width:100%}.help-field__input>*{flex:1;width:100%}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.help-field{overflow:visible}.marker-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.marker-modal{background:#18181c;border:1px solid #2A2A32;border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 20px #f5c5171a;min-width:400px;max-width:500px;overflow:hidden;animation:modalSlideIn .3s ease}.modal-header{padding:1.5rem;border-bottom:1px solid #2A2A32;display:flex;align-items:center;gap:1rem;color:#f4f4f5}.modal-emoji{font-size:2rem}.modal-header h3{margin:0;color:#f5c517;font-size:1.3rem;font-weight:600}.modal-body{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-body label{color:#f4f4f5;font-size:.95rem;font-weight:500}.modal-body input{padding:.75rem 1rem;background:#111115;border:1px solid #2A2A32;border-radius:6px;color:#f4f4f5;font-size:.95rem;transition:all .3s ease;font-family:inherit}.modal-body input::placeholder{color:#52525b}.modal-body input:focus{outline:none;border-color:#f5c517;background:#f5c51714;box-shadow:0 0 0 2px #f5c51726}.modal-footer{padding:1.5rem;border-top:1px solid #2A2A32;display:flex;gap:1rem;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.modal-btn-cancel{background:transparent;color:#a1a1aa;border:1px solid #323240}.modal-btn-cancel:hover{background:#ffffff0f;color:#f4f4f5}.modal-btn-confirm{background:#f5c517;color:#09090b}.modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5c51766}.modal-btn-confirm:active{transform:translateY(0)}@media(max-width:480px){.marker-modal{min-width:90%;max-width:90%}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#18181c;color:#f4f4f5;border-radius:12px;min-width:400px;max-width:500px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #2A2A32;background:#111115}.modal-header h2{margin:0;font-size:1.3rem;font-weight:600;color:#f4f4f5}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.spinner{border:4px solid #2A2A32;border-top:4px solid #F5C517;border-right:4px solid #C9A00E;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-status{margin:0;font-size:.95rem;color:#f4f4f5;font-weight:500}.progress-text{margin:.5rem 0 0;font-size:.9rem;color:#a1a1aa;text-align:center}.close-btn{background:none;border:none;color:#52525b;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{background-color:#ffffff0f;color:#f4f4f5}.modal-body{padding:1.5rem;max-height:none;overflow-y:visible}.info-section{background-color:#f5c51714;padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.info-section p{margin:.5rem 0}.progress-section{margin-bottom:1rem;background-color:#09090b;padding:1.5rem;border-radius:8px;border:1px solid #2A2A32}.progress-bar{width:100%;height:8px;background-color:#1f1f25;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:#f5c517;transition:width .3s ease;border-radius:4px;box-shadow:0 0 10px #f5c51799}.progress-text{text-align:center;font-size:.85rem;color:#f5c517;margin:0;font-weight:600}.error-message{background-color:#c9a00e26;color:#c9a00e;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border-left:3px solid #C9A00E}.info-box{background-color:#f5c51714;padding:.75rem;border-radius:6px;font-size:.85rem;line-height:1.5;color:#c9a00e;border-left:3px solid #F5C517}.info-box p{margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #2A2A32;background-color:#09090b}.btn{padding:.6rem 1.2rem;border-radius:6px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background-color:#c9a00e;box-shadow:0 0 12px #f5c51766}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background-color:#ffffff0f;border-color:#52525b}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.share-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.share-modal{background:#18181c;border:2px solid #2A2A32;border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #2A2A32}.share-modal-header h2{margin:0;color:#f4f4f5;font-size:1.2rem;display:flex;align-items:center;gap:.8rem}.share-modal-header h2 i{font-size:1.5rem}.share-modal-close{background:none;border:none;color:#52525b;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.share-modal-close:hover{background:#ffffff0f;color:#f4f4f5}.share-modal-content{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;overflow-y:auto}.share-option{background:#f5c51714;border:1px solid #2A2A32;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem;color:#f4f4f5;text-align:left}.share-option:hover{background:#f5c51726;border-color:#f5c517;transform:translate(4px)}.share-option:active{transform:translate(2px)}.share-option i{font-size:2rem;color:#f5c517;flex-shrink:0}.share-option-text{display:flex;flex-direction:column;gap:.3rem}.share-option-title{font-weight:600;font-size:1rem;color:#f4f4f5}.share-option-desc{font-size:.8rem;color:#52525b}.video-player-container{width:100%;max-width:100%;margin:0;background:#09090b;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.video-header{background:#111115;padding:0rem;color:#f4f4f5}.video-header h3{margin:0;font-size:1.2rem;font-weight:600}.external-video-notice{margin:.5rem 0 0;font-size:.85rem;opacity:.9;padding:.5rem .75rem;background:#ffffff0f;border-radius:4px;border-left:3px solid #A1A1AA}.video-wrapper{position:relative;background:#000;width:100%;margin:0 auto;aspect-ratio:16/9}.video-wrapper video{width:100%;height:100%;display:block;cursor:pointer}.controls{padding:1.5rem;background:#111115}.timeline-container{margin-bottom:1rem}.timeline-wrapper{position:relative;width:100%;height:24px;display:flex;align-items:center}.time-display{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#f4f4f5;font-family:DM Mono,monospace;font-size:1.1rem;font-weight:600}.current-time{color:#f5c517}.separator,.total-time{color:#52525b}.timeline{width:100%;height:6px;background:#2a2a32;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;position:relative;z-index:1}.markers-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:all;cursor:pointer;z-index:3}.marker-dot{width:12px;height:12px;background:#f5c517;border:2px solid #F4F4F5;border-radius:50%;box-shadow:0 0 8px #f5c51799;transition:all .2s ease}.timeline-marker:hover .marker-dot{transform:scale(1.3);background:#f5c517;box-shadow:0 0 12px #f5c517cc}.type-timelines{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.type-timeline{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#111115;border-radius:8px}.timeline-label{font-size:.85rem;font-weight:600;min-width:70px;color:#f4f4f5}.timeline-track{position:relative;flex:1;height:20px;background:#09090b;border-radius:4px;border:1px solid #2A2A32;overflow:visible}.type-marker{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:3;display:flex;flex-direction:column;align-items:center}.type-marker-dot{width:10px;height:10px;border-radius:50%;border:2px solid #F4F4F5;box-shadow:0 0 6px #fff6;transition:all .2s ease}.hit-marker .type-marker-dot{background:#f5c517;box-shadow:0 0 8px #f5c517cc}.hit-marker:hover .type-marker-dot{transform:scale(1.4);box-shadow:0 0 12px #f5c517}.shift-marker .type-marker-dot{background:#f5c517;box-shadow:0 0 8px #f5c517cc}.shift-marker:hover .type-marker-dot{transform:scale(1.4);box-shadow:0 0 12px #f5c517}.silence-marker .type-marker-dot{background:#f5c517;box-shadow:0 0 8px #f5c517cc}.silence-marker:hover .type-marker-dot{transform:scale(1.4);box-shadow:0 0 12px #f5c517}.hit-timeline{border-left:4px solid #F5C517}.shift-timeline{border-left:4px solid #C9A00E}.silence-timeline{border-left:4px solid #F5C517}.marker-label{position:absolute;bottom:calc(100% - 70px);left:50%;transform:translate(-50%);background:#09090bf2;color:#f4f4f5;padding:.4rem .6rem;border-radius:4px;font-size:.7rem;border:1px solid #2A2A32;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100;max-width:120px;text-align:center;box-shadow:0 2px 8px #000c;white-space:normal;word-break:break-word;line-height:1.2}.type-marker:hover .marker-label{opacity:1;pointer-events:auto}.timeline::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#f5c517;border-radius:50%;cursor:pointer;transition:all .2s ease}.timeline::-webkit-slider-thumb:hover{background:#c9a00e;transform:scale(1.2)}.timeline::-moz-range-thumb{width:16px;height:16px;background:#f5c517;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.timeline::-moz-range-thumb:hover{background:#c9a00e;transform:scale(1.2)}.milliseconds-control{margin-bottom:1.5rem;padding:1rem;background:#1f1f25;border-radius:8px}.milliseconds-control label{display:flex;justify-content:space-between;align-items:center;color:#f4f4f5;font-size:.9rem;margin-bottom:.5rem}.ms-value{font-family:DM Mono,monospace;font-weight:700;color:#f5c517;font-size:1.1rem}.ms-slider{width:100%;height:8px;background:#2a2a32;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none}.ms-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#f5c517;border-radius:50%;cursor:pointer;transition:all .2s ease}.ms-slider::-webkit-slider-thumb:hover{background:#c9a00e;transform:scale(1.2)}.ms-slider::-moz-range-thumb{width:18px;height:18px;background:#f5c517;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.ms-slider::-moz-range-thumb:hover{background:#c9a00e;transform:scale(1.2)}.playback-controls{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;width:100%;justify-content:space-between}.control-btn{background:#1f1f25;border:none;color:#f4f4f5;padding:0;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;order:1}.control-btn:hover{background:#2a2a32;transform:translateY(-2px)}.control-btn i{display:flex;align-items:center;justify-content:center;font-size:1rem}.play-btn{background:#1f1f25;font-size:1.3rem;min-width:28px;height:28px}.play-btn i{font-size:1.3rem}.play-btn:hover{background:#2a2a32}.skip-btn{font-size:1rem}.metronome-btn{font-size:1.2rem;transition:all .2s ease}.metronome-btn.active{background:#f5c517;color:#09090b;box-shadow:0 0 12px #f5c51766}.metronome-btn.active:hover{background:#c9a00e;box-shadow:0 0 16px #f5c51799}.metronome-btn.inactive{background:#1f1f25;opacity:.6}.metronome-btn.inactive:hover{background:#2a2a32;opacity:.8}.loop-btn{font-size:1.2rem;transition:all .2s ease}.loop-btn.active{background:#f5c517;color:#09090b;box-shadow:0 0 12px #f5c51766}.loop-btn.active:hover{background:#c9a00e;box-shadow:0 0 16px #f5c51799}.loop-btn.inactive{background:#1f1f25;opacity:.6}.loop-btn.inactive:hover{background:#2a2a32;opacity:.8}.volume-control{display:flex;align-items:center;gap:.5rem;margin-left:0;order:11}.volume-btn{min-width:45px}.volume-slider{width:100px;height:4px;background:#2a2a32;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#f5c517;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#f5c517;border-radius:50%;cursor:pointer;border:none}.playback-rate{display:flex;align-items:center;gap:.3rem;color:#f4f4f5;order:10;margin-left:0}.playback-rate label{font-size:.7rem}.playback-rate select{background:#1f1f25;color:#f4f4f5;border:none;padding:.3rem .4rem;border-radius:4px;cursor:pointer;font-size:.75rem}.playback-rate select:hover{background:#2a2a32}.zoom-btn{font-size:1rem;transition:all .2s ease}.zoom-btn:hover{background:#f5c517;color:#09090b;box-shadow:0 0 12px #f5c51766}.export-btn{font-size:1rem;transition:all .2s ease;color:#f4f4f5}.export-btn:hover{background:#f5c517;color:#09090b;box-shadow:0 0 12px #f5c51766}@media(max-width:768px){.playback-controls{flex-direction:column;justify-content:center}.volume-control{margin-left:0}.volume-slider{width:80px}}@keyframes hitPointFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.marker-type-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.marker-type-modal{background:#18181c;border:1px solid #2A2A32;border-radius:12px;padding:1.5rem;max-width:680px;width:92%;max-height:90vh;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:1rem;grid-template-areas:"title" "content" "actions";overflow:hidden}.marker-type-modal .marker-type-modal-content{overflow-y:auto}.marker-type-modal>h3{grid-area:title;margin:0;font-size:15px;font-weight:600}.marker-type-modal .help-field{gap:.25rem;margin-bottom:.5rem}.marker-type-modal .help-field--no-help{margin-bottom:.4rem}.marker-type-modal .help-field__label{font-size:12px}.marker-type-modal .help-field__button{width:16px;height:16px;font-size:10px}.marker-type-modal-content{grid-area:content;display:flex;flex-direction:column;gap:1rem;align-items:stretch}.marker-type-modal.has-video .marker-type-modal-content{display:grid;grid-template-columns:38% 1fr;gap:1.5rem;align-items:flex-start}.marker-type-modal.has-video{max-width:1100px}.marker-type-modal-content>div:first-child{display:flex;flex-direction:column;gap:.75rem;padding-top:0}.marker-type-modal-left-column-video{width:100%;margin-bottom:1rem;flex-shrink:0}.marker-type-modal-left-column-video .video-player-container{width:100%;max-width:100%;margin:0;background:#09090b;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.marker-type-modal-right-column{grid-column:2;background:transparent;border-left:1px solid #2A2A32;padding-left:1.25rem;min-height:100%;display:flex;flex-direction:column;gap:1rem}.marker-type-modal-right-column .video-player-container{width:100%;max-width:100%;margin:0;background:#09090b;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;flex-shrink:0}.right-tabs{display:flex;flex-direction:column;gap:.5rem;padding-right:0}.popup-time-display-container{padding:.4rem 0;background:#09090b}.popup-time-display{display:flex;gap:1rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.popup-time-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:60px}.popup-time-item label{font-size:.7rem;color:#a1a1aa;font-weight:500;text-transform:uppercase;white-space:nowrap;letter-spacing:.5px}.popup-time-item span{font-family:DM Mono,monospace;font-size:1.1rem;color:#f4f4f5;font-weight:700;text-shadow:0 0 3px rgba(245,197,23,.3)}.tabs-header{display:flex;gap:.5rem;border-bottom:1px solid #2A2A32;padding-bottom:.5rem}.tab-btn{padding:.35rem .75rem;background:#ffffff08;color:#a1a1aa;border:1px solid #2A2A32;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.tab-btn:hover{background:#f5c51714;color:#f4f4f5}.tab-btn--active{background:#f5c51726;border-color:#f5c51780;color:#f4f4f5}.tabs-content{display:block}.tab-panel{display:flex;flex-direction:column;gap:.25rem}.extra-timeline{--extra-label-width: 80px;--extra-label-gap: .3rem;--extra-btn-width: 20px;--extra-btn-gap: .2rem;--extra-margin-right: 12px;--extra-left-offset: calc(var(--extra-label-width) + var(--extra-label-gap) + var(--extra-btn-width) + var(--extra-btn-gap) + var(--extra-btn-width) + var(--extra-label-gap));display:flex;flex-direction:column;gap:0}.extra-time-display{display:flex;align-items:center;gap:.4rem;color:#f4f4f5;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.extra-current-time{color:#f5c517}.extra-separator,.extra-total-time{color:#52525b}.extra-timeline-slider-wrapper{position:relative;flex:none;width:calc(100% - var(--extra-left-offset) - var(--extra-margin-right));height:20px;display:flex;overflow:visible;z-index:1;padding:0;margin-left:var(--extra-left-offset);margin-right:var(--extra-margin-right)}.extra-ms-slider{width:100%;height:20px;background:#f5c51740;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;position:relative;z-index:0;pointer-events:auto;margin-top:-32px}.extra-ms-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:transparent;border:none;position:relative;transform:translateY(18px)}.extra-ms-slider::-webkit-slider-thumb:after{content:"";position:absolute;top:2px;left:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #F5C517;transform:translate(-50%)}.extra-ms-slider::-moz-range-thumb{width:14px;height:14px;background:transparent;border:none;position:relative}.extra-ms-slider::-moz-range-thumb:after{content:"";position:absolute;top:2px;left:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #F5C517;transform:translate(-50%)}.extra-timeline-scrubber-wrapper{position:absolute;top:0;width:0;height:calc(100% + 12px);z-index:9999;pointer-events:none;transform:translate(-50%)}.extra-timeline-scrubber{position:absolute;top:30px;left:50%;width:2px;height:calc(100% - 30px);transform:translate(-50%);background:repeating-linear-gradient(to bottom,rgba(208,208,208,.5) 0px,rgba(208,208,208,.5) 4px,transparent 4px,transparent 8px);box-shadow:0 0 10px #d0d0d073,0 0 20px #d0d0d04d;z-index:9999;pointer-events:none}.extra-timeline-scrubber:after{content:"";position:absolute;top:0;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #F5C517;transform:translate(-50%)}.extra-secondary-container{display:flex;flex-direction:column;gap:0;margin-top:.25rem}.extra-secondary-row{display:flex;align-items:center;gap:.3rem;margin-right:var(--extra-margin-right);padding:0;height:18px}.extra-secondary-label{width:80px;flex-shrink:0;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb8;line-height:1.2}.extra-secondary-actions{display:flex;gap:.25rem;align-items:center}.extra-btn{width:20px;height:18px;border-radius:4px;border:1px solid #2A2A32;background:#ffffff08;color:#f4f4f5;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s;line-height:1}.extra-btn:hover:enabled{background:#f5c51726;border-color:#f5c51780}.extra-btn:disabled{opacity:.35;cursor:not-allowed}.extra-btn-add{color:#f5c517;border-color:#f5c51780}.extra-btn-del{color:#c9a00e;border-color:#c9a00e80}.extra-secondary-track{position:relative;flex:1;min-width:0;height:10px;border-radius:3px;overflow:visible}.extra-secondary-track-bg{position:absolute;top:50%;left:0;width:100%;height:2px;background:#ffffff0f;transform:translateY(-50%)}.extra-secondary-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.extra-marker-secondary,.extra-marker-cue,.extra-marker-silence{position:absolute;top:1px;height:12px;border-radius:3px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0 4px;overflow:visible;white-space:nowrap;font-size:.7rem;font-weight:600;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:auto}.extra-secondary-row:nth-child(1) .extra-marker-secondary{background:repeating-linear-gradient(45deg,#ff6b6b4d,#ff6b6b4d 12px,#ff6b6b1a 12px 24px);border:1px solid rgba(255,107,107,.7)}.extra-secondary-row:nth-child(2) .extra-marker-secondary{background:repeating-linear-gradient(45deg,#ffeaa74d,#ffeaa74d 12px,#ffeaa71a 12px 24px);border:1px solid rgba(255,234,167,.7)}.extra-secondary-row:nth-child(3) .extra-marker-secondary{background:repeating-linear-gradient(45deg,#a8dadc4d,#a8dadc4d 12px,#a8dadc1a 12px 24px);border:1px solid rgba(168,218,220,.7)}.extra-secondary-row:nth-child(4) .extra-marker-secondary{background:repeating-linear-gradient(45deg,#c792ea4d,#c792ea4d 12px,#c792ea1a 12px 24px);border:1px solid rgba(199,146,234,.7)}.extra-marker-cue{background:repeating-linear-gradient(45deg,#ff99334d,#ff99334d 8px,#4040404d 8px 16px);border:1px solid rgba(255,153,51,.7)}.extra-marker-silence{background:repeating-linear-gradient(45deg,#d3d3d34d,#d3d3d34d 8px,#7f8c8d4d 8px 16px);border:1px solid rgba(127,140,141,.3)}.extra-marker-hit-point{width:6px;height:20px;top:0;border-radius:6px;padding:0;background:linear-gradient(to bottom,#f5c517,#c9a00e);border:none;box-shadow:0 2px 6px #f5c51799;cursor:grab;position:absolute;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:visible}.extra-marker-hit-point i{font-size:14px;color:#09090b;opacity:1;pointer-events:none}.extra-marker-shift-point{width:6px;height:20px;top:0;border-radius:6px;padding:0;background:linear-gradient(to bottom,#f5c517,#c9a00e);border:none;box-shadow:0 2px 6px #f5c51799;cursor:grab;position:absolute;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:visible}.extra-marker-shift-point i{font-size:14px;color:#09090b;opacity:1;pointer-events:none}.extra-marker-shift-point:hover,.extra-marker-hit-point:hover{box-shadow:0 2px 12px #f5c517e6,0 0 16px #f5c51780}.extra-secondary-row:nth-child(7) .extra-marker-secondary,.extra-secondary-row:nth-child(8) .extra-marker-secondary{width:4px!important;height:14px;top:0;border-radius:2px;padding:0}.extra-secondary-row:nth-child(7) .extra-marker-secondary{background:linear-gradient(to bottom,#f5c517,#c9a00e);border:none;box-shadow:0 2px 4px #f5c51780}.extra-secondary-row:nth-child(8) .extra-marker-secondary{background:linear-gradient(to bottom,#f5c517,#c9a00e);border:none;box-shadow:0 2px 4px #f5c51780}.extra-marker-selected{box-shadow:0 0 0 2px #f5c51799,inset 0 0 0 1px #ffffff40}.extra-marker-label{position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#09090b;color:#f4f4f5;padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #2A2A32;pointer-events:none}.extra-marker-secondary:has(+.extra-marker-label) .extra-marker-label,.extra-marker-point .extra-marker-label{transform:translate(-5px,4px)}.extra-marker-hit-point .extra-marker-label{transform:translate(-5px,4px)}.marker-type-modal .marker-modal-actions{grid-area:actions;grid-column:1 / -1;display:flex;gap:1rem;justify-content:flex-end}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.marker-type-modal h3{margin:0 0 1.5rem;color:#f4f4f5;font-size:1.3rem;text-align:center}.marker-type-selector{display:flex;flex-direction:column;gap:.8rem;margin-bottom:.8rem}.type-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;align-items:center}.type-group-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#f5c517b3;margin-bottom:0;width:100%;margin-bottom:.3rem}.type-toggle{flex:1;padding:.8rem 1rem;border:2px solid #2A2A32;background:#ffffff08;color:#a1a1aa;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0}.type-toggle:hover{border-color:#52525b;background:#f5c51714;color:#f4f4f5}.type-toggle.active{border-color:#f5c517;background:#f5c51733;color:#f5c517;box-shadow:0 0 10px #f5c51733}.marker-input-group{display:flex;flex-direction:column;gap:.2rem;margin-bottom:0}.marker-input-group label{color:#a1a1aa;font-size:12px;font-weight:600}.marker-input-group input{padding:8px 10px;background:#111115;border:1px solid #2A2A32;border-radius:6px;color:#f4f4f5;font-size:13px;transition:all .3s ease}.marker-input-group input:focus{outline:none;border-color:#f5c517;background:#f5c51714;box-shadow:0 0 8px #f5c51726}.marker-input-group input::placeholder{color:#52525b}.marker-input-group textarea{padding:8px 10px;background:#111115;border:1px solid #2A2A32;border-radius:6px;color:#f4f4f5;font-size:13px;font-family:inherit;transition:all .3s ease;resize:vertical}.marker-input-group textarea:focus{outline:none;border-color:#f5c517;background:#f5c51714;box-shadow:0 0 8px #f5c51726}.marker-input-group textarea::placeholder{color:#52525b}.marker-modal-actions{grid-area:actions;display:flex;gap:1rem;width:100%;flex-shrink:0;padding-top:.5rem;border-top:1px solid #2A2A32}.btn-cancel,.btn-confirm{flex:1;padding:8px 16px;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.btn-cancel{background:transparent;color:#a1a1aa;border:1px solid #323240}.btn-cancel:hover{background:#ffffff0f;color:#f4f4f5}.btn-confirm{background:#f5c517;color:#09090b}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f5c51766}.emotion-picker-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease}.emotion-picker{background:#18181c;border:1px solid #2A2A32;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.emotion-picker h4{margin:0 0 1.5rem;color:#f5c517;font-size:1.2rem;text-align:center}.intensity-picker-content h4{margin:0 0 1.5rem;color:#f4f4f5;font-size:1.2rem;text-align:center}.emotion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;margin-bottom:1.5rem}.emotion-option{padding:.8rem 1rem;border:2px solid #2A2A32;background:#ffffff08;color:#a1a1aa;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap;text-align:center}.emotion-option:hover{border-color:#f5c517;background:#f5c51726;color:#f5c517;transform:translateY(-2px);box-shadow:0 4px 12px #f5c51733}.intensity-slider-wrapper{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:#f5c51714;border-radius:8px;border:1px solid rgba(245,197,23,.2);width:100%}.intensity-value-display{text-align:center;font-size:2rem;font-weight:700;color:#f4f4f5}.intensity-slider{width:100%;height:10px;border-radius:5px;background:linear-gradient(90deg,#c9a00e,#f5c517);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#f4f4f5;cursor:pointer;box-shadow:0 2px 8px #f5c51766;border:2px solid #F5C517;transition:all .2s ease}.intensity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #f5c51799}.intensity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#f4f4f5;cursor:pointer;box-shadow:0 2px 8px #f5c51766;border:2px solid #F5C517;transition:all .2s ease}.intensity-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #f5c51799}.intensity-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#a1a1aa;font-weight:500}.btn-confirm:active{transform:translateY(0)}.marker-type-modal-overlay>.marker-type-modal:has(>h3:contains("Descripción")){max-width:500px}.marker-type-modal:not(:has(.marker-type-modal-right-column)){max-width:500px}.marker-type-modal:not(:has(.marker-type-modal-right-column)) .marker-type-modal-content{grid-template-columns:1fr}.extra-marker-tempo{width:10px;height:22px;top:0;border-radius:6px;padding:0;background:linear-gradient(to bottom,#f5c517,#c9a00e);border:none;box-shadow:0 2px 6px #f5c51799;cursor:grab;position:absolute;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:visible}.extra-marker-tempo i{font-size:10px;color:#09090b;opacity:1;pointer-events:none}.extra-marker-tempo:hover{box-shadow:0 2px 12px #f5c517e6,0 0 16px #f5c51780}.extra-marker-emotional{width:12px;height:22px;top:0;border-radius:6px;padding:0;background:linear-gradient(to bottom,#f5c517,#c9a00e);border:none;box-shadow:0 2px 6px #f5c51799;cursor:grab;position:absolute;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:visible}.extra-marker-emotional i{font-size:12px;color:#09090b;opacity:1;pointer-events:none}.extra-marker-emotional:hover{box-shadow:0 2px 12px #f5c517e6,0 0 16px #f5c51780}.modal-content.midi-export-modal{background-color:#111115!important;max-width:600px;max-height:90vh;border:1px solid #2A2A32}.midi-export-modal{background-color:#111115}.midi-export-modal .modal-header{border-bottom:1px solid #2A2A32;background-color:#111115;padding:16px 20px}.midi-export-modal .modal-header h2{color:#f4f4f5;margin:0}.midi-export-modal .close-btn{background-color:transparent;color:#52525b;border:none;cursor:pointer;font-size:24px;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.midi-export-modal .close-btn:hover{color:#f4f4f5}.export-info{overflow-y:auto;max-height:500px;padding:0 5px;color:#f4f4f5}.info-row{display:flex;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #2A2A32}.info-item{flex:1;display:flex;flex-direction:column;gap:6px}.info-label{font-size:12px;color:#52525b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;font-weight:600;color:#f5c517}.marker-stats{display:flex;flex-direction:column;gap:12px}.stats-row{display:flex;gap:12px;flex-wrap:wrap}.stat-item{flex:1;min-width:150px;display:flex;flex-direction:column;justify-content:center;padding:12px;background-color:#f5c51714;border:1px solid rgba(245,197,23,.2);border-radius:6px;transition:all .2s ease}.stat-item:hover{background-color:#f5c5171f;border-color:#f5c51766}.stat-label{font-size:11px;color:#52525b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:18px;font-weight:700;color:#f5c517}.midi-notes{margin-top:20px;padding:12px;background-color:#f5c51714;border:1px solid rgba(245,197,23,.2);border-radius:6px}.note-text{margin:6px 0;font-size:12px;color:#c9a00e;line-height:1.4}.note-text:last-child{margin-bottom:0}.export-message{margin-top:16px;padding:12px;background-color:#f5c51714;border:1px solid rgba(245,197,23,.3);border-radius:6px;color:#f5c517;font-size:13px;text-align:center;font-weight:500}.midi-export-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #2A2A32}.midi-export-modal .btn{padding:10px 20px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.midi-export-modal .btn:disabled{opacity:.5;cursor:not-allowed}.midi-export-modal .btn-primary{background-color:#f5c517;color:#09090b}.midi-export-modal .btn-primary:hover:not(:disabled){background-color:#c9a00e;box-shadow:0 0 12px #f5c51766}.midi-export-modal .btn-secondary{background-color:transparent;color:#a1a1aa;border:1px solid #323240}.midi-export-modal .btn-secondary:hover:not(:disabled){background-color:#ffffff0f;border-color:#52525b}.tempo-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tempo-modal{background:#18181c;border:2px solid #2A2A32;border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 20px #f5c5171a;min-width:420px;max-width:500px;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.tempo-modal .modal-header{padding:1.5rem;border-bottom:1px solid #2A2A32;display:flex;align-items:center;gap:1rem}.tempo-modal .modal-emoji{font-size:2rem}.tempo-modal .modal-header h3{margin:0;color:#f5c517;font-size:1.3rem;font-weight:600}.tempo-modal .modal-body{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.tempo-display{text-align:center;padding:1rem;background:#f5c51714;border-radius:8px;border:1px solid rgba(245,197,23,.2)}.tempo-value{font-size:2.5rem;font-weight:700;color:#f5c517}.tempo-unit{font-size:.95rem;color:#c9a00e;font-weight:600;margin-top:.25rem}.slider-container{display:flex;flex-direction:column;gap:1rem}.tempo-slider{width:100%;height:8px;border-radius:5px;background:linear-gradient(90deg,#c9a00e,#f5c517);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#f4f4f5;cursor:pointer;box-shadow:0 2px 8px #f5c51766;border:2px solid #F5C517;transition:all .2s ease}.tempo-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #f5c51799}.tempo-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#f4f4f5;cursor:pointer;box-shadow:0 2px 8px #f5c51766;border:2px solid #F5C517;transition:all .2s ease}.tempo-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #f5c51799}.slider-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#a1a1aa;font-weight:500}.common-tempos{display:flex;flex-direction:column;gap:.75rem}.tempos-label{margin:0;font-size:.85rem;color:#a1a1aa;font-weight:600;text-transform:uppercase}.tempo-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.tempo-btn{padding:.6rem;border:2px solid rgba(245,197,23,.3);background:#f5c5170d;color:#c9a00e;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:DM Mono,monospace}.tempo-btn:hover{background:#f5c51726;border-color:#f5c517;color:#f5c517}.tempo-btn.active{background:#f5c517;border-color:#f5c517;color:#09090b}.tempo-modal .modal-footer{padding:1.5rem;border-top:1px solid #2A2A32;display:flex;gap:1rem;justify-content:flex-end}.tempo-modal .modal-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.tempo-modal .modal-btn-cancel{background:transparent;color:#a1a1aa;border:1px solid #323240}.tempo-modal .modal-btn-cancel:hover{background:#ffffff0f;color:#f4f4f5}.tempo-modal .modal-btn-confirm{background:#f5c517;color:#09090b}.tempo-modal .modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5c51766}.tempo-modal .modal-btn-confirm:active{transform:translateY(0)}@media(max-width:480px){.tempo-modal{min-width:90%;max-width:90%}.tempo-buttons{grid-template-columns:repeat(3,1fr)}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#18181c;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;max-width:500px;width:90%;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #2A2A32;background-color:#111115}.modal-header h2{margin:0;font-size:20px;color:#f4f4f5}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#52525b;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#f4f4f5}.modal-body{padding:20px}.modal-description{margin:0 0 16px;color:#a1a1aa;font-size:14px;line-height:1.5}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#a1a1aa;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:2px solid #2A2A32;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box;color:#f4f4f5;background-color:#111115}.form-group input::placeholder{color:#52525b}.form-group input:focus{outline:none;border-color:#f5c517;background-color:#1f1f25;box-shadow:0 0 0 3px #f5c5171a}.form-group input:disabled{background-color:#1f1f25;color:#52525b;cursor:not-allowed}.help-text{display:block;margin-top:4px;color:#52525b;font-size:12px}.error-message{padding:10px 12px;margin-bottom:16px;background-color:#c9a00e26;border:1px solid rgba(201,160,14,.3);border-radius:6px;color:#c9a00e;font-size:14px}.modal-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background-color:#f5c517;color:#09090b}.btn-primary:hover:not(:disabled){background-color:#c9a00e;box-shadow:0 4px 6px -1px #f5c5174d}.btn-primary:disabled{background-color:#52525b;cursor:not-allowed}.btn-secondary{background-color:transparent;color:#a1a1aa;border:1px solid #323240}.btn-secondary:hover:not(:disabled){background-color:#ffffff0f}.btn-secondary:disabled{background-color:#1f1f25;color:#52525b;cursor:not-allowed}.vimeo-modal{border-left:4px solid #F5C517}.vimeo-modal .modal-header{background:#f5c51714}.google-drive-modal{border-left:4px solid #F5C517}.google-drive-modal .modal-header{background:#f5c51714}.welcome-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-modal{background:linear-gradient(135deg,#18181c,#09090b);border:2px solid #2A2A32;width:90%;max-width:750px;box-shadow:0 8px 32px #000000b3,0 0 40px #f5c5170d;display:grid;grid-template-columns:1fr 2.5fr;gap:0;animation:welcomeSlideIn .5s ease-out;overflow:hidden;border-radius:16px}@keyframes welcomeSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.welcome-column{display:flex;flex-direction:column;justify-content:center;padding:2rem}.welcome-column-left{background:#f5c5170a;border-right:1px solid #2A2A32;align-items:center}.welcome-column-right{gap:1.2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.welcome-logo-container{display:flex;justify-content:center;align-items:center;width:100%}.welcome-logo{width:140px;height:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(245,197,23,.15))}.welcome-tagline{padding:1rem;border:1px dashed rgba(245,197,23,.3);border-radius:8px;background:#f5c5170a;width:100%}.welcome-tagline p{margin:0;font-size:1.1rem;font-style:italic;color:#f4f4f5;line-height:1.5;letter-spacing:.5px}.welcome-info{padding:1rem;background:#ffffff05;border-radius:8px;width:100%}.welcome-info-section{margin-bottom:.6rem;text-align:left}.welcome-info-section:last-child{margin-bottom:0}.info-label{margin:0 0 .2rem;font-size:.7rem;color:#52525b;text-transform:uppercase;letter-spacing:1px}.info-value{margin:0;font-size:.9rem;color:#f5c517;font-weight:600}.welcome-divider{height:1px;background:#2a2a32;margin:.8rem 0}.welcome-copyright{padding-top:.6rem;width:100%}.welcome-copyright p{margin:.2rem 0;font-size:.75rem;color:#52525b;line-height:1.4;text-align:left}.welcome-rights{font-size:.65rem;color:#52525b;margin-top:.5rem}.welcome-close-btn{padding:.6rem 1.5rem;background:#f5c517;border:none;border-radius:6px;color:#09090b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:1px;align-self:center}.welcome-close-btn:hover{background:#c9a00e;box-shadow:0 4px 16px #f5c51766;transform:translateY(-2px)}.welcome-close-btn:active{transform:translateY(0)}@media(max-width:700px){.welcome-modal{grid-template-columns:1fr}.welcome-column-left{border-right:none;border-bottom:1px solid #2A2A32;padding:1.5rem}.welcome-column-right{padding:1.5rem}.welcome-logo{width:120px}.welcome-tagline p{font-size:1rem}.welcome-info-section,.welcome-copyright p{text-align:center}.welcome-close-btn{align-self:center}}.video-uploader{width:100%;height:auto;border:2px dashed #F5C517;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5c51714;background-size:200% 200%;transition:all .3s ease;cursor:pointer;margin:0 auto;padding:.5rem 1.5rem}.video-uploader.dragging{border-color:#f5c517;background-position:100% 100%;transform:scale(1.02)}.upload-content{text-align:center;padding:30px;color:#f4f4f5;width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-label{font-size:.9rem;margin:0;opacity:.9;font-weight:500}.buttons-row{display:flex;gap:.8rem;justify-content:center;align-items:center;width:100%;flex-wrap:wrap}.compact-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #323240;border-radius:6px;color:#a1a1aa;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.compact-btn:hover{background:#f5c51726;border-color:#f5c517;color:#f4f4f5;transform:translateY(-1px);box-shadow:0 3px 10px #0003}.file-btn{padding:.6rem 1rem!important}.vimeo-btn:hover,.google-drive-btn:hover{border-color:#f5c517}.spinner-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:20px;background:#00000080;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000004d}.spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner-ring{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:4px solid #667eea;border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#667eea transparent transparent transparent}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-message{margin:0;font-size:16px;color:#333;font-weight:500;text-align:center}.storylayer-logo-container{width:auto;padding:0;display:flex;justify-content:center;align-items:center}.storylayer-logo-image{max-width:100%;height:auto;max-height:169px;object-fit:contain;padding-left:0rem}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-header{text-align:center;padding:0;background:var(--bg2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--border);min-height:auto}.app-header h1{display:none}.video-section-title{font-size:1.5rem;color:var(--text2);margin-bottom:1rem;text-align:center;font-weight:500}.app-header p{margin:.5rem 0 0;color:var(--text2);font-size:1.1rem}.app-main{flex:1;padding:0;display:flex;flex-direction:row;gap:0;height:calc(100vh - 490px);overflow:hidden}.app-main-left{width:20%;padding:.75rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto}.app-main-right{width:80%;padding:0;background:var(--bg);border-left:2px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;height:100%;box-sizing:border-box;margin-right:0}.milliseconds-top{padding:0;background:var(--bg2);border-bottom:1px solid var(--border);position:relative;display:flex;flex-direction:column}.time-display-container{padding:12px 0 0;border-bottom:1px solid var(--border)}.video-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px}.video-back-btn{padding:4px 10px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.25);border-radius:6px;color:var(--story);cursor:pointer;font-size:14px;font-weight:600;transition:all .15s;margin:0 2px 4px}.video-back-btn:hover{background:rgba(var(--accent-rgb),.22)}.mode-toggle{display:flex;gap:4px;width:100%;margin-bottom:12px}.mode-toggle-btn{flex:1;padding:7px 8px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--bg3);color:var(--text3)}.mode-toggle-btn:hover{color:var(--text2);background:var(--bg4)}.mode-toggle-btn.active{background:rgba(var(--accent-rgb),.2);color:var(--story);border-color:rgba(var(--accent-rgb),.3);font-weight:600}.video-refs-section{margin-top:12px;padding:12px 14px;background:rgba(var(--accent-rgb),.04);border:1px solid var(--border);border-radius:10px;width:100%;max-height:180px;overflow-y:auto;box-sizing:border-box}.video-refs-title{margin:0 0 10px;font-size:10px;font-weight:600;color:var(--story);text-transform:uppercase;letter-spacing:.8px}.video-refs-list{display:flex;flex-direction:column;gap:6px}.video-ref-item{padding:8px 10px;background:var(--bg3);border-radius:6px;display:flex;align-items:center;gap:8px;justify-content:space-between}.video-ref-link{flex:1;display:flex;align-items:center;gap:5px;color:var(--story);text-decoration:none;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-ref-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-ref-play-btn{padding:4px 10px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.25);border-radius:5px;color:var(--story);cursor:pointer;font-size:11px;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:all .15s}.video-ref-play-btn:hover{background:rgba(var(--accent-rgb),.25)}.time-display{display:flex;gap:1rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.time-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:60px}.time-item label{font-size:.7rem;color:var(--text2);font-weight:500;text-transform:uppercase;white-space:nowrap;letter-spacing:.5px}.time-item span{font-family:DM Mono,monospace;font-size:1.1rem;color:var(--text);font-weight:700;text-shadow:0 0 3px rgba(var(--accent-rgb),.3)}.timeline-controls-bar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;width:100%;overflow:visible;padding:.5rem 1rem;padding-bottom:35px;padding-top:85px;padding-right:50px}.timeline-left-controls{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;margin-right:1rem;align-items:flex-start}.marker-buttons-group{display:flex;gap:.5rem}.marker-btn{flex-shrink:0;padding:6px 10px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3);border-radius:6px;color:var(--story)!important;font-size:11px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:inherit}.marker-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.25);border-color:rgba(var(--accent-rgb),.5);color:var(--story)!important}.marker-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--bg4);border-color:var(--border2);color:var(--text3)!important}.marker-btn-add{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3);color:var(--story)!important}.marker-btn-add:hover{background:rgba(var(--accent-rgb),.25);border-color:rgba(var(--accent-rgb),.5);color:var(--story)!important}.marker-btn-delete{background:#ff4c4c1a;border-color:#ff4c4c33;color:#ff4c4ce6!important}.marker-btn-delete:hover:not(:disabled){background:#ff4c4c33;border-color:#ff4c4c66;color:#ff4c4c!important}.snap-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text3);font-size:14px;cursor:pointer;transition:all .15s;padding:0;margin-bottom:4px;margin-left:23px}.snap-toggle:hover{color:var(--text2)}.snap-toggle.enabled{color:rgba(var(--accent-rgb),.8)}.snap-toggle.enabled:hover{color:rgba(var(--accent-rgb),1)}.snap-toggle.disabled{color:var(--text3)}.marker-btn-initialize{background:var(--bg4);border-color:var(--border2);color:var(--text2)!important}.marker-btn-initialize:hover{background:var(--border);border-color:var(--border2);color:var(--text)!important}.marker-counts{display:flex;gap:.8rem;flex-shrink:0;margin-top:0;flex-wrap:wrap}.count-badge{padding:.6rem .8rem;background:var(--bg3);border:1px solid var(--border);border-radius:4px;font-size:.65rem;color:var(--text2);white-space:nowrap}.count-badge-compact{padding:.4rem .5rem;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text2);text-align:center;min-width:60px;display:flex;flex-direction:column;gap:.2rem;line-height:1}.count-title{font-size:.6rem;color:var(--text3);text-transform:uppercase;letter-spacing:.3px}.count-value{font-size:.75rem;font-weight:600;color:var(--accent)}.timeline-filters{position:fixed;bottom:0;left:20%;right:0;display:flex;flex-direction:column;gap:.6rem;padding:.6rem .8rem;background:var(--bg);border-top:2px solid var(--border);border-left:2px solid var(--border);z-index:1000}.filter-controls{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;width:100%}.filter-buttons-section{display:flex;flex-direction:row;gap:.8rem;flex-shrink:0;padding-right:.2rem;border-right:2px solid var(--border);align-items:flex-start}.filter-buttons-column{display:flex;flex-direction:row;gap:.3rem}.filter-switches-section{display:flex;flex-direction:row;gap:1.2rem;flex:1;justify-content:flex-start;align-items:center;flex-wrap:wrap}.filter-group-horizontal{display:flex;align-items:flex-start;gap:.8rem}.filter-group-horizontal.filter-group-row-1{display:flex;align-items:flex-start;gap:1.2rem;width:auto;margin-bottom:0}.filter-group-horizontal.filter-group-row-2{display:flex;align-items:center;gap:.8rem}.filter-group-left,.filter-group-right,.filter-group-especiales{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-wrap:nowrap;white-space:nowrap;position:relative;padding:0 1rem}.filter-group-left:after,.filter-group-right:after{content:"";position:absolute;right:-.7rem;top:.8rem;bottom:0;width:1px;background:var(--bg4)}.filter-group-left .filter-group-title,.filter-group-right .filter-group-title,.filter-group-especiales .filter-group-title{min-width:auto;flex-shrink:0;font-size:.65rem;text-transform:uppercase;letter-spacing:.2px;text-align:center;width:100%}.filter-group-horizontal .filter-group-title{min-width:auto;flex-shrink:0;font-size:.65rem;text-transform:uppercase;letter-spacing:.2px}.filter-switches{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.filter-switch{display:flex;align-items:center;gap:.4rem;position:relative;cursor:pointer}.filter-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.switch-slider{position:relative;display:inline-block;width:32px;height:16px;background-color:var(--border2);border-radius:16px;transition:background-color .3s ease}.switch-slider:before{content:"";position:absolute;height:12px;width:12px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .3s ease}.filter-switch input[type=checkbox]:checked+.switch-slider{background-color:var(--accent)}.filter-switch input[type=checkbox]:checked+.switch-slider:before{transform:translate(16px)}.switch-label{color:var(--text2);font-size:.6rem;-webkit-user-select:none;user-select:none;transition:color .2s ease}.filter-switch:hover .switch-label{color:var(--text)}.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text2);font-size:.9rem;transition:color .2s ease}.filter-checkbox:hover{color:var(--text)}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.filter-checkbox span{-webkit-user-select:none;user-select:none}.marker-selected{box-shadow:0 0 0 2px var(--text2)!important;z-index:999!important}.timeline-slider-wrapper{position:relative;flex:1;height:25px;display:flex;overflow:visible;z-index:70;padding:2.5px 0}.ms-slider-top{width:100%;height:33px;background:rgba(var(--accent-rgb),.25);border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;position:relative;z-index:0;pointer-events:auto;margin-top:-10px}.timeline-scrubber{position:absolute;top:0;left:50%;width:2px;height:100%;transform:translate(-50%);background:repeating-linear-gradient(to bottom,rgba(208,208,208,.5) 0px,rgba(208,208,208,.5) 4px,transparent 4px,transparent 8px);box-shadow:0 0 10px #d0d0d073,0 0 20px #d0d0d04d;z-index:2;pointer-events:none}.timeline-scrubber:after{content:"";position:absolute;top:-12px;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #e74c3c;transform:translate(-50%) translateY(-50%)}.timeline-scrubber-wrapper{position:absolute;top:40px;width:0;height:calc(100% - 56px);z-index:1;pointer-events:none;transform:translate(-50%)}.timeline-scrubber-container{position:absolute;top:220px;width:3px;height:100%;z-index:2;pointer-events:none;transform:translate(-50%)}.timeline-snap-guides{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.snap-guide{position:absolute;top:0;width:2px;height:100%;background:linear-gradient(to bottom,#ffd700e6,#ffa500e6);box-shadow:0 0 8px #ffd700cc,0 0 16px #ffa50099;animation:snapPulse .6s ease-in-out infinite;pointer-events:none;transform:translate(-50%)}@keyframes snapPulse{0%,to{opacity:.8;box-shadow:0 0 8px #ffd700cc,0 0 16px #ffa50099}50%{opacity:1;box-shadow:0 0 12px gold,0 0 24px #ffa500cc}}.timeline-cues-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:50;border-radius:4px;overflow:visible}.timeline-markers-overlay{position:absolute;top:0;left:0;width:100%;height:16px;pointer-events:auto;z-index:60;border-radius:4px;overflow:visible}.timeline-range-markers{position:absolute;top:0;left:0;width:100%;height:16px;z-index:150;pointer-events:none;border-radius:2px}.timeline-scene-markers-container{pointer-events:auto}.timeline-silence-markers-container,.timeline-cue-markers-container{pointer-events:none}.timeline-point-markers{position:absolute;top:0;left:0;width:100%;height:auto;min-height:16px;z-index:200;pointer-events:none;overflow:visible}.timeline-hit-markers-container{z-index:250;pointer-events:none;overflow:visible}.timeline-shift-markers-container{z-index:240;pointer-events:none;overflow:visible}.timeline-cue-marker{position:absolute;top:50%;transform:translateY(-50%);height:8px;background:repeating-linear-gradient(45deg,#ff99334d,#ff99334d 8px,#4040404d 8px 16px);border:1px solid rgba(255,153,51,.7);border-radius:3px;cursor:grab;-webkit-user-select:none;user-select:none;transition:opacity .2s;z-index:100;display:flex;align-items:center;justify-content:flex-start;padding:0;font-size:.75rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:visible;text-overflow:ellipsis;pointer-events:auto}.timeline-cue-marker:after{content:attr(data-label);pointer-events:none;position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:300;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-cue-marker:hover{background:repeating-linear-gradient(45deg,#ff9933b3,#ff9933b3 8px,#404040b3 8px 16px);box-shadow:inset 0 0 8px #ff9933b3}.timeline-cue-marker .marker-icon{font-size:14px;color:#ff9933e6;opacity:1}.timeline-cue-marker .marker-frame-preview{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;display:none;z-index:1052}.timeline-cue-marker:hover .marker-frame-preview{display:block}.marker-resize-handle{flex:0 0 8px;height:100%;cursor:ew-resize;position:relative;z-index:10;pointer-events:auto;background:transparent;margin:0 -4px}.marker-resize-left{order:1}.marker-resize-right{order:3}.marker-center{flex:1 1 auto;display:flex;align-items:center;justify-content:center;cursor:grab;pointer-events:auto;height:100%;background:transparent;order:2;flex-shrink:0}.marker-center:active{cursor:grabbing}.timeline-silence-marker{position:absolute;top:50%;transform:translateY(-50%);height:8px;background:repeating-linear-gradient(45deg,#d3d3d34d,#d3d3d34d 8px,#7f8c8d4d 8px 16px);border:1px solid rgba(127,140,141,.3);border-radius:3px;cursor:grab;transition:opacity .2s;z-index:100;display:flex;align-items:center;justify-content:flex-start;padding:0;font-size:.75rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:visible;text-overflow:ellipsis;pointer-events:auto}.timeline-silence-marker:after{content:attr(data-label);pointer-events:none;position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-silence-marker:hover{background:repeating-linear-gradient(45deg,#d3d3d3b3,#d3d3d3b3 8px,#7f8c8db3 8px 16px);box-shadow:inset 0 0 8px #7f8c8d66}.timeline-silence-marker .marker-icon{font-size:14px;color:#7f8c8de6;opacity:1}.timeline-silence-marker .marker-frame-preview{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;display:none;z-index:1052}.timeline-silence-marker:hover .marker-frame-preview{display:block}.timeline-hit-marker{position:absolute;height:160%;width:6px;top:-30%;background:linear-gradient(to bottom,#e74c3c,#c0392b);border-radius:6px;cursor:grab;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);display:flex;align-items:flex-start;justify-content:center;box-shadow:0 3px 8px #e74c3c80;padding-top:6px;z-index:1050;overflow:visible}.timeline-hit-marker>i{font-size:14px;color:#fff;opacity:1;pointer-events:none}.timeline-hit-marker:hover{width:8px;background:linear-gradient(to bottom,#ff6b5a,#e74c3c);box-shadow:0 0 14px #e74c3ccc;top:-32%;height:170%}.timeline-hit-marker:active{cursor:grabbing}.timeline-hit-marker .marker-icon{font-size:14px;color:#fff;opacity:1;pointer-events:none}.timeline-hit-marker .marker-label{pointer-events:none;display:none}.timeline-hit-marker:before{content:attr(data-label);position:absolute;top:-21px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:500;color:var(--text);background:transparent;padding:2px 4px;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);z-index:10000;border-radius:2px;display:block}.timeline-hit-marker .marker-frame-preview{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;display:none;z-index:1052}.timeline-hit-marker:hover .marker-frame-preview{display:block}.timeline-shift-marker{position:absolute;height:160%;width:6px;top:-30%;background:linear-gradient(to bottom,#f39c12,#d68910);border-radius:6px;cursor:grab;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);display:flex;align-items:flex-start;justify-content:center;box-shadow:0 3px 8px #f39c1280;padding-top:6px;z-index:1040;overflow:visible}.timeline-shift-marker>i{font-size:14px;color:#fff;opacity:1;pointer-events:none}.timeline-shift-marker:hover{width:8px;background:linear-gradient(to bottom,#f1c40f,#f39c12);box-shadow:0 0 14px #f39c12cc;top:-32%;height:170%}.timeline-shift-marker:active{cursor:grabbing}.timeline-shift-marker .marker-icon{font-size:14px;color:#fff;opacity:1;pointer-events:none}.timeline-shift-marker .marker-label{pointer-events:none;display:none}.timeline-shift-marker:before{content:attr(data-label);position:absolute;top:-21px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:500;color:var(--text);background:transparent;padding:2px 4px;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);z-index:10000;border-radius:2px;display:block}.timeline-shift-marker .marker-frame-preview{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;display:none;z-index:1042}.timeline-shift-marker:hover .marker-frame-preview{display:block}.timeline-shift-marker:before{content:attr(data-label);position:absolute;top:-21px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:500;color:var(--text);background:transparent;padding:2px 4px;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);pointer-events:none;z-index:1041;display:block;opacity:1;visibility:visible;border:0px none #555}.timeline-emotional-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}.timeline-emotional-marker{position:absolute;top:-75px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);z-index:10}.timeline-emotional-marker[style*="opacity: 0.7"]{transition:none!important}.intensity-icon-badge{min-width:18px;min-height:26px;padding:.4rem;background:linear-gradient(135deg,#3c3c41f2,#2d2d32f2);border-radius:20px;font-size:.45rem;font-weight:800;color:#f5f5f51a;text-align:center;box-shadow:0 3px 8px #0006;border:2px solid var(--border2);transition:all .2s ease;display:flex;align-items:center;gap:.2rem;justify-content:center;white-space:nowrap;z-index:9999}.intensity-icon-badge i{font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;flex-shrink:0;color:#f5f5f5f2;font-weight:900;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));text-shadow:0 1px 1px rgba(0,0,0,.2)}.intensity-percentage{font-size:.7rem;font-weight:600;color:#f5f5f5f2;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1}.intensity-value{font-size:.8rem;font-weight:600;flex-shrink:0}.intensity-icon-badge span{font-size:.7rem}.timeline-emotional-marker:hover .intensity-icon-badge{background:linear-gradient(135deg,#4b4b50,#3c3c41);box-shadow:0 4px 12px #0009;transform:scale(1.1)}.marker-connector-line{position:absolute;width:2px;background:repeating-linear-gradient(to bottom,rgba(150,150,155,.4) 0px,rgba(150,150,155,.4) 4px,transparent 4px,transparent 8px);pointer-events:none;z-index:-1}.marker-connector-line:after{content:"";position:absolute;width:6px;height:6px;background:orange;border-radius:50%;left:50%;transform:translate(-50%)}.timeline-emotional-marker .marker-connector-line{top:100%;left:50%;transform:translate(-50%);height:30px}.timeline-emotional-marker .marker-connector-line:after{bottom:0}.timeline-tempo-marker .marker-connector-line{bottom:100%;left:50%;transform:translate(-50%);height:22px}.timeline-tempo-marker .marker-connector-line:after{top:0}.timeline-tempo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:300}.timeline-tempo-marker{position:absolute;margin-top:20px;top:45px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);z-index:300}.timeline-tempo-marker[style*="opacity: 0.7"]{transition:none!important}.timeline-tempo-marker .marker-icon{font-size:24px;color:var(--accent);filter:drop-shadow(0 2px 4px rgba(var(--accent-rgb),.4));transition:all .2s ease;order:1}.timeline-tempo-marker:hover .marker-icon{font-size:28px;color:var(--accent);filter:drop-shadow(0 3px 8px rgba(var(--accent-rgb),.7))}.timeline-tempo-marker .marker-label{display:block;font-size:.65rem;font-weight:700;margin-bottom:15px;color:var(--text)!important;background:linear-gradient(135deg,#3c3c41f2,#2d2d32f2);padding:5px 10px;border-radius:6px;border:0px solid var(--border2);white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.6);order:2;z-index:301;visibility:visible;opacity:1}.ms-slider-top::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;background:transparent;border:none;cursor:pointer;pointer-events:none;margin:0}.ms-slider-top::-webkit-slider-thumb:active{cursor:grabbing}.ms-slider-top::-moz-range-thumb{width:0;height:0;background:transparent;border:none;cursor:pointer;pointer-events:none;margin:0}.ms-slider-top::-moz-range-thumb:active{cursor:grabbing}.app-footer{text-align:center;padding:1.2rem;background:var(--bg2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid var(--border);color:var(--text2);font-size:.9rem}.tabs-container{display:none;gap:0;border-bottom:1px solid var(--border);padding:0;margin:0;background:var(--bg)}.tab-btn{flex:1;padding:8px 4px;border:none;background:transparent;color:var(--text3);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;font-family:inherit}.tab-btn:hover{color:var(--text2)}.tab-btn.active{color:var(--story);border-bottom-color:var(--story)}.proyecto-tab{width:100%;height:100%;display:flex}.proyecto-form{display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border-radius:0;border:none;width:100%;height:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.proyecto-panel-grid{flex:1;display:grid;grid-template-columns:1fr 35%;gap:1rem;min-height:0}.proyecto-detail-wrap{display:flex;flex-direction:column;height:100%;padding:20px;width:100%}.proyecto-detail-card{background:rgba(var(--accent-rgb),.06);border-radius:12px;padding:20px 24px;margin-bottom:20px;border-left:3px solid rgba(var(--accent-rgb),.5);width:100%;box-sizing:border-box}.proyecto-detail-title{margin:0 0 16px;color:var(--story);font-size:15px;font-weight:600}.proyecto-detail-grid{display:grid;gap:20px}.proyecto-detail-grid.cols-6{grid-template-columns:repeat(6,1fr)}.proyecto-detail-grid.cols-4{grid-template-columns:repeat(4,1fr)}.proyecto-detail-grid.cols-3{grid-template-columns:repeat(3,1fr)}.detail-label{margin:0 0 3px;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.detail-value{margin:0;color:var(--text);font-size:13px;font-weight:500}.detail-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.detail-section-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;font-weight:600;display:block;margin-bottom:8px}.detail-synopsis-box{min-height:140px;padding:12px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:var(--text2)}.detail-synopsis-box.empty{color:var(--text3);font-style:italic}.detail-content-box{height:220px;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text2);overflow-y:auto}.detail-content-item{padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:8px}.detail-content-item:last-child{border-bottom:none;margin-bottom:0}.detail-content-sub{font-size:11px;color:var(--text3);margin-left:16px}.detail-content-empty{margin:0;color:var(--text3);font-style:italic;font-size:11px}.detail-ref-link{color:var(--story);text-decoration:underline;font-size:11px}.detail-ref-link:hover{opacity:.8}.detail-play-btn{padding:2px 8px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.25);border-radius:4px;color:var(--story);cursor:pointer;font-size:10px;font-family:inherit;white-space:nowrap;transition:all .15s}.detail-play-btn:hover{background:rgba(var(--accent-rgb),.25)}.stats-panel{display:flex;flex-direction:column;gap:12px;overflow:auto}.stats-section{border-radius:12px;padding:16px 20px;background:var(--bg2);border:1px solid var(--border)}.stats-title{margin:0 0 12px;font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:1px}.stat-card{background:rgba(var(--accent-rgb),.05);padding:12px 14px;border-radius:8px;border-left:3px solid rgba(var(--accent-rgb),.4);margin-bottom:10px}.stat-card:last-child{margin-bottom:0}.stat-card-label{margin:0 0 4px;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}.stat-card-value{margin:0;font-size:20px;color:var(--story);font-weight:700}.stats-uploader-box{border-radius:12px;padding:16px 20px;background:var(--bg2);border:1px dashed rgba(var(--accent-rgb),.25)}.stats-video-loaded{text-align:center;color:var(--story);width:100%}.stats-video-loaded p:first-child{margin:0 0 4px;font-size:13px;font-weight:600}.stats-video-loaded p:last-child{margin:0;font-size:11px;color:var(--text3)}.panel-action-btn{padding:8px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;width:auto;min-width:fit-content;background:rgba(var(--accent-rgb),.1);color:var(--story);border:1px solid rgba(var(--accent-rgb),.25)}.panel-action-btn:hover{background:rgba(var(--accent-rgb),.18)}.panel-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3);font-size:13px;text-align:center}.form-group label{font-size:.95rem;font-weight:600;color:var(--text);text-transform:capitalize}.form-group input,.form-group select{padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.form-group input::placeholder{color:var(--text3)}.form-group select option{background:var(--surface);color:var(--text)}@media(max-width:768px){.app-header h1{font-size:2rem}.app-header p{font-size:.95rem}.app-main{flex-direction:row;height:auto}.app-main-left{width:20%;padding:2rem;margin-right:.5rem}.app-main-right{width:80%;padding:20px;border-left:2px solid var(--border);border-top:none}}.secondary-timelines-header{margin-top:0;margin-bottom:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:0}.secondary-timelines-header>button{flex-shrink:0}.secondary-timelines-header>div{display:flex;flex-direction:column;flex-shrink:0;gap:.3rem;margin-left:0;margin-top:0rem}.collapse-button{background:var(--bg3);border:1px solid var(--bg4);color:var(--text2);padding:0 12px;margin-bottom:24px;margin-top:-20px;margin-left:15px;border-radius:4px;font-size:.5rem;font-weight:400;cursor:pointer;transition:all .2s ease;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;gap:4px}.collapse-button i{font-size:.65rem}.collapse-button-text{text-align:center;line-height:1.2}.collapse-button:hover{background:var(--bg4);border-color:var(--border2);color:var(--text)}.secondary-timelines-container{display:flex;width:100%;padding-bottom:26px;padding-left:1rem;padding-right:50px;max-height:500px;overflow:visible;transition:max-height .3s ease,opacity .3s ease;opacity:1}.secondary-timelines-container.collapsed{max-height:0;opacity:0;padding-bottom:0}.timeline-left-labels{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:96px}.timeline-label-inline{font-size:.7rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;padding-left:4px;min-width:90px;flex-shrink:0;text-align:right}.secondary-timelines{flex:1;display:flex;flex-direction:column;gap:20px;width:100%;padding-right:0}.timeline-counts-spacer{flex-shrink:0;visibility:hidden}.secondary-timeline-row{display:flex;flex-direction:row;width:100%;gap:12px;min-height:20px;align-items:center;margin-left:0;margin-right:0;overflow:visible}.timeline-track{position:relative;width:100%;height:20px;border-radius:4px;overflow:visible;flex:1}.timeline-track-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg4);border-radius:4px;z-index:1;pointer-events:none}.timeline-markers-secondary{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:3;overflow:visible}.timeline-markers-secondary>div{pointer-events:auto}.timeline-scene-marker{position:absolute;top:0;height:100%;background:#505050b3;border:1px solid rgba(200,200,200,.9);border-radius:3px;cursor:grab;transition:all .2s;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding:0;overflow:visible;pointer-events:auto;box-shadow:0 0 4px #c8c8c899,inset 0 0 2px #c8c8c84d;box-sizing:border-box}body.is-dragging .timeline-scene-marker{transition:none!important}.timeline-scene-marker:hover{opacity:1;box-shadow:0 0 6px #dcdcdccc,0 0 10px #c8c8c880,inset 0 0 4px #dcdcdc66}.timeline-scene-marker .marker-frame-preview{position:fixed;top:270px;left:50%;transform:translate(-50%);z-index:1052;display:none}.timeline-scene-marker:hover .marker-frame-preview{display:block}.timeline-emotion-marker{position:absolute;top:50%;transform:translateY(-50%);height:8px;background:repeating-linear-gradient(45deg,#ff6b6b4d,#ff6b6b4d 12px,#ff6b6b1a 12px 24px);border:1px solid rgba(255,107,107,.7);border-radius:3px;box-sizing:border-box;cursor:grab;transition:opacity .2s;z-index:2;display:flex;align-items:center;padding:0;font-size:.75rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:visible;text-overflow:ellipsis;pointer-events:auto}.timeline-emotion-marker:after{content:attr(data-label);pointer-events:none;position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-emotion-marker:hover{opacity:.9;box-shadow:0 2px 6px #ff6b6b66}.timeline-emotion-marker .marker-frame-preview{position:fixed;top:270px;left:50%;transform:translate(-50%);z-index:1052;padding:2px 6px}.timeline-narrative-marker{position:absolute;top:50%;transform:translateY(-50%);height:8px;background:repeating-linear-gradient(45deg,#ffeaa74d,#ffeaa74d 12px,#ffeaa71a 12px 24px);border:1px solid rgba(255,234,167,.7);border-radius:3px;cursor:grab;transition:opacity .2s;z-index:2;display:flex;align-items:center;padding:0;font-size:.75rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:visible;text-overflow:ellipsis;pointer-events:auto}.timeline-narrative-marker:after{content:attr(data-label);pointer-events:none;position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-narrative-marker .marker-frame-preview{position:fixed;top:270px;left:50%;transform:translate(-50%);z-index:1052;display:none}.timeline-narrative-marker:hover .marker-frame-preview{display:block}.timeline-focus-marker{position:absolute;top:50%;transform:translateY(-50%);height:8px;background:repeating-linear-gradient(45deg,#a8dadc4d,#a8dadc4d 12px,#a8dadc1a 12px 24px);border:1px solid rgba(168,218,220,.7);border-radius:3px;cursor:grab;transition:opacity .2s;z-index:2;display:flex;align-items:center;padding:0;font-size:.75rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:visible;text-overflow:ellipsis;pointer-events:auto}.timeline-focus-marker:after{content:attr(data-label);pointer-events:none;position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-focus-marker:hover{opacity:.9;box-shadow:0 2px 6px #a8dadc66}.timeline-focus-marker .marker-frame-preview{position:fixed;top:270px;left:50%;transform:translate(-50%);z-index:1052;display:none}.timeline-focus-marker:hover .marker-frame-preview{display:block}.timeline-intention-marker{position:absolute;top:50%;transform:translateY(-50%);height:8px;background:repeating-linear-gradient(45deg,#c792ea4d,#c792ea4d 12px,#c792ea1a 12px 24px);border:1px solid rgba(199,146,234,.7);border-radius:3px;cursor:grab;transition:opacity .2s;z-index:2;display:flex;align-items:center;padding:0;font-size:.75rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:visible;text-overflow:ellipsis;pointer-events:auto}.timeline-intention-marker:after{content:attr(data-label);pointer-events:none;position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-intention-marker:hover{opacity:.9;box-shadow:0 2px 6px #c792ea66}.timeline-intention-marker .marker-frame-preview{position:fixed;top:270px;left:50%;transform:translate(-50%);z-index:1052;display:none}.timeline-intention-marker:hover .marker-frame-preview{display:block}.marker-text{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;display:flex;align-items:center;padding:6px;font-size:.75rem;font-weight:500;color:var(--text);text-shadow:0 0 4px rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary-timelines .marker-resize-handle{flex:0 0 8px;height:100%;cursor:ew-resize;z-index:10;flex-shrink:0;pointer-events:auto;background:transparent}.secondary-timelines .marker-resize-left{order:1}.secondary-timelines .marker-resize-right{order:3}.secondary-timelines .marker-center{flex:1 1 auto;cursor:grab;pointer-events:auto;height:100%;background:transparent;order:2;display:flex;align-items:center;justify-content:center}.timeline-filters{display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-start}.filter-btn{padding:.8rem .2rem;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3);border-radius:4px;color:var(--text2);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.2rem;white-space:nowrap;min-width:auto;line-height:1.2}.filter-btn:hover{background:rgba(var(--accent-rgb),.3);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.filter-btn-show{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3)}.filter-btn-show:hover{background:rgba(var(--accent-rgb),.3);border-color:var(--accent)}.filter-btn-hide{background:rgba(var(--accent2-rgb),.15);border-color:rgba(var(--accent2-rgb),.3)}.filter-btn-hide:hover{background:rgba(var(--accent2-rgb),.3);border-color:var(--accent2)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(var(--accent-rgb),.7);margin-bottom:.2rem}.marker-details-section{margin:0;padding:1rem;padding-bottom:80px;background:var(--bg);border-top:1px solid var(--border);border-radius:0;position:sticky;bottom:0;z-index:5;flex-shrink:0}.marker-details-section h4{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.marker-value-title{font-size:1.7rem;font-weight:700;color:rgba(var(--accent-rgb),.9);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(var(--accent-rgb),.3)}.marker-details-content{display:grid;grid-template-columns:11fr 1fr;gap:2rem;align-items:center}.marker-details-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;align-items:center}.marker-details-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.marker-detail-item{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.marker-detail-item label{font-size:.85rem;font-weight:900;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;min-width:auto;flex-shrink:0}.marker-detail-item span{font-size:.95rem;color:var(--accent);word-break:break-word}.marker-type-badge{background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;color:rgba(var(--accent-rgb),.9)}.frame-preview{margin-top:.5rem;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.emotional-intensity-value{font-weight:700;color:var(--accent);font-size:1rem;background:rgba(var(--accent-rgb),.1);padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(var(--accent-rgb),.3)}.proyecto-sidebar{width:20%;border-right:1px solid var(--border);padding:0;overflow-y:auto;max-height:100vh;display:flex;flex-direction:column;background:var(--bg2)}.sidebar-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:12px;gap:8px;border-bottom:1px solid var(--border)}.sidebar-info-btn{width:32px;height:32px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.25);color:var(--text);cursor:pointer;font-size:13px;border-radius:7px;display:flex;align-items:center;justify-content:center;justify-self:center;transition:all .15s}.sidebar-info-btn:hover{background:rgba(var(--accent-rgb),.25)}.sidebar-body{padding:10px 12px;flex:1;overflow-y:auto}.sidebar-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sidebar-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);margin:0}.sidebar-add-btn{width:20px;height:20px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.25);color:var(--story);border-radius:5px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.sidebar-add-btn:hover{background:rgba(var(--accent-rgb),.25)}.companies-list{width:100%;display:flex;flex-direction:column;gap:2px}.company-item{width:100%}.company-row{display:flex;gap:4px;align-items:center}.company-toggle{flex:1;padding:7px 8px;background:transparent;border:none;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;transition:all .15s}.company-toggle:hover{background:var(--bg3)}.company-toggle.selected{background:rgba(var(--accent-rgb),.1);color:var(--story)}.company-actions{display:flex;gap:3px}.sidebar-action-btn{width:20px;height:20px;border-radius:5px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;transition:all .15s}.sidebar-action-btn.add{background:rgba(var(--accent-rgb),.15);color:var(--story);border:1px solid rgba(var(--accent-rgb),.2)}.sidebar-action-btn.add:hover{background:rgba(var(--accent-rgb),.25)}.sidebar-action-btn.import{background:#64b4ff1f;color:#64b4ffe6;border:1px solid rgba(100,180,255,.2)}.sidebar-action-btn.import:hover{background:#64b4ff38}.sidebar-action-btn.delete{background:#ff4c4c1f;color:#ff4c4ce6;border:1px solid rgba(255,76,76,.2)}.sidebar-action-btn.delete:hover{background:#ff4c4c38}.projects-sublist{margin-left:12px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.projects-empty{color:var(--text3);font-size:11px;margin:2px 0;opacity:.6}.project-row{display:flex;gap:3px;align-items:center}.project-select-btn{display:flex;flex:1;padding:6px 8px;background:var(--bg3);border:1px solid transparent;color:var(--text2);cursor:pointer;text-align:left;border-radius:5px;font-size:11px;font-weight:500;font-family:inherit;transition:all .15s}.project-select-btn:hover{background:var(--bg4);color:var(--text)}.project-select-btn.selected{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3);color:var(--story)}.project-open-btn{width:22px;height:22px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.2);color:var(--story);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;font-size:10px;transition:all .15s}.project-open-btn:hover{background:rgba(var(--accent-rgb),.22)}.project-delete-btn{width:18px;height:18px;background:#ff4c4c1a;border:1px solid rgba(255,76,76,.15);color:#ff4c4ccc;border-radius:4px;cursor:pointer;font-size:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:all .15s}.project-delete-btn:hover{background:#ff4c4c33}i.fi{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.timeline-hit-marker-secondary{position:absolute;height:20px;width:6px;top:0;background:linear-gradient(to bottom,#e74c3c,#c0392b);border-radius:6px;cursor:grab;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #e74c3c99;z-index:40;overflow:visible}.timeline-hit-marker-secondary:hover{width:8px;background:linear-gradient(to bottom,#ff6b5a,#e74c3c);box-shadow:0 0 12px #e74c3ce6}.timeline-hit-marker-secondary:active{cursor:grabbing}.timeline-hit-marker-secondary.marker-selected{box-shadow:0 0 16px #ff6b5a;width:8px}.timeline-hit-marker-secondary .marker-icon{font-size:14px;color:#fff;opacity:1;pointer-events:none}.timeline-hit-marker-secondary .marker-label{pointer-events:none;display:block}.timeline-hit-marker-secondary:after{content:attr(data-label);pointer-events:none;position:absolute;left:0;top:100%;transform:translate(5px,4px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.55rem;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-hit-marker-secondary:hover .marker-label{display:block}.timeline-hit-marker-secondary .marker-frame-preview{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;display:none;z-index:1052}.timeline-hit-marker-secondary:hover .marker-frame-preview{display:block}.timeline-shift-marker-secondary{position:absolute;height:20px;width:6px;top:0;background:linear-gradient(to bottom,#f39c12,#d68910);border-radius:3px;cursor:grab;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #f39c1299;z-index:35;overflow:visible}.timeline-shift-marker-secondary:hover{width:8px;background:linear-gradient(to bottom,#f1c40f,#f39c12);box-shadow:0 0 12px #f39c12e6}.timeline-shift-marker-secondary:active{cursor:grabbing}.timeline-shift-marker-secondary.marker-selected{box-shadow:0 0 16px #f1c40f;width:8px}.timeline-shift-marker-secondary .marker-icon{font-size:12px;color:#fff;opacity:1;pointer-events:none}.timeline-shift-marker-secondary .marker-label{pointer-events:none;display:block}.timeline-shift-marker-secondary:after{content:attr(data-label);pointer-events:none;position:absolute;left:100%;top:22px;transform:translate(-5px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-shift-marker-secondary:hover .marker-label{display:block}.timeline-shift-marker-secondary .marker-frame-preview{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;display:none;z-index:1052}.timeline-shift-marker-secondary:hover .marker-frame-preview{display:block}.timeline-tempo-marker-secondary{position:absolute;height:20px;width:6px;top:0;background:linear-gradient(to bottom,#06b6d4,#0891b2);border-radius:3px;cursor:grab;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #06b6d499;z-index:35;overflow:visible}.timeline-tempo-marker-secondary:hover{width:8px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent2) 100%);box-shadow:0 0 12px rgba(var(--accent-rgb),.9)}.timeline-tempo-marker-secondary:active{cursor:grabbing}.timeline-tempo-marker-secondary.marker-selected{box-shadow:0 0 16px rgba(var(--accent-rgb),1);width:8px}.timeline-tempo-marker-secondary .marker-icon{font-size:12px;color:#fff;opacity:1;pointer-events:none}.timeline-tempo-marker-secondary:after{content:attr(data-label);pointer-events:none;position:absolute;left:100%;top:22px;transform:translate(-5px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}.timeline-emotional-marker-secondary{position:absolute;height:20px;width:6px;top:0;background:linear-gradient(to bottom,#e91e63,#c2185b);border-radius:3px;cursor:grab;transition:all .2s ease;pointer-events:auto;transform:translate(-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #e91e6399;z-index:35;overflow:visible}.timeline-emotional-marker-secondary:hover{width:8px;background:linear-gradient(to bottom,#f06292,#e91e63);box-shadow:0 0 12px #e91e63e6}.timeline-emotional-marker-secondary:active{cursor:grabbing}.timeline-emotional-marker-secondary.marker-selected{box-shadow:0 0 16px #f06292;width:8px}.timeline-emotional-marker-secondary .marker-icon{font-size:12px;color:#fff;opacity:1;pointer-events:none}.timeline-emotional-marker-secondary:after{content:attr(data-label);pointer-events:none;position:absolute;left:100%;top:22px;transform:translate(-5px);background:#000;color:var(--text);padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #000c;border:1px solid #333333;display:block}:root{--purple: #7B5EA7;--purple-dim: rgba(123,94,167,.15);--blue: #3B6FD4;--blue-dim: rgba(59,111,212,.1);--orange: #B8723A;--orange-dim: rgba(184,114,58,.15);--red: #B84A4A;--red-dim: rgba(184,74,74,.15);--green: #3A8F6A;--green-dim: rgba(58,143,106,.12);--accent2: #C9A00E;--accent-dim: rgba(245,197,23,.08);--accent-border: rgba(245,197,23,.2)}.s4-tour-overlay{position:fixed;inset:0;z-index:300;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.s4-tour-tooltip{position:fixed;bottom:32px;right:32px;width:360px;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:20px;box-shadow:0 12px 40px #0009;z-index:301;animation:s4fadeIn .3s}.s4-tour-skip{background:none;border:none;color:var(--text3);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px}.s4-tour-skip:hover{color:var(--text);background:var(--bg3)}.s4-tour-dots{display:flex;gap:4px}.s4-tour-dot{width:6px;height:6px;border-radius:50%;background:var(--border2);transition:all .2s}.s4-tour-dot.active{background:var(--accent);transform:scale(1.3)}.s4-tour-dot.done{background:var(--accent);opacity:.4}.s4-tour-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);transition:all .15s}.s4-tour-btn:hover{background:var(--bg4);color:var(--text)}.s4-tour-btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.s4-tour-btn.primary:hover{filter:brightness(1.1)}.s4-tour-hl{position:relative;z-index:301!important;box-shadow:0 0 0 4px #f5c5174d,0 0 20px #f5c51726!important;border-radius:8px}@keyframes s4fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.s4-loading-overlay{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .6s ease}.s4-loading-overlay.fade-out{opacity:0}.s4-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:s4spin .8s linear infinite}.s4-app{display:grid;grid-template-rows:44px 1fr;height:100vh}.s4-app.s4-app-no-topbar{grid-template-rows:1fr;height:calc(100vh - 48px);background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:13px}.s4-topbar{grid-column:1 / -1;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;z-index:100}.s4-logo{font-weight:700;font-size:14px;letter-spacing:-.3px}.s4-logo em{color:var(--accent);font-style:normal}.s4-topbar-sep{width:1px;height:18px;background:var(--border2)}.s4-project-name{font-weight:600;font-size:13px}.s4-project-meta{font-size:10px;color:var(--text3)}.s4-project-badge{font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--text3);background:var(--bg3);padding:3px 8px;border:1px solid var(--border);border-radius:4px}.s4-topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.s4-btn{font-family:inherit;font-size:11px;font-weight:500;padding:5px 12px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:all .12s;border-radius:5px}.s4-btn:hover{border-color:var(--accent-border);color:var(--accent)}.s4-btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.s4-btn-primary:hover{filter:brightness(1.1)}.s4-btn-sm{font-size:10px;padding:4px 10px}.s4-dropdown{position:relative}.s4-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg3);border:1px solid var(--border2);border-radius:12px;min-width:160px;padding:4px;z-index:200;box-shadow:0 8px 24px #00000080}.s4-dropdown.open .s4-dropdown-menu{display:block}.s4-dropdown-item{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:11px;color:var(--text2);cursor:pointer;border-radius:5px;transition:all .1s}.s4-dropdown-item:hover{background:var(--bg4);color:var(--text)}.s4-collab-avatars{display:flex}.s4-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg2);background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;margin-left:-5px}.s4-avatar:first-child{margin-left:0}.s4-resize-handle{position:absolute;top:0;bottom:0;width:4px;cursor:col-resize;z-index:20;transition:background .15s}.s4-resize-handle:hover,.s4-resize-handle:active{background:var(--accent);opacity:.5}.s4-resize-handle.left{left:0}.s4-resize-handle.right{right:0}.s4-collapse-btn{position:absolute;top:50%;z-index:21;width:14px;height:36px;border:1px solid var(--accent-border);background:var(--bg2);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .15s;padding:0}.s4-collapse-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.s4-collapse-btn.left{left:0;transform:translateY(-50%);border-radius:0 4px 4px 0;border-left:none}.s4-collapse-btn.right{right:0;transform:translateY(-50%);border-radius:4px 0 0 4px;border-right:none}.s4-sidebar{background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.s4-frame-area{padding:8px;border-bottom:1px solid var(--border);flex-shrink:0}.s4-frame{width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.s4-frame-label{font-size:11px;color:var(--text3);letter-spacing:.15em;text-transform:uppercase}.s4-frame-badge{position:absolute;top:5px;left:5px;font-size:10px;padding:2px 6px;background:#000000bf;border:1px solid var(--accent-border);border-radius:3px;color:var(--accent)}.s4-frame-tc{position:absolute;bottom:5px;right:5px;font-family:DM Mono,monospace;font-size:11px;color:var(--text);background:#000000bf;padding:2px 6px;border-radius:2px}.s4-frame-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .15s;cursor:pointer}.s4-frame:hover .s4-frame-play{opacity:1}.s4-frame-play-btn{width:32px;height:32px;border-radius:50%;background:#f5c517e6;display:flex;align-items:center;justify-content:center;color:var(--bg)}.s4-controls{padding:6px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.s4-controls-row{display:flex;align-items:center;gap:3px;margin-bottom:3px}.s4-controls-row:last-child{margin-bottom:0}.s4-ctrl-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:3px;transition:all .1s}.s4-ctrl-btn:hover{color:var(--text);background:var(--bg3)}.s4-ctrl-btn.active{color:var(--accent);background:var(--accent-dim)}.s4-ctrl-btn.play{color:var(--accent)}.s4-tc-display{font-family:DM Mono,monospace;font-size:12px;color:var(--text);flex:1;text-align:center}.s4-info-row{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:11px;color:var(--text3);padding:0 2px}.s4-snap-btn{font-size:10px;font-weight:500;padding:2px 6px;border:1px solid var(--border);border-radius:3px;background:none;color:var(--text3);cursor:pointer}.s4-snap-btn.on{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.s4-volume-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:10px 6px;z-index:10}.s4-volume-popup:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px}.s4-volume-slider{writing-mode:vertical-lr;direction:rtl;width:4px;height:70px;accent-color:var(--accent);cursor:pointer;appearance:none;background:var(--border);border-radius:2px}.s4-volume-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.s4-share-popup{position:absolute;bottom:50%;left:-120%;transform:translate(-50%);margin-bottom:80px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:4px;min-width:180px;z-index:100;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #00000080}.s4-share-option{display:flex;align-items:center;gap:6px;padding:6px 8px;border:none;background:none;color:var(--text2);font-size:11px;cursor:pointer;border-radius:4px;text-align:left;white-space:nowrap}.s4-share-option:hover{background:var(--bg3);color:var(--text)}.s4-share-option:disabled{opacity:.5;cursor:default}@keyframes s4spin{to{transform:rotate(360deg)}}.s4-spin{animation:s4spin 1s linear infinite}.s4-share-desc{margin-left:auto;font-size:9px;color:var(--text3)}.s4-share-badge{margin-left:auto;font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;background:#f5c51726;color:var(--accent);border:1px solid rgba(245,197,23,.25)}.s4-scenes{flex:1;display:flex;flex-direction:column;overflow:hidden}.s4-scenes-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;flex-shrink:0}.s4-scenes-header .label{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text3)}.s4-scenes-header .add{font-size:12px;color:var(--accent);cursor:pointer;font-weight:500}.s4-scenes-header .add:hover{text-decoration:underline}.s4-scenes-list{flex:1;overflow-y:auto;padding:0 6px 6px}.s4-scene-item{display:flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:all .1s;margin-bottom:1px}.s4-scene-item:hover{background:var(--bg3);border-color:var(--border)}.s4-scene-item.active{background:var(--accent-dim);border-color:var(--accent-border)}.s4-scene-num{font-family:DM Mono,monospace;font-size:11px;color:var(--text3);width:16px;flex-shrink:0;text-align:center}.s4-scene-item.active .s4-scene-num{color:var(--accent)}.s4-scene-body{flex:1;min-width:0}.s4-scene-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s4-scene-sub{font-size:11px;color:var(--text3);margin-top:1px}.s4-scene-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.s4-scene-tc{font-family:DM Mono,monospace;font-size:11px;color:var(--text3);flex-shrink:0}.s4-collab{padding:8px 10px;border-top:1px solid var(--border);flex-shrink:0}.s4-collab-row{display:flex;align-items:center;gap:5px;margin-bottom:3px}.s4-collab-row:last-child{margin-bottom:0}.s4-collab-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.s4-collab-dot.on{background:var(--green);box-shadow:0 0 3px var(--green)}.s4-collab-name{font-size:12px;color:var(--text3)}.s4-collab-role{font-size:11px;color:var(--text3);opacity:.5;margin-left:auto}.s4-center{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.s4-overview{height:15%;min-height:80px;max-height:120px;background:var(--bg2);border-bottom:2px solid var(--accent-border);display:flex;flex-direction:column;flex-shrink:0}.s4-ov-header{height:16px;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 8px;flex-shrink:0;font-size:8px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--text3)}.s4-ov-ruler{height:14px;background:var(--bg3);border-bottom:1px solid var(--border);position:relative;flex-shrink:0}.s4-ov-ruler-mark{position:absolute;top:2px;font-family:DM Mono,monospace;font-size:7px;color:var(--text3)}.s4-ov-body{flex:1;position:relative;overflow:hidden}.s4-ov-scene{position:absolute;top:3px;bottom:3px;border-radius:3px;cursor:pointer;display:flex;align-items:center;padding:0 6px;font-size:8px;font-weight:500;transition:all .1s;border:1px solid transparent}.s4-ov-scene:hover{filter:brightness(1.2);border-color:#ffffff14}.s4-ov-scene.active{border-color:var(--accent);box-shadow:0 0 8px #f5c5171f}.s4-ov-scene span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.s4-ov-handle{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;z-index:2;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.s4-ov-handle:after{content:"";width:2px;height:50%;min-height:8px;border-radius:1px;background:currentColor;opacity:.7}.s4-ov-handle.left{left:-3px}.s4-ov-handle.right{right:-3px}.s4-ov-handle:hover:after{opacity:1;width:3px}.s4-ov-scene:hover .s4-ov-handle{opacity:1}.s4-ov-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);z-index:10;pointer-events:none;opacity:.6}.s4-ov-selected{position:absolute;top:0;bottom:0;border:1px solid var(--accent);background:#f5c51708;z-index:5;pointer-events:none;border-radius:2px}.s4-scene-detail{flex:1;display:flex;flex-direction:column;overflow:hidden}.s4-sd-header{height:26px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 10px;gap:10px;flex-shrink:0}.s4-sd-name{font-size:11px;font-weight:600;color:var(--accent)}.s4-sd-range{font-family:DM Mono,monospace;font-size:9px;color:var(--text3)}.s4-sd-emotion{font-size:9px;color:var(--text3);margin-left:auto}.s4-sd-ruler{height:16px;background:var(--bg3);border-bottom:1px solid var(--border);position:relative;padding-left:72px;flex-shrink:0}.s4-tracks{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.s4-scene-playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff3;z-index:20;pointer-events:none}.s4-scene-playhead:before{content:"";position:absolute;top:-1px;left:-2px;width:5px;height:5px;background:#ffffff59;clip-path:polygon(50% 100%,0 0,100% 0)}.s4-track{display:flex;flex:1;min-height:28px;border-bottom:1px solid var(--border)}.s4-track-header{width:72px;flex-shrink:0;background:transparent;display:flex;align-items:flex-start;padding:4px 5px 0;gap:4px;overflow:visible}.s4-track-color{width:3px;height:12px;border-radius:1px;flex-shrink:0;margin-top:1px}.s4-track-name{font-size:12px;font-weight:400;color:var(--text);line-height:1.2;white-space:nowrap}.s4-track-hint-wrap{position:relative;margin-top:2px;display:flex;justify-content:center}.s4-track-hint-icon{color:var(--accent);opacity:.5;cursor:help;transition:opacity .15s}.s4-track-hint-wrap:hover .s4-track-hint-icon{opacity:1}.s4-track-hint-tip{display:none;position:absolute;left:0;top:100%;margin-top:4px;background:var(--bg2);border:1px solid var(--border2);border-radius:6px;padding:8px 10px;font-size:11px;color:var(--text2);line-height:1.5;width:180px;white-space:normal;z-index:30;box-shadow:0 4px 12px #00000080}.s4-track-hint-wrap:hover .s4-track-hint-tip{display:block}.s4-track-content{flex:1;position:relative;overflow:hidden}.s4-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);z-index:20;pointer-events:none;opacity:.6}.s4-point-marker{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10;transition:all .1s}.s4-point-marker:hover{transform:translateY(-50%) scale(1.3)}.s4-point-marker.selected{transform:translateY(-50%) scale(1.4);filter:brightness(1.5)}.s4-range-marker{position:absolute;top:20%;bottom:20%;border-radius:4px;display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:500;cursor:pointer;transition:filter .1s}.s4-range-marker:hover{filter:brightness(1.15);outline:1px solid rgba(255,255,255,.2)}.s4-range-marker.selected{outline:1px solid rgba(255,255,255,.45);filter:brightness(1.2)}.s4-silence:hover{outline:1px solid rgba(255,255,255,.15)}.s4-silence.selected{outline:1px solid rgba(255,255,255,.45)}.s4-range-marker span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.s4-range-handle{position:absolute;top:0;bottom:0;width:4px;cursor:ew-resize;opacity:0;transition:opacity .12s;border-radius:1px}.s4-range-marker:hover .s4-range-handle{opacity:.6}.s4-range-handle.left{left:0;border-radius:2px 0 0 2px}.s4-range-handle.right{right:0;border-radius:0 2px 2px 0}.s4-range-preview-btn{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0 4px;margin-left:auto;flex-shrink:0;display:flex;align-items:center;z-index:15;position:relative}.s4-range-preview-btn:hover{opacity:1}.s4-range-preview{position:fixed;z-index:100;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:8px;box-shadow:0 8px 24px #0009;width:280px}.s4-scene-range{position:absolute;top:15%;bottom:15%;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:3px;display:flex;align-items:center;padding:0 8px}.s4-scene-range-label{font-size:9px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s4-silence{position:absolute;top:20%;bottom:20%;background:#a1a1aa14;border:1.5px dashed rgba(161,161,170,.5);border-radius:12px;cursor:pointer}.s4-silence:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;color:#a1a1aa66;pointer-events:none}.s4-curve-point{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg);cursor:grab;z-index:15;transform:translate(-50%,-50%);transition:all .12s}.s4-curve-point:hover{transform:translate(-50%,-50%) scale(1.4)}.s4-curve-point.selected{transform:translate(-50%,-50%) scale(1.5);border-color:var(--text)}.s4-curve-bpm-label{position:absolute;transform:translate(-50%,-100%) translateY(-8px);font-family:DM Mono,monospace;font-size:9px;font-weight:500;pointer-events:none;white-space:nowrap}.s4-curve-y-label{position:absolute;left:4px;transform:translateY(-50%);font-family:DM Mono,monospace;font-size:7px;color:var(--text3);pointer-events:none;opacity:.5}.s4-zoom-btn{width:100%;height:14px;border:1px solid var(--border);border-radius:3px;background:none;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .12s;font-size:8px;gap:2px;font-family:inherit}.s4-zoom-btn:hover,.s4-zoom-btn.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.s4-tracks.zoomed .s4-track{display:none!important}.s4-tracks.zoomed .s4-track.zoomed-track{display:flex!important;flex:1!important}.s4-track-header.has-zoom{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:4px 5px}.s4-track-header.has-zoom .s4-track-top{display:flex;align-items:center;gap:4px}.s4-panel{background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.s4-panel-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.s4-panel-tab{padding:8px 6px;font-size:11px;font-weight:500;color:var(--text3);cursor:pointer;text-align:center;border-bottom:2px solid transparent;transition:all .1s;white-space:nowrap;flex-shrink:0}.s4-panel-tab:hover{color:var(--text2)}.s4-panel-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.s4-panel-body{flex:1;overflow-y:auto}.s4-scroll-hint{position:absolute;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;bottom:0;background:linear-gradient(transparent,var(--bg2) 40%)}.s4-scroll-hint.up{bottom:auto;top:32px;background:linear-gradient(var(--bg2) 60%,transparent)}.s4-scroll-hint .s4-scroll-btn{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer;opacity:.8;transition:opacity .15s;pointer-events:auto;animation:s4bounce 2s infinite}.s4-scroll-hint.up .s4-scroll-btn{animation-name:s4bounceUp}.s4-scroll-hint .s4-scroll-btn:hover{opacity:1}@keyframes s4bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes s4bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.s4-panel-section{padding:10px 12px;border-bottom:1px solid var(--border)}.s4-panel-section:last-child{border-bottom:none}.s4-ps-title{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--text);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.s4-ps-title span{font-size:11px;color:var(--accent);cursor:pointer;text-transform:none;letter-spacing:0;font-weight:500}.s4-ps-title span:hover{text-decoration:underline}.s4-df{margin-bottom:8px}.s4-df:last-child{margin-bottom:0}.s4-df-label{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--text3);margin-bottom:3px}.s4-df-value{font-size:13px;color:var(--text2);line-height:1.5;background:var(--bg3);border:1px solid var(--border);padding:6px 8px;border-radius:5px}.s4-df-textarea{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:5px;color:var(--text2);font-family:inherit;font-size:13px;padding:6px 8px;resize:none;line-height:1.5;outline:none}.s4-df-textarea:focus{border-color:var(--accent-border)}.s4-emo-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.s4-emo-label{font-size:12px;color:var(--text3);width:60px;flex-shrink:0}.s4-emo-track{flex:1;height:3px;background:var(--bg4);border-radius:2px;overflow:hidden}.s4-emo-fill{height:100%;border-radius:2px}.s4-emo-val{font-family:DM Mono,monospace;font-size:11px;color:var(--text2);width:14px;text-align:right;flex-shrink:0}.s4-scene-stats{display:flex;flex-direction:column;gap:3px}.s4-stat-row{display:flex;align-items:center;gap:6px;padding:3px 0}.s4-stat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.s4-stat-label{font-size:12px;color:var(--text2);flex:1}.s4-stat-count{font-family:DM Mono,monospace;font-size:12px;color:var(--text);font-weight:500}.s4-scene-detail-item{display:flex;align-items:center;gap:6px;padding:3px 0;border-bottom:1px solid var(--border)}.s4-scene-detail-item:last-child{border-bottom:none}.s4-sdi-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.s4-sdi-tc{font-family:DM Mono,monospace;font-size:11px;color:var(--text3);flex-shrink:0}.s4-sdi-label{font-size:12px;color:var(--text);font-weight:500}.s4-sdi-obs{font-size:11px;color:var(--text3);flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s4-add-bar{display:flex;gap:3px;flex-wrap:wrap}.s4-add-btn{font-size:11px;font-weight:500;padding:3px 7px;border:1px solid;border-radius:3px;background:none;cursor:pointer;font-family:inherit;transition:all .1s}.s4-add-btn:hover{filter:brightness(1.3)}.s4-mc{display:flex;align-items:center;gap:5px;padding:5px 7px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;margin-bottom:2px;cursor:pointer;transition:all .1s}.s4-mc:hover{border-color:var(--border2)}.s4-mc.selected{border-color:var(--accent-border);background:var(--accent-dim)}.s4-mc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.s4-mc-tc{font-family:DM Mono,monospace;font-size:11px;color:var(--text2);min-width:46px}.s4-mc-type{font-size:11px;font-weight:500;flex:1}.s4-mc-obs{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.s4-desglose-cat{margin-bottom:8px}.s4-desglose-cat:last-child{margin-bottom:0}.s4-desglose-cat-title{padding-top:10px;font-size:11px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;color:var(--text);margin-bottom:5px;display:flex;align-items:center;gap:4px}.s4-desglose-tags{display:flex;flex-wrap:wrap;gap:3px}.s4-desglose-tag{font-size:12px;padding:3px 8px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);color:var(--text2);display:inline-flex;align-items:center;gap:4px;cursor:grab}.s4-desglose-tag:active{cursor:grabbing}.s4-insp-empty{padding:40px 20px;text-align:center;color:var(--text3);font-size:13px}.s4-insp-frame{width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.s4-insp-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.s4-insp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.s4-insp-type{font-size:14px;font-weight:600}.s4-insp-tc{font-family:DM Mono,monospace;font-size:13px;color:var(--text2);margin-left:auto}.s4-rf{display:flex;align-items:center;gap:5px;padding:5px 7px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;margin-bottom:2px}.s4-rf[draggable=true]{cursor:grab}.s4-rf[draggable=true]:active{cursor:grabbing}.s4-rf-name{flex:1;font-size:12px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s4-rf-action{background:none;border:none;color:var(--text3);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0;transition:color .1s;text-decoration:none}.s4-rf-action:hover{color:var(--accent)}.s4-rf-preview{padding:6px 0}.s4-rf-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--text3);font-size:11px}.s4-rf-add-form{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.s4-rf-input{background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:11px;padding:5px 8px;outline:none}.s4-rf-input:focus{border-color:var(--accent-border)}.s4-rf-input::placeholder{color:var(--text3)}.s4-rf-submit{background:var(--accent);color:var(--bg);border:none;border-radius:4px;font-family:inherit;font-size:11px;font-weight:500;padding:4px 10px;cursor:pointer}.s4-rf-submit:disabled{opacity:.4;cursor:default}.s4-rf-cancel{background:none;color:var(--text3);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:11px;padding:4px 10px;cursor:pointer}.s4-rf-cancel:hover{color:var(--text);border-color:var(--border2)}.s4-rf-size{font-family:DM Mono,monospace;font-size:11px;color:var(--text3)}.s4-app ::-webkit-scrollbar{width:3px;height:3px}.s4-app ::-webkit-scrollbar-track{background:transparent}.s4-app ::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@keyframes s4-pulse{0%,to{opacity:1}50%{opacity:.4}}.s4-pulse{animation:s4-pulse 2s ease-in-out infinite}