*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #05050a;--bg1: #0c0c14;--bg2: rgba(255,255,255,.04);--bg3: rgba(255,255,255,.07);--bg4: rgba(255,255,255,.1);--border: rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);--text: #f0f2f8;--text2: #64748b;--text3: #3a4a5a;--accent: #3dfb57;--blue: #38bdf8;--purple: #a78bfa;--amber: #fbbf24;--red: #ef4444;--green: #3dfb57;--toolbar-h: 46px;--timeline-h: 25vh;--panel-w: 20vw;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;font-size:14px;color:var(--text);line-height:1.4;-webkit-font-smoothing:antialiased}html,body,#root{height:100%;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");background-size:200px 200px}.app{display:flex;flex-direction:column;height:100%;background:var(--bg0)}.toolbar{display:flex;align-items:center;gap:6px;height:var(--toolbar-h);padding:0 12px;background:#05050ad9;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:10}.toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(61,251,87,.3) 40%,rgba(56,189,248,.2) 70%,transparent 100%)}.toolbar-logo-link{display:flex;align-items:center;flex-shrink:0}.toolbar-logo{height:22px;width:auto;object-fit:contain}.toolbar-sep{width:1px;height:20px;background:var(--border2);margin:0 3px}.screen-nav{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;background:var(--bg1);border-bottom:1px solid var(--border);flex-shrink:0}.screen-tabs{display:flex;gap:2px}.screen-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:500;transition:color .15s}.screen-tab:hover{color:var(--text)}.screen-tab.active{color:var(--text);border-bottom-color:var(--accent)}.screen-nav-actions{display:flex;gap:6px;align-items:center}.screen-nav-spacer{flex:1}.screen-nav-btn{border:1px solid var(--border2);border-radius:8px;cursor:pointer;font-size:12px;padding:5px 14px;transition:background .12s,border-color .12s;font-weight:500}.screen-nav-btn.secondary{background:var(--bg2);color:var(--text2)}.screen-nav-btn.secondary:hover{background:var(--bg3);color:var(--text);border-color:var(--border2)}.screen-nav-btn.primary{background:var(--accent);color:#000;border-color:transparent;font-weight:700;box-shadow:0 0 16px #3dfb5733}.screen-nav-btn.primary:hover{opacity:.88;box-shadow:0 0 24px #3dfb5759}.toolbar-spacer{flex:1}.lang-picker{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;color:var(--text2);font-size:12px;padding:4px 6px;cursor:pointer;outline:none}.lang-picker:hover{border-color:var(--border3, rgba(255,255,255,.2));color:var(--text)}.toolbar-hint{font-size:13px;color:var(--text2);display:flex;gap:4px;align-items:center}.toolbar-hint kbd{background:var(--bg3);border:1px solid var(--border2);border-radius:4px;padding:2px 6px;font-size:12px;font-family:monospace;color:var(--text)}.toolbar-btn{padding:5px 12px;border-radius:7px;border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;font-size:12px;white-space:nowrap;transition:background .12s,border-color .12s}.toolbar-btn:hover{background:var(--bg3);border-color:#ffffff2e}.toolbar-btn.primary{border-color:#3dfb5766;color:var(--accent)}.toolbar-btn.primary:hover{background:#3dfb5714}.toolbar-btn.restore-btn{border-color:#fbbf2459;color:var(--amber);max-width:220px;overflow:hidden;text-overflow:ellipsis}.toolbar-btn.icon-btn{min-width:32px;font-size:15px;padding:4px 8px}.toolbar-btn.icon-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-btn.upload-btn{background:var(--accent);color:#000;border-color:transparent;font-weight:700;box-shadow:0 0 14px #3dfb5733}.toolbar-btn.upload-btn:hover{opacity:.88}.toolbar-btn.upload-btn:disabled{opacity:.45;cursor:not-allowed}.toolbar-btn.upload-btn.done{background:var(--accent)}.upload-progress-wrap{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:5px 10px;min-width:200px}.upload-progress-label{font-size:11px;color:var(--text2);white-space:nowrap;min-width:60px}.upload-progress-bar{flex:1;height:4px;background:var(--bg3);border-radius:100px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--accent);transition:width .3s;border-radius:100px;box-shadow:0 0 8px #3dfb5766}.upload-progress-fill.indeterminate{animation:upload-pulse 1.4s ease-in-out infinite}@keyframes upload-pulse{0%,to{opacity:.35}50%{opacity:1}}.upload-cancel-btn{background:transparent;border:none;color:var(--text2);cursor:pointer;padding:2px 4px;border-radius:4px;font-size:12px;line-height:1}.upload-cancel-btn:hover{color:var(--text);background:var(--bg3)}.upload-idle-wrap{display:flex;align-items:center;gap:6px}.quality-select{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;padding:4px 6px;color:var(--text);font-size:11px;cursor:pointer;height:28px}.quality-select:focus{outline:none;border-color:var(--accent)}.upload-done-wrap{display:flex;align-items:center;gap:6px}.upload-error-label{font-size:11px;color:var(--red);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-sent-label{font-size:11px;color:var(--accent);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status-label{font-size:12px;color:var(--text2);margin:0}.upload-done{font-size:12px;color:var(--accent);margin:0}.progress-bar{height:4px;background:var(--bg3);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:100px;transition:width .3s}.download-btn{display:block;text-align:center;padding:7px 12px;background:var(--accent);color:#000;border-radius:5px;font-size:12px;font-weight:700;text-decoration:none}.download-btn:hover{opacity:.88}.reset-btn{align-self:flex-start;padding:4px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text2);font-size:11px;cursor:pointer}.reset-btn:hover{color:var(--text);border-color:var(--text2)}.upload-error{background:#ff505014;border:1px solid rgba(255,80,80,.25);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.upload-error p{margin:0;font-size:11px;color:var(--text2);line-height:1.4}.upload-error strong{font-size:12px;color:var(--red, #ff5050)}.upload-error-hint{color:var(--text2);font-style:italic}.name-input{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;padding:4px 8px;color:var(--text);font-size:12px;width:100px}.name-input:focus{outline:none;border-color:var(--accent)}.vs-label{color:var(--text2);font-size:11px}.zoom-controls{display:flex;align-items:center;gap:4px;color:var(--text2);font-size:11px}.zoom-controls button{width:24px;height:24px;border-radius:5px;border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;font-size:15px;line-height:1}.zoom-controls button:hover{background:var(--bg3)}.sync-wrap{position:relative;display:flex;align-items:center}.sync-btn{display:flex;align-items:center;gap:5px;font-size:11px;min-width:96px}.sync-btn .sync-icon{font-size:13px;line-height:1}.sync-btn .sync-label{font-size:11px}.sync-btn.sync-idle{color:var(--text3)}.sync-btn.sync-unsynced{color:#fbbf24;border-color:#fbbf2455}.sync-btn.sync-syncing{color:var(--text2)}.sync-btn.sync-synced{color:#4ade80;border-color:#4ade8055}.sync-btn.sync-error{color:#f87171;border-color:#f8717155}.sync-btn.sync-synced:disabled,.sync-btn.sync-syncing:disabled{opacity:1;cursor:default}.spin{display:inline-block;animation:spin .8s linear infinite}.error-balloon{position:absolute;top:calc(100% + 8px);left:0;z-index:200;background:#1e1b1b;border:1px solid #f8717166;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 4px 16px #0009;animation:balloon-in .15s ease}@keyframes balloon-in{0%{opacity:0;transform:translateY(-4px)}}.error-balloon:before{content:"";position:absolute;top:-5px;left:16px;width:8px;height:8px;background:#1e1b1b;border-left:1px solid #f8717166;border-top:1px solid #f8717166;transform:rotate(45deg)}.error-balloon-text{font-size:12px;color:#fca5a5}.error-balloon-close{background:none;border:none;cursor:pointer;color:var(--text3);font-size:12px;padding:0;line-height:1}.error-balloon-close:hover{color:var(--text)}.signin-wrap{position:relative;display:flex;align-items:center}.unsaved-balloon{position:absolute;top:calc(100% + 8px);right:0;z-index:200;background:#1e1a0e;border:1px solid #f59e0b66;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 4px 16px #0009;animation:balloon-in .15s ease}.unsaved-balloon:before{content:"";position:absolute;top:-5px;right:16px;width:8px;height:8px;background:#1e1a0e;border-left:1px solid #f59e0b66;border-top:1px solid #f59e0b66;transform:rotate(45deg)}.unsaved-balloon-text{font-size:12px;color:#fcd34d}.unsaved-balloon-cta{font-size:12px;color:#f59e0b;cursor:pointer;text-decoration:underline}.unsaved-balloon-cta:hover{color:#fbbf24}.unsaved-balloon-close{background:none;border:none;cursor:pointer;padding:0 0 0 6px;font-size:11px;color:#a1a1aa;line-height:1;flex-shrink:0}.unsaved-balloon-close:hover{color:#e4e4e7}.share-wrap{position:relative;display:flex;align-items:center}.share-btn{font-size:11px}.share-toast{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:200;background:#1e2b1e;border:1px solid #4ade8055;color:#4ade80;border-radius:6px;padding:5px 10px;font-size:11px;white-space:nowrap;box-shadow:0 4px 12px #0009;animation:balloon-in .15s ease}.main-area{display:flex;flex:1;min-height:0;overflow:hidden}.video-col{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.resize-handle-v{width:4px;flex-shrink:0;cursor:col-resize;background:var(--border);transition:background .15s}.resize-handle-v:hover,.resize-handle-v:active{background:var(--accent)}.resize-handle-h{height:4px;flex-shrink:0;cursor:row-resize;background:var(--border);transition:background .15s}.resize-handle-h:hover,.resize-handle-h:active{background:var(--accent)}.timeline-collapse-bar{position:relative;display:flex;align-items:center;justify-content:center}.timeline-collapse-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--bg2);border:1px solid var(--border);border-radius:3px;color:var(--text2);font-size:9px;padding:0 5px;height:14px;line-height:14px;cursor:pointer;z-index:5}.timeline-collapse-btn:hover{background:var(--bg3);color:var(--text)}.video-player{flex:1;display:flex;flex-direction:column;background:#030306;min-width:0}.video-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;min-height:0;overflow:hidden}.video-el{max-width:100%;max-height:100%;display:block;cursor:pointer}.video-empty{color:var(--text2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.video-empty-icon{font-size:48px;opacity:.12}.video-empty-hint{font-size:11px;color:var(--text3)}.score-strip{display:flex;align-items:center;gap:8px;justify-content:center;padding:5px 12px;background:var(--bg1);border-top:1px solid var(--border);flex-shrink:0;font-size:13px}.score-strip-player{color:var(--text2);display:flex;align-items:center;gap:3px}.score-strip-player.serving{color:var(--text);font-weight:600}.score-strip-name-input{background:none;border:none;border-bottom:1px solid transparent;color:inherit;font:inherit;font-size:13px;width:80px;padding:0 2px;outline:none;cursor:text}.score-strip-name-input:hover{border-bottom-color:var(--border2)}.score-strip-name-input:focus{border-bottom-color:var(--accent)}.score-strip-score{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;min-width:1.2ch;text-align:center}.score-strip-sep{font-size:18px;color:var(--text3)}.score-strip-set{font-size:11px;color:var(--text3);margin-left:8px}.serve-dot{color:var(--accent);font-size:9px;margin:0 2px}.scrub-row{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg1);border-top:1px solid var(--border);flex-shrink:0}.scrub-time{font-family:monospace;font-size:12px;color:var(--text2);white-space:nowrap;min-width:56px}.scrub-dur{text-align:right}.seek-bar{flex:1;height:4px;accent-color:var(--accent);cursor:pointer}.transport{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--bg1);border-top:1px solid var(--border);flex-shrink:0}.trans-btn{display:flex;align-items:center;gap:3px;justify-content:center;background:var(--bg2);border:1px solid var(--border2);border-radius:7px;color:var(--text);cursor:pointer;padding:6px 10px;font-size:13px;min-width:40px;transition:background .1s,border-color .1s}.trans-btn:hover{background:var(--bg3);border-color:#ffffff2e}.trans-btn.active{background:#ef44441f;border-color:#ef444480;color:var(--red)}.trans-label{font-size:10px;color:var(--text2)}.trans-icon{font-size:11px}.frame-btn{min-width:32px;font-size:15px;font-weight:600;color:var(--text2)}.speed-control{display:flex;gap:2px}.speed-btn{min-width:36px;padding:4px 5px;font-size:11px}.speed-btn.active{background:#38bdf81a;border-color:#38bdf866;color:var(--blue)}.play-pause-btn{min-width:56px;height:44px;font-size:22px;background:var(--bg3);border-color:var(--border2)}.play-pause-btn:hover{background:var(--bg4)}.overlay-preview{position:absolute;-webkit-user-select:none;user-select:none;z-index:10;filter:drop-shadow(0 2px 12px rgba(0,0,0,.9))}.overlay-standard{background:#000000d9;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;min-width:180px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-games{background:#ffffff14;text-align:center;padding:1px 6px;color:#ccc}.overlay-row{display:flex;align-items:center;padding:2px 8px;gap:4px;color:#fff}.overlay-row:first-of-type{border-bottom:1px solid rgba(255,255,255,.08)}.overlay-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-serve{color:var(--accent);font-size:8px}.overlay-score{font-weight:700;font-variant-numeric:tabular-nums;margin-left:auto;min-width:1.5ch;text-align:right}.overlay-compact{background:#000000d9;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-wrapper{display:flex;flex-direction:row;flex-shrink:0}.panel-toggle-btn{width:18px;flex-shrink:0;background:var(--bg1);border:none;border-left:1px solid var(--border2);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;padding:0;transition:color .15s,background .15s}.panel-toggle-btn:hover{background:var(--bg3);color:var(--text)}.right-panel{width:var(--panel-w);display:flex;flex-direction:column;background:var(--border);border-left:1px solid var(--border);overflow-y:auto;flex-shrink:0;gap:1px}.right-panel::-webkit-scrollbar{width:3px}.right-panel::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.panel-group{display:flex;flex-direction:column;gap:1px}.panel-group-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg0);border:none;color:var(--text2);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left;width:100%;border-bottom:1px solid var(--border);transition:color .15s}.panel-group-header:hover{color:var(--text)}.panel-group-arrow{font-size:9px}.panel-group-label{flex:1}.panel-docked{background:var(--bg1)}.panel-floating{position:fixed;min-width:240px;max-width:320px;background:#0c0c14e6;border:1px solid var(--border2);border-radius:12px;box-shadow:0 16px 48px #000000b3;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-titlebar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff08;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.panel-titlebar.draggable{cursor:grab}.panel-titlebar.draggable:active{cursor:grabbing}.panel-title-text{display:flex;align-items:center;gap:5px;font-weight:600;font-size:12px;flex:1}.panel-title-icon{font-size:12px}.panel-title-btns{display:flex;gap:2px}.panel-btn{background:transparent;border:none;color:var(--text2);cursor:pointer;padding:2px 5px;border-radius:4px;font-size:13px;line-height:1}.panel-btn:hover{background:var(--bg3);color:var(--text)}.panel-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.inspector-body{display:flex;flex-direction:column;gap:8px}.inspector-hint{font-size:11px;color:var(--text2);line-height:1.5}.magic-btn{width:100%;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.03em;background:linear-gradient(135deg,#312e8199,#4c1d9599,#1e3a5f99);border:1px solid rgba(99,102,241,.4);color:#e0e7ff;transition:filter .15s,border-color .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.magic-btn:hover{filter:brightness(1.2);border-color:#a5b4fc80}.magic-btn-active{background:linear-gradient(135deg,#4338cab3,#7c3aedb3,#1d4ed8b3);border-color:#a5b4fc99;color:#fff;box-shadow:0 0 16px #a78bfa40}.inspector-hint kbd{background:var(--bg3);border:1px solid var(--border2);border-radius:4px;padding:1px 4px;font-size:10px;font-family:monospace;color:var(--text)}.inspector-time-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.inspector-time{font-family:monospace;font-size:11px;color:var(--text2);margin-left:auto}.evt-type-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px}.inspector-empty{font-size:11px;color:var(--text2);line-height:1.6}.field-row{display:flex;align-items:center;gap:8px;font-size:12px}.field-row>span:first-child{color:var(--text2);min-width:50px;font-size:11px}.field-row input[type=number],.field-row input[type=text],.field-row select{flex:1;background:#ffffff0a;border:1px solid var(--border2);border-radius:6px;padding:4px 6px;color:var(--text);font-size:12px}.field-row input:focus,.field-row select:focus{outline:none;border-color:var(--accent)}.score-fields{gap:4px}.score-fields label{display:flex;flex-direction:column;align-items:center;gap:2px}.score-fields label span{font-size:10px;color:var(--text2)}.score-fields input{width:46px;text-align:center}.score-sep{font-size:20px;color:var(--text3)}.delete-btn{background:transparent;border:1px solid rgba(239,68,68,.35);color:var(--red);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:12px}.delete-btn:hover{background:#ef44441a}.clip-audio-upload{background:var(--bg2);border:1px dashed var(--border2);color:var(--text2);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px;width:100%;text-align:left}.clip-audio-upload:hover{background:var(--bg3);color:var(--text)}.clip-audio-row{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.clip-audio-name{flex:1;font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-audio-remove{background:none;border:none;color:var(--text2);cursor:pointer;font-size:11px;padding:0 2px;flex-shrink:0}.clip-audio-remove:hover{color:var(--red)}.radio-group{display:flex;gap:4px;flex:1}.radio-btn{flex:1;text-align:center;padding:4px 8px;border-radius:6px;border:1px solid var(--border2);cursor:pointer;font-size:11px;font-weight:600;background:var(--bg2);color:var(--text2)}.radio-btn input{display:none}.radio-btn.active{background:#3dfb571f;border-color:#3dfb5766;color:var(--accent)}.player-name-row{display:flex;align-items:center;gap:4px;flex:1}.player-name-row input{flex:1;min-width:0}.hand-btn{background:none;border:1px solid var(--border);border-radius:4px;padding:2px 4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hand-btn:hover{border-color:#666}.hand-btn.active{border-color:#3dfb5780;background:#3dfb5714}.equipment-form{margin:2px 0 6px 32px;display:flex;flex-direction:column;gap:4px}.equipment-row{display:flex;align-items:center;gap:6px}.equipment-row label{width:36px;font-size:11px;color:var(--text2);flex-shrink:0}.equipment-row select,.equipment-row input{flex:1;min-width:0;font-size:12px;padding:2px 4px;background:var(--bg2);border:1px solid var(--border);border-radius:4px;color:var(--text1)}.slider-row{display:flex;align-items:center;gap:6px;flex:1}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}.slider-val{color:var(--text2);font-size:11px;min-width:36px;text-align:right;font-family:monospace}.tag-inspector-empty .inspector-hint{padding:4px 0}.tag-time-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.tag-time-label{font-size:12px;font-weight:600;color:var(--purple)}.tag-count{font-size:10px;color:var(--text2)}.tags-at-time{display:flex;flex-direction:column;gap:4px}.tag-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;border:1px solid transparent;cursor:pointer}.tag-row:hover{background:var(--bg2)}.tag-row.active{background:var(--bg2);border-color:var(--border2)}.tag-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-row-label{flex:1;font-size:12px}.tag-label-input{flex:1;background:#ffffff0a;border:1px solid var(--border2);border-radius:4px;padding:2px 6px;color:var(--text);font-size:12px}.tag-label-input:focus{outline:none;border-color:var(--purple)}.tag-color-pick{width:24px;height:22px;border:none;background:none;cursor:pointer;padding:0}.tag-del-inline{background:none;border:none;color:var(--text2);cursor:pointer;font-size:12px;padding:2px}.tag-del-inline:hover{color:var(--red)}.tag-presets-row{display:flex;flex-wrap:wrap;gap:4px}.tag-preset-btn{padding:3px 8px;border-radius:10px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;font-size:11px;transition:all .1s}.tag-preset-btn:hover{border-color:var(--preset-color);color:var(--preset-color)}.add-tag-row{display:flex;gap:6px;align-items:center}.add-tag-btn{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;color:var(--text);cursor:pointer;padding:4px 10px;font-size:12px;white-space:nowrap}.add-tag-btn:hover{background:var(--bg3)}.autocomplete-wrap{position:relative;flex:1}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:100;background:#0c0c14f2;border:1px solid var(--border2);border-radius:8px;list-style:none;max-height:160px;overflow-y:auto;margin-top:4px;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.autocomplete-list li{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font-size:12px}.autocomplete-list li:hover,.autocomplete-list li.highlighted{background:var(--bg3)}.sug-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cuts-list{display:flex;flex-direction:column;gap:4px}.cut-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:11px}.cut-item:hover{background:var(--bg2)}.cut-item.selected{background:var(--bg2);border-color:var(--border2)}.cut-index{color:var(--text2);min-width:20px}.cut-range{flex:1;font-family:monospace;font-size:11px}.cut-dur{color:var(--red);font-family:monospace;font-size:11px}.cut-del-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:12px}.cut-del-btn:hover{color:var(--red)}.cuts-summary{font-size:11px;color:var(--text2);padding-top:4px;border-top:1px solid var(--border)}.timeline-root{height:var(--timeline-h);display:flex;background:var(--bg1);border-top:1px solid var(--border);flex-shrink:0}.track-headers{display:flex;flex-direction:column;background:#0c0c14e6;border-right:1px solid var(--border);flex-shrink:0;z-index:1}.track-header-spacer{border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.timeline-fit-btn{background:none;border:1px solid var(--border2);border-radius:4px;color:var(--text2);font-size:14px;cursor:pointer;padding:1px 4px;line-height:1}.timeline-fit-btn:hover{color:var(--text);border-color:#ffffff40}.zoom-presets{display:flex;align-items:center;gap:2px;width:100%;justify-content:center}.zoom-preset-btn{background:none;border:1px solid var(--border2);border-radius:4px;color:var(--text2);font-size:10px;cursor:pointer;padding:1px 5px;line-height:1.4}.zoom-preset-btn:hover{color:var(--text);border-color:#ffffff40}.zoom-preset-btn.active{color:var(--accent);border-color:#3dfb574d;background:#3dfb5712}.track-header-row{display:flex;align-items:center;padding:0 8px;gap:5px;border-bottom:1px solid var(--border);flex-shrink:0}.track-header-icon{font-size:11px}.track-header-label{font-size:10px;color:var(--text2);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden;position:relative}.timeline-content{position:relative}.timeline-scroll::-webkit-scrollbar{height:10px}.timeline-scroll::-webkit-scrollbar-track{background:var(--bg1)}.timeline-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px;border:2px solid var(--bg1)}.timeline-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38}.time-ruler{position:relative;height:28px;background:#0c0c14cc;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.tick{position:absolute;top:0;height:100%;border-left:1px solid var(--border)}.tick-label{position:absolute;top:4px;left:3px;font-size:10px;color:var(--text3);white-space:nowrap;font-family:monospace}.playhead{position:absolute;top:0;width:1.5px;background:var(--red);pointer-events:none;z-index:20}.playhead:before{content:"";position:absolute;top:0;left:-4px;width:10px;height:10px;background:var(--red);clip-path:polygon(50% 100%,0 0,100% 0)}.playhead-time{position:absolute;top:11px;left:4px;font-size:10px;font-weight:600;color:var(--red);white-space:nowrap;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.track-lane{position:relative;border-bottom:1px solid var(--border)}.video-bar-lane{background:var(--bg1);border-bottom:1px solid var(--border);position:relative}.video-bar-fill{position:absolute;top:4px;right:0;bottom:4px;left:0;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-radius:2px}.video-bar-cut{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,#ef44444d 0,#ef44444d 4px,#ef44441a 4px,#ef44441a 8px);border-left:1px solid var(--red);border-right:1px solid var(--red);z-index:2}.audio-lane{background:var(--bg1)}.scores-lane{background:var(--bg1);height:52px;cursor:crosshair;border-bottom:none}.score-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;z-index:5;padding:2px}.score-marker:active{cursor:grabbing}.score-marker.selected .marker-symbol{filter:drop-shadow(0 0 5px var(--marker-color))}.score-marker.selected{outline:1.5px solid var(--marker-color);outline-offset:3px;border-radius:2px}.marker-symbol{line-height:1}.marker-score{font-size:9px;color:var(--text2);font-family:monospace;margin-top:1px;white-space:nowrap}.score-marker.has-tags .marker-symbol{position:relative}.marker-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);position:absolute;top:-2px;right:-4px;pointer-events:none}.shots-lane{background:var(--bg1);cursor:crosshair}.shot-marker{opacity:.85}.shot-marker:hover{opacity:1}.score-marker:hover .marker-score{color:var(--text)}.tags-lane{background:var(--bg1);cursor:pointer}.tag-group{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;z-index:5;padding:1px 3px}.tag-group:active{cursor:grabbing}.tag-group.selected{outline:1.5px solid var(--purple);outline-offset:3px;border-radius:2px}.tag-dots{display:flex;gap:2px;align-items:center}.tag-dot{width:8px;height:8px;border-radius:50%}.tag-overflow{font-size:8px;color:var(--text2)}.tag-pin-label{font-size:9px;color:var(--text2);white-space:nowrap;margin-top:1px;max-width:60px;overflow:hidden;text-overflow:ellipsis}.cuts-lane{background:var(--bg1);cursor:crosshair}.cut-bar{position:absolute;top:2px;height:calc(100% - 4px);background:repeating-linear-gradient(45deg,#ef444433 0,#ef444433 5px,#ef44440f 5px,#ef44440f 10px);border:1.5px solid rgba(239,68,68,.6);border-radius:4px;display:flex;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;z-index:5;overflow:hidden}.cut-bar:active{cursor:grabbing}.cut-bar.selected{box-shadow:0 0 0 1.5px var(--red)}.cut-bar-label{flex:1;font-size:10px;color:var(--red);text-align:center;pointer-events:none;font-weight:600}.cut-handle{position:absolute;top:0;width:7px;height:100%;cursor:ew-resize;z-index:6}.cut-handle.left{left:0}.cut-handle.right{right:0}.sb-root *{box-sizing:border-box}.sb-section{cursor:pointer;transition:outline .1s;outline:2px solid transparent;outline-offset:-1px}.sb-section:hover{outline-color:#3dfb5780}.sb-player-row:hover{background:#ffffff0a!important}.sb-editor{display:flex;flex-direction:column;gap:0}.sb-template-row{display:flex;gap:3px;padding:8px;flex-wrap:wrap;background:#ffffff05;border-bottom:1px solid var(--border)}.sb-tpl-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 7px;border-radius:7px;border:1px solid var(--border2);background:var(--bg2);cursor:pointer;transition:all .12s;min-width:52px}.sb-tpl-btn:hover{border-color:#3dfb5759}.sb-tpl-btn.active{border-color:#3dfb5780;background:#3dfb5714}.sb-tpl-icon{font-size:18px;line-height:1}.sb-tpl-name{font-size:9px;color:var(--text2);white-space:nowrap}.sb-preview-wrap{background:#0a0a14;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;border-bottom:1px solid var(--border)}.sb-preview-inner{position:relative}.sb-section-badge{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;font-size:10px;padding:2px 8px;border-radius:8px;pointer-events:none;white-space:nowrap;font-weight:700}.sb-preview-hint{font-size:10px;color:var(--text3)}.sb-tabs{display:flex;border-bottom:1px solid var(--border);background:#ffffff05}.sb-tab{flex:1;padding:6px 4px;font-size:11px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);cursor:pointer;transition:all .1s}.sb-tab:hover{color:var(--text)}.sb-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sb-tab-body{padding:10px 12px}.tab-fields{display:flex;flex-direction:column;gap:8px}.tab-fields .field-row>span:first-child{min-width:60px;font-size:11px}.tab-fields input[type=color]{width:32px;height:28px;border:1px solid var(--border2);border-radius:4px;background:none;cursor:pointer;padding:1px}.color-hex{font-size:11px;color:var(--text2);font-family:monospace}.toggle-btn{padding:3px 12px;border-radius:10px;font-size:11px;font-weight:600;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer}.toggle-btn.on{background:#3dfb571f;border-color:#3dfb5766;color:var(--accent)}.align-picker{display:flex;gap:2px;flex-shrink:0}.align-btn{width:22px;height:22px;padding:0;border-radius:4px;font-size:9px;border:1px solid var(--border2);background:var(--bg2);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center}.align-btn:hover{border-color:#3dfb5759;color:var(--text)}.align-btn.active{background:#3dfb571f;border-color:#3dfb5766;color:var(--accent)}.players-cols{display:flex;flex-direction:column;gap:12px}.player-slot-col{display:flex;flex-direction:column;gap:6px}.player-slot-label{font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;padding-bottom:2px;border-bottom:1px solid var(--border)}.slot-add-btn{background:transparent;border:1px solid var(--border2);color:var(--accent);border-radius:5px;padding:2px 7px;cursor:pointer;font-size:11px}.slot-add-btn:hover{background:#3dfb5714}.slot-content-input{flex:1;background:var(--bg2);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-size:12px;padding:3px 5px;min-width:0}.slot-content-input:focus{outline:none;border-color:var(--accent)}.slot-remove-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:11px;padding:2px 4px;flex-shrink:0;line-height:1}.slot-remove-btn:hover{color:var(--red)}.slot-empty-hint{font-size:10px;color:var(--text3);padding:2px 0}.col-add-row{display:flex;gap:6px;padding-top:4px;border-top:1px solid var(--border)}.col-type-section{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.col-type-hint{font-size:10px;color:var(--text3)}.col-type-row{display:flex;align-items:center;gap:8px}.col-type-label{font-size:11px;color:var(--text2);width:42px;flex-shrink:0}.col-type-field{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text2)}.col-type-field input[type=color]{width:28px;height:22px;border:1px solid var(--border2);border-radius:3px;padding:0;cursor:pointer;background:none}.col-type-clear{background:none;border:none;color:var(--text3);cursor:pointer;font-size:10px;padding:0 2px;line-height:1}.col-item{border:1px solid var(--border2);border-radius:7px;padding:6px 8px;display:flex;flex-direction:column;gap:5px;background:var(--bg2)}.col-item-header{display:flex;align-items:center;gap:5px}.col-side-select{flex:1;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-size:11px;padding:2px 4px}.col-item-width{font-size:10px;color:var(--text3);font-family:monospace;margin-left:auto}.cell-editor-row{display:flex;align-items:center;gap:5px}.cell-editor-player{font-size:10px;font-weight:700;color:var(--text2);min-width:18px;text-transform:uppercase}.cell-img-btn{background:transparent;border:1px solid var(--border2);border-radius:4px;cursor:pointer;font-size:13px;padding:1px 4px;flex-shrink:0;line-height:1}.cell-img-btn:hover{border-color:#3dfb5766}.cell-img-preview{flex:1;position:relative;display:inline-flex;align-items:center;gap:4px}.cell-img-preview img{height:24px;max-width:60px;object-fit:contain;border-radius:2px;border:1px solid var(--border2)}.cell-fill-btn{font-size:12px!important;padding:2px 8px!important;height:auto!important}.sb-col-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10}.sb-col-handle-left{right:auto;left:0}.sb-col-handle:hover,.sb-col-handle:active{background:#3dfb5759}.sb-row-handle{position:absolute;bottom:0;left:0;right:0;height:5px;cursor:row-resize;z-index:10}.sb-row-handle:hover,.sb-row-handle:active{background:#3dfb5759}.sb-corner-handle{position:absolute;bottom:-6px;right:-6px;width:14px;height:14px;border-radius:50%;background:var(--accent);opacity:.75;cursor:nwse-resize;z-index:20}.sb-corner-handle:hover{opacity:1}.inspector-section{border:1px solid var(--border2);border-radius:8px;padding:8px;margin-bottom:10px;background:var(--bg2)}.inspector-section-title{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);margin-bottom:6px}.quick-insert-row{display:flex;gap:5px;margin-bottom:8px;flex-wrap:wrap}.quick-btn{flex:1;min-width:60px;padding:5px 6px;background:var(--bg2);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-size:11px;cursor:pointer;white-space:nowrap}.quick-btn:hover{background:var(--bg3)}.quick-btn:disabled{opacity:.4;cursor:default}.set-end-btn{border-color:#3dfb574d;color:var(--green)}.set-start-btn{border-color:#3dfb5733;color:#86efaccc}.match-end-btn{border-color:#ef44444d;color:var(--red)}.transitions-lane{position:relative;height:100%}.transition-region{position:absolute;top:3px;bottom:3px;background:color-mix(in srgb,var(--tr-color) 20%,transparent);border:1px solid var(--tr-color);border-radius:4px;cursor:grab;overflow:hidden;display:flex;align-items:center}.transition-region:active{cursor:grabbing}.transition-label{font-size:9px;padding:0 4px;color:var(--tr-color);font-weight:700;white-space:nowrap}.transition-handle-r{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:ew-resize;background:var(--tr-color);opacity:.4}.transition-handle-r:hover{opacity:.9}.transition-list{display:flex;flex-direction:column;gap:10px}.transition-item{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:8px}.transition-type-badge{font-size:12px;font-weight:600}.transition-time{float:right;font-size:11px;color:var(--text2)}.clips-lane{position:relative;height:100%}.clip-region{position:absolute;top:2px;bottom:2px;background:color-mix(in srgb,var(--purple) 20%,transparent);border:1px solid var(--purple);border-left-width:2px;border-radius:3px;cursor:grab;overflow:hidden;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.clip-region:hover{background:color-mix(in srgb,var(--purple) 30%,transparent)}.clip-region:active{cursor:grabbing}.clip-region-label{font-size:9px;padding:0 4px;color:var(--purple);font-weight:700;white-space:nowrap}.repeat-src{position:absolute;top:2px;bottom:2px;background:color-mix(in srgb,#f59e0b 20%,transparent);border:1px solid #f59e0b;border-radius:3px;cursor:grab;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;overflow:hidden}.repeat-src:hover{background:color-mix(in srgb,#f59e0b 30%,transparent)}.repeat-src:active{cursor:grabbing}.repeat-src-label{font-size:9px;color:#f59e0b;font-weight:700;white-space:nowrap;pointer-events:none}.repeat-src-handle{position:absolute;top:0;bottom:0;width:6px;background:#f59e0b66;cursor:ew-resize}.repeat-src-handle.left{left:0;border-radius:3px 0 0 3px}.repeat-src-handle.right{right:0;border-radius:0 3px 3px 0}.repeat-insert-pin{position:absolute;top:0;bottom:0;width:3px;background:#f59e0b;cursor:grab;transform:translate(-50%)}.repeat-insert-pin:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#f59e0b;border:1px solid #fff2}.repeat-insert-pin:hover{background:#fbbf24}.clips-section-header{font-size:10px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin:4px 0}.preset-color-swatch{width:28px;height:24px;border:none;border-radius:3px;cursor:pointer;padding:0}.preset-del-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:12px;padding:2px;border-radius:3px}.preset-del-btn:hover{color:var(--red)}.preset-edit-list{display:flex;flex-direction:column;gap:4px}.preset-edit-row{display:flex;align-items:center;gap:4px}.preset-edit-actions{display:flex;gap:6px;margin-top:6px}.stats-body{display:flex;flex-direction:column;gap:12px}.stats-section{display:flex;flex-direction:column;gap:4px}.stats-header{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.stats-row{display:flex;align-items:center;gap:6px}.stats-label{width:70px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.stats-bar-wrap{flex:1;height:8px;background:var(--bg3);border-radius:4px;overflow:hidden}.stats-bar{display:block;height:100%;border-radius:4px;transition:width .3s}.stats-val{width:28px;text-align:right;font-size:12px;font-weight:600;flex-shrink:0}.stats-total-hint{font-size:10px;color:var(--text2);text-align:right}.stats-sets-row{display:flex;align-items:center;gap:4px;font-size:11px}.stats-sets-name{width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.stats-set-score{width:22px;text-align:center;font-size:12px;font-weight:600;padding:1px 2px;border-radius:3px}.stats-set-score.winner{background:var(--accent);color:#000;font-weight:700}.stats-set-label{width:22px;text-align:center;font-size:9px;color:var(--text2)}.stats-sets-total{margin-left:auto;font-size:11px;color:var(--text2)}.stats-sets-row.labels{margin-top:2px}.stats-set-detail{margin-top:4px}.stats-set-detail-label{font-size:10px;color:var(--text2);display:block;margin-bottom:3px}.tpl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 0 6px;border-bottom:1px solid var(--border);margin-bottom:6px;min-height:28px}.tpl-chip{display:inline-flex;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:10px;overflow:hidden;height:22px}.tpl-load{padding:0 7px;background:none;border:none;color:var(--accent);font-size:11px;cursor:pointer;height:100%;white-space:nowrap}.tpl-load:hover{background:var(--bg4)}.tpl-del{padding:0 5px;background:none;border:none;border-left:1px solid var(--border);color:var(--text2);font-size:12px;cursor:pointer;height:100%}.tpl-del:hover{color:var(--red);background:var(--bg4)}.tpl-add{padding:0 8px;height:22px;background:var(--bg3);border:1px dashed var(--border);border-radius:10px;color:var(--text2);font-size:14px;cursor:pointer;line-height:20px}.tpl-add:hover{border-color:var(--accent);color:var(--accent)}.tpl-input{height:22px;padding:0 6px;font-size:11px;border-radius:10px 0 0 10px;border:1px solid var(--accent);background:var(--bg2);color:var(--text);outline:none;min-width:80px}.tpl-save-ok{height:22px;padding:0 7px;background:var(--accent);border:1px solid var(--accent);border-left:none;color:#000;font-weight:700;font-size:12px;cursor:pointer;border-radius:0 10px 10px 0}.tpl-save-ok:hover{opacity:.85}.tag-presets-section{margin-top:10px}.tag-presets-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text2);margin-bottom:6px}.tag-edit-presets-btn{font-size:10px;padding:2px 6px;background:var(--bg3);border:1px solid var(--border);border-radius:3px;color:var(--text2);cursor:pointer}.tag-edit-presets-btn:hover{color:var(--text);background:var(--bg4)}.logo-item{background:var(--bg2);border:1px solid var(--border);border-radius:5px;padding:8px;display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.logo-item-header{display:flex;align-items:center;gap:6px}.logo-name-input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:11px;padding:3px 6px}.logo-upload-row{display:flex;align-items:center;gap:6px}.logo-upload-btn{flex:1;padding:5px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text2);font-size:11px;cursor:pointer;text-align:center}.logo-upload-btn:hover{background:var(--bg4);border-color:var(--blue)}.logo-preview{display:flex;align-items:center;gap:6px}.logo-preview img{height:36px;max-width:80px;object-fit:contain;border-radius:3px;background:var(--bg3);border:1px solid var(--border)}.logo-clear-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px}.logo-clear-btn:hover{color:var(--red);background:#ef444414}.markup-mode-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.markup-mode-label{color:var(--text2);font-size:11px;flex-shrink:0}.markup-mode-hint{font-size:10px;color:var(--text2);margin-bottom:8px;padding:4px 6px;background:var(--bg2);border-radius:3px;border-left:2px solid var(--accent)}.pick-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;cursor:crosshair;background:color-mix(in srgb,#fbbf24 8%,transparent);border:1px dashed #fbbf24}.pick-overlay-hint{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:10px;color:#fbbf24;background:var(--bg0);padding:1px 6px;border-radius:3px;white-space:nowrap;pointer-events:none}.pick-btn{flex-shrink:0;padding:0 5px;height:22px;font-size:13px;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--text2);cursor:pointer;line-height:1}.pick-btn:hover{border-color:#fbbf24;color:#fbbf24}.pick-btn-active{border-color:#fbbf24!important;color:#fbbf24!important;background:color-mix(in srgb,#fbbf24 15%,var(--bg3))!important}.point-tag-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center}.point-tag-popup.simple{background:var(--bg1);border:1px solid var(--border2);border-radius:8px;padding:16px;width:340px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:10px}.point-tag-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text)}.point-tag-close{background:none;border:none;color:var(--text2);cursor:pointer;font-size:14px;padding:2px 4px;border-radius:3px;line-height:1}.point-tag-close:hover{color:var(--text);background:var(--bg3)}.point-tag-row{display:flex;align-items:flex-start;gap:10px}.point-tag-row.tags-row{align-items:flex-start}.point-tag-row-label{font-size:11px;color:var(--text2);min-width:44px;padding-top:3px}.point-tag-toggle-group{display:flex;gap:4px;flex-wrap:wrap}.point-tag-toggle-btn{font-size:11px;padding:3px 10px;border-radius:4px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;line-height:1.4}.point-tag-toggle-btn:hover{color:var(--text);background:var(--bg3)}.point-tag-toggle-btn.active{background:#38bdf826;border-color:#38bdf8;color:#38bdf8}.point-tag-toggle-btn.active.winner{background:#3dfb5726;border-color:var(--accent);color:var(--accent)}.point-tag-chips-wrap{display:flex;flex-wrap:wrap;gap:5px;flex:1}.point-tag-chip{display:flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;border:1px solid var(--accent);background:#3dfb571a;color:var(--accent);font-size:11px;white-space:nowrap}.point-tag-chip-remove{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0;line-height:1;opacity:.7}.point-tag-chip-remove:hover{opacity:1}.point-tag-custom-input.inline{background:var(--bg2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:11px;padding:2px 7px;width:90px}.point-tag-custom-input.inline:focus{outline:none;border-color:var(--accent)}.point-tag-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:2px}.point-tag-cancel-btn{background:transparent;border:1px solid var(--border2);border-radius:4px;color:var(--text2);cursor:pointer;padding:6px 14px;font-size:12px}.point-tag-cancel-btn:hover{background:var(--bg2);color:var(--text)}.point-tag-confirm-btn{background:var(--accent);border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:700;padding:6px 16px;font-size:12px;display:flex;align-items:center;gap:6px}.point-tag-confirm-btn:hover{opacity:.88}.point-tag-confirm-btn kbd{background:#00000026;border-radius:3px;padding:1px 5px;font-size:10px;font-family:monospace}.bounce-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center}.bounce-modal{background:var(--bg1);border:1px solid var(--border2);border-radius:8px;padding:16px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:12px;min-width:260px}.bounce-modal-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.bounce-modal-body{display:flex;gap:16px;align-items:flex-start}.bounce-modal-info{display:flex;flex-direction:column;gap:6px;padding-top:4px}.bounce-modal-info-row{display:flex;flex-direction:column;gap:1px}.bounce-modal-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text2)}.bounce-modal-val{font-size:13px;font-weight:600}.bounce-modal-hint{font-size:10px;font-weight:400;color:var(--text2)}.rally-shots-section{border-top:1px solid var(--border2);padding-top:10px}.rally-shots-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rally-shots-title{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.rally-shots-add-btn{background:transparent;border:1px solid var(--border2);border-radius:4px;color:var(--text2);cursor:pointer;font-size:11px;padding:2px 8px}.rally-shots-add-btn:hover{background:var(--bg2);color:var(--text)}.rally-shots-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.rally-shots-empty{font-size:11px;color:var(--text2);font-style:italic}.rally-shot-card{flex-shrink:0;background:var(--bg1);border:1px solid var(--border2);border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px}.rally-shot-top{display:flex;align-items:center;gap:4px}.rally-shot-num{font-size:10px;color:var(--text2);font-weight:700;min-width:14px}.rally-shot-player-toggle{display:flex;gap:2px}.rally-shot-player-btn{background:transparent;border:1px solid var(--border2);border-radius:3px;color:var(--text2);cursor:pointer;font-size:10px;padding:1px 5px}.rally-shot-player-btn.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.rally-shot-del-btn{margin-left:auto;background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:10px;padding:1px 3px;border-radius:3px}.rally-shot-del-btn:hover{background:#ef444422;color:#ef4444}.ms-page{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg0)}.ms-topbar{display:flex;align-items:center;gap:12px;height:var(--toolbar-h);padding:0 16px;flex-shrink:0;background:var(--bg1);border-bottom:1px solid var(--border)}.ms-topbar-title{font-size:14px;font-weight:600;color:var(--text)}.ms-empty{padding:40px;color:var(--text2);font-size:14px}.ms-body{flex:1;overflow-y:auto;padding:32px 20px;display:flex;flex-direction:column;gap:32px;align-items:center}.ms-body>*{width:100%;max-width:860px}.ms-sb-bar{flex-shrink:0;background:var(--bg1);border-bottom:1px solid var(--border);padding:10px 20px;width:100%;max-width:860px;align-self:center}.ms-sb-row{display:flex;align-items:center;padding:6px 0;gap:0}.ms-sb-name{flex:1;font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-right:16px}.ms-sb-sets-won{width:40px;text-align:center;font-size:28px;font-weight:900;line-height:1;flex-shrink:0}.ms-sb-pts{width:40px;text-align:center;font-size:22px;font-weight:700;color:var(--text);flex-shrink:0;margin-left:8px;margin-right:16px;font-variant-numeric:tabular-nums;border-left:1px solid var(--border);padding-left:8px}.ms-sb-scores{display:flex;gap:5px;flex-wrap:wrap}.ms-sb-cell{min-width:34px;padding:0 6px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border);border-radius:4px;font-size:14px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}.ms-sb-cell.ms-sb-cell-win{background:#38bdf826;border-color:var(--accent);color:var(--text);font-weight:800}.ms-section{display:flex;flex-direction:column;gap:14px}.ms-section-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--border);padding-bottom:6px}.ms-h2h{display:flex;flex-direction:column;gap:2px}.ms-h2h-names{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:10px}.ms-h2h-row{display:flex;align-items:center;gap:12px;padding:5px 0;border-bottom:1px solid var(--border)}.ms-h2h-row:last-child{border-bottom:none}.ms-h2h-val{font-size:15px;font-weight:700;width:60px;font-variant-numeric:tabular-nums}.ms-h2h-p1{text-align:right;color:#38bdf8}.ms-h2h-p2{text-align:left;color:#a78bfa}.ms-h2h-center{flex:1;display:flex;flex-direction:column;gap:4px;align-items:center}.ms-h2h-bar{width:100%;height:10px;border-radius:5px;overflow:hidden;display:flex;background:var(--bg3)}.ms-h2h-fill-p1{background:#38bdf8;height:100%;transition:width .3s}.ms-h2h-fill-p2{background:#a78bfa;height:100%;transition:width .3s}.ms-h2h-label{font-size:11px;color:var(--text2);white-space:nowrap}.ms-h2h-duration{font-size:12px;color:var(--text2);text-align:center;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.ms-seq-wrap{display:flex;flex-direction:column;gap:4px;overflow-x:auto;padding:4px 0}.ms-seq-row{display:flex;align-items:center;gap:6px;min-width:0}.ms-seq-name{font-size:11px;font-weight:600;width:70px;flex-shrink:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-seq-boxes{display:flex;gap:2px;flex-wrap:nowrap;flex:1;min-width:0}.ms-seq-box{flex:1;min-width:20px;max-width:36px;aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--border)}.ms-seq-p1{background:#38bdf833;border-color:#38bdf8;color:#fff}.ms-seq-p2{background:#a78bfa33;border-color:#a78bfa;color:#fff}.ms-seq-empty{background:var(--bg2);border-color:var(--border);color:transparent}.ms-seq-total{width:26px;height:26px;font-size:12px;border-radius:5px;margin-right:4px;align-self:center}.ms-setsboard{display:flex;flex-direction:column;gap:5px}.ms-setsboard-row{display:flex;align-items:center;gap:10px}.ms-setsboard-name{font-size:13px;font-weight:600;width:80px;flex-shrink:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-setsboard-total{width:48px;height:48px;flex-shrink:0;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;border:2px solid;border-radius:7px;display:flex;align-items:center;justify-content:center}.ms-setsboard-divider{width:1px;height:36px;background:var(--border);flex-shrink:0}.ms-setsboard-cells{display:flex;gap:4px;flex-wrap:wrap}.ms-setsboard-cell{width:32px;height:32px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;border:1.5px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--text2);background:var(--bg2)}.ms-setsboard-cell-won{color:#fff}.ms-set-cards{display:flex;flex-direction:column;gap:14px}.ms-set-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ms-set-card-header{display:flex;align-items:baseline;gap:10px}.ms-set-card-num{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;flex-shrink:0}.ms-set-card-score{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ms-set-card-winner{margin-left:auto;font-size:13px;font-weight:600}.ms-placement-row{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}.ms-placement{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.ms-placement-name{font-size:13px;font-weight:700}.ms-placement-total{font-size:11px;color:var(--text2)}.ms-hand-toggle{display:flex;gap:4px}.ms-hand-btn{padding:2px 9px;border-radius:4px;border:1px solid rgba(148,163,184,.25);background:transparent;color:#64748b;font-size:11px;cursor:pointer;transition:all .15s}.ms-hand-btn:hover:not(.active){background:#94a3b814;color:#94a3b8}.ms-hand-btn.active{background:#94a3b81f;color:#e2e8f0}.ms-heatmap-row{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.ms-wonlost-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.ms-heat-player-name{font-size:13px;font-weight:700}.ms-heat-grids{display:flex;gap:12px;align-items:flex-start}.ms-heat-col{display:flex;flex-direction:column;gap:3px}.ms-heat-sublabel{font-size:11px;color:var(--text2);font-weight:600}.ms-heat-total{font-weight:400;color:var(--text2)}.ms-tag-table{width:100%;border-collapse:collapse;font-size:12px}.ms-tag-table th,.ms-tag-table td{padding:4px 6px;text-align:left;border-bottom:1px solid var(--border)}.ms-tag-table thead th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text2)}.ms-th-tag,.ms-td-tag{width:auto}.ms-th-n,.ms-td-n,.ms-th-w,.ms-td-w,.ms-th-l,.ms-td-l{width:32px;text-align:center;font-variant-numeric:tabular-nums}.ms-th-pct,.ms-td-pct{width:100px}.ms-rate-wrap{display:flex;align-items:center;gap:5px}.ms-rate-bar-bg{flex:1;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.ms-rate-bar-fill{height:100%;border-radius:3px;transition:width .3s}.ms-tag-divider{width:1px;background:var(--border);margin:0 20px;flex-shrink:0}.ms-p1-text{color:#38bdf8}.ms-p2-text{color:#a78bfa}.auth-splash{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg0);color:var(--text2);font-size:15px}.login-page{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg0)}.login-card{background:var(--bg1);border:1px solid var(--border);border-radius:12px;padding:40px 36px;width:380px;display:flex;flex-direction:column;gap:16px;text-align:center}.login-icon{font-size:40px}.login-card h2{font-size:20px;font-weight:700;margin:0}.login-card p{color:var(--text2);font-size:13px;line-height:1.6;margin:0}.login-input{width:100%;padding:10px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;outline:none}.login-input:focus{border-color:var(--accent)}.login-btn{width:100%;padding:10px 16px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.login-btn:disabled{opacity:.45;cursor:default}.login-btn.primary{background:var(--accent);color:#000;font-weight:700}.login-btn.primary:hover:not(:disabled){opacity:.85}.login-btn.secondary{background:var(--bg3);color:var(--text)}.login-btn.secondary:hover:not(:disabled){background:var(--bg4)}.login-error{color:var(--red);font-size:12px;margin:0}.login-note{font-size:11px;color:var(--text2);margin:0}.login-note a{color:var(--accent);text-decoration:none}.login-note a:hover{text-decoration:underline}.login-card form{display:flex;flex-direction:column;gap:10px}.login-tabs{display:flex;gap:4px;background:var(--bg2);border-radius:8px;padding:3px}.login-tab{flex:1;padding:6px 10px;border-radius:6px;border:none;background:transparent;color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.login-tab.active{background:var(--bg3);color:var(--text)}.login-tab:hover:not(.active){color:var(--text)}.account-menu-wrap{position:relative}.account-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;color:var(--text)}.account-btn:hover{background:var(--bg2)}.account-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#000}.account-tier-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--bg3);color:var(--text2)}.account-tier-badge.pro{background:var(--purple);color:#fff}.account-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:200;background:var(--bg1);border:1px solid var(--border);border-radius:10px;width:240px;overflow:hidden;box-shadow:0 8px 24px #00000080}.account-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.account-email{font-size:13px;font-weight:600;word-break:break-all}.account-tier{font-size:11px;color:var(--text2)}.account-credits{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:5px;margin-top:4px}.account-credits-icon{width:14px;height:14px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-storage{font-size:11px;color:var(--text2);display:flex;flex-direction:column;gap:4px;margin-top:4px}.account-storage-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.account-storage-fill{height:100%;background:var(--accent);border-radius:2px}.account-actions{display:flex;flex-direction:column}.account-action{padding:10px 16px;text-align:left;background:none;border:none;color:var(--text);font-size:13px;cursor:pointer;border-bottom:1px solid var(--border)}.account-action:last-child{border-bottom:none}.account-action:hover{background:var(--bg2)}.account-action.upgrade{color:#fff;background:var(--purple);font-weight:600}.account-action.upgrade:hover{background:#8b5cf6}.account-action.danger{color:var(--red)}.account-action.danger:hover{background:#ef444414}.account-action:disabled{opacity:.5;cursor:default}.account-billing-error{font-size:11px;color:#f87171;padding:6px 12px}.lib-page{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px;background:var(--bg0)}.lib-page-centered{align-items:center;justify-content:center}.lib-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.lib-count{font-size:12px;color:var(--text2);font-weight:500}.lib-spinner{width:32px;height:32px;border:3px solid var(--bg3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lib-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lib-empty-icon{font-size:44px;line-height:1}.lib-empty-title{font-size:17px;font-weight:700;color:var(--text)}.lib-empty-sub{font-size:13px;color:var(--text2);max-width:300px}.lib-signin{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.lib-signin-icon{font-size:44px;line-height:1}.lib-signin-title{font-size:18px;font-weight:700;color:var(--text)}.lib-signin-sub{font-size:13px;color:var(--text2);max-width:300px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.lib-card{background:var(--bg1);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.lib-card:hover{border-color:var(--border2);box-shadow:0 4px 20px #0000004d}.lib-card-active{border-color:var(--accent)!important}.lib-thumb{position:relative;aspect-ratio:16/9;background:var(--bg2);overflow:hidden;flex-shrink:0}.lib-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lib-thumb-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:28px;color:var(--text3)}.lib-thumb-spinner{display:block;width:22px;height:22px;border:2px solid var(--bg3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.lib-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s}.lib-thumb:hover .lib-thumb-overlay{opacity:1}.lib-download-icon{font-size:22px}.lib-status-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:20px;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lib-status-ready{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.lib-status-processing,.lib-status-queued{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.lib-status-pending{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.lib-status-failed,.lib-status-expired{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.lib-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:blink 1.2s ease-in-out infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.lib-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.lib-card-header{display:flex;align-items:flex-start;gap:8px}.lib-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.lib-matchup{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-title{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text2)}.lib-date{color:var(--text2)}.lib-points{color:var(--accent);font-weight:700;font-size:10px}.lib-filename{font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.lib-project{padding:1px 6px;border-radius:4px;background:var(--bg3);color:var(--text2);font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.lib-delete-btn{flex-shrink:0;background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:5px;line-height:0;transition:color .15s,background .15s}.lib-delete-btn:hover{color:var(--red);background:#ef44441a}.lib-tags{display:flex;flex-wrap:wrap;gap:4px}.lib-tag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;background:var(--bg3);color:var(--text2)}.video-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;gap:8px;transition:border-color .18s,background .18s;background:var(--bg0)}.video-drop-zone:hover,.video-drop-zone.dragging{border-color:var(--accent);background:rgba(from var(--accent) r g b / .06)}.drop-zone-icon{font-size:40px;line-height:1}.drop-zone-title{font-size:16px;font-weight:700;color:var(--text)}.drop-zone-sub{font-size:13px;color:var(--text2)}.drop-zone-formats{font-size:11px;color:var(--text2);margin-top:4px}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal-box{position:relative;background:var(--bg1);border:1px solid var(--border);border-radius:14px;width:420px;max-width:calc(100vw - 32px);padding:32px}.login-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text2);font-size:16px;cursor:pointer;line-height:1}.login-modal-close:hover{color:var(--text)}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.terms-modal{background:var(--bg1);border:1px solid var(--border);border-radius:14px;width:540px;max-width:calc(100vw - 32px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.terms-header{padding:28px 28px 20px;text-align:center;border-bottom:1px solid var(--border)}.terms-icon{font-size:36px;margin-bottom:10px}.terms-header h2{font-size:19px;font-weight:700;margin-bottom:8px}.terms-header p{color:var(--text2);font-size:13px;margin:0}.terms-body{padding:20px 28px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.terms-body h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin:0}.terms-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.terms-body li{font-size:13px;color:var(--text2);line-height:1.5}.terms-links{font-size:12px;color:var(--text2);margin:0}.terms-links a{color:var(--accent);text-decoration:none}.terms-links a:hover{text-decoration:underline}.terms-error{margin:0 28px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--red);font-size:13px}.terms-footer{padding:16px 28px 24px;border-top:1px solid var(--border)}.terms-accept-btn{width:100%;padding:12px;background:var(--accent);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s}.terms-accept-btn:hover:not(:disabled){opacity:.85}.terms-accept-btn:disabled{opacity:.5;cursor:default}.profile-page{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg0)}.profile-header{display:flex;align-items:center;gap:16px;padding:20px 32px 16px;border-bottom:1px solid var(--border)}.profile-back-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:12px;padding:5px 10px;cursor:pointer}.profile-back-btn:hover{color:var(--text);background:var(--bg2)}.profile-title{font-size:17px;font-weight:700}.profile-content{display:flex;flex-direction:column;gap:0;max-width:620px;width:100%;margin:0 auto;padding:24px 16px 40px}.profile-section{border-bottom:1px solid var(--border);padding:24px 0}.profile-section:last-child{border-bottom:none}.profile-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:16px}.profile-section-desc{font-size:12px;color:var(--text2);margin-bottom:14px;line-height:1.5}.profile-loading{font-size:12px;color:var(--text2)}.profile-field{display:flex;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.profile-field:last-child{border-bottom:none}.profile-field-label{font-size:12px;color:var(--text2);min-width:110px;flex-shrink:0}.profile-field-value{display:flex;align-items:center;font-size:13px}.profile-tier-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;background:var(--bg3);color:var(--text2)}.profile-tier-badge.pro{background:var(--purple);color:#fff}.profile-role-badge{font-size:11px;color:var(--text2)}.profile-storage{display:flex;flex-direction:column;gap:5px}.profile-storage-text{font-size:12px;color:var(--text2)}.profile-storage-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;width:180px}.profile-storage-fill{height:100%;background:var(--accent);border-radius:2px}.profile-credits-balance{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.profile-credits-coin{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#000;flex-shrink:0}.profile-credits-amount{font-size:22px;font-weight:700}.profile-credits-label{font-size:11px;color:var(--text2);margin-top:1px}.profile-credits-earned{font-size:11px;color:var(--text2);margin-left:auto;text-align:right}.profile-tx-list{border:1px solid var(--border);border-radius:8px;overflow:hidden}.profile-tx-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text2);padding:8px 12px;background:var(--bg2);border-bottom:1px solid var(--border)}.profile-tx-row{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:12px;border-bottom:1px solid var(--border)}.profile-tx-row:last-child{border-bottom:none}.profile-tx-amount{font-weight:700;min-width:44px}.profile-tx-amount.positive{color:var(--accent)}.profile-tx-amount.negative{color:var(--red)}.profile-tx-reason{flex:1;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-tx-date{font-size:11px;color:var(--text3);flex-shrink:0}.profile-form{display:flex;flex-direction:column;gap:14px;max-width:400px}.profile-form-row{display:flex;flex-direction:column;gap:5px}.profile-form-row label{font-size:12px;color:var(--text2)}.profile-input{background:var(--bg2);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:8px 11px;font-size:13px;outline:none;transition:border-color .15s}.profile-input:focus{border-color:var(--accent)}.profile-input.invalid{border-color:var(--red)}.profile-hint{font-size:11px}.profile-hint.error{color:var(--red)}.profile-msg{font-size:12px;padding:8px 12px;border-radius:6px;margin-top:2px}.profile-msg.error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--red)}.profile-msg.success{background:#3dfb5714;border:1px solid rgba(61,251,87,.2);color:var(--accent)}.profile-btn{padding:8px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.profile-btn:disabled{opacity:.5;cursor:default}.profile-btn.primary{background:var(--accent);color:#000}.profile-btn.primary:hover:not(:disabled){opacity:.85}.profile-btn.outline{background:none;border:1px solid var(--border);color:var(--text)}.profile-btn.outline:hover:not(:disabled){background:var(--bg2)}.profile-btn.outline.small{font-size:11px;padding:4px 10px}.profile-btn.danger{background:var(--red);color:#fff}.profile-btn.danger:hover:not(:disabled){opacity:.85}.profile-btn.danger-outline{background:none;border:1px solid var(--border);color:var(--text)}.profile-btn.danger-outline:hover:not(:disabled){border-color:var(--red);color:var(--red);background:#ef44440f}.profile-data-actions{display:flex;flex-direction:column;gap:0}.profile-data-item,.profile-danger-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.profile-data-item:last-child,.profile-danger-item:last-child{border-bottom:none}.profile-data-label{font-size:13px;font-weight:500;margin-bottom:3px}.profile-data-desc{font-size:11px;color:var(--text2);line-height:1.4;max-width:340px}.profile-inline-error{font-size:11px;color:#f87171;margin-top:4px}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.plan-card{position:relative;padding:20px 18px 16px;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg2)}.plan-card.featured{border-color:var(--purple)}.plan-card.current{border-color:var(--accent)}.plan-card-badge{position:absolute;top:-10px;left:16px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--purple);color:#fff}.plan-card-badge.current{background:var(--accent);color:#000}.plan-card-name{font-size:15px;font-weight:700}.plan-card-price{font-size:22px;font-weight:800}.plan-card-interval{font-size:13px;font-weight:400;color:var(--text2)}.plan-card-credits{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-card-credits-count{font-size:12px;color:var(--text2)}.plan-card-discount{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#3dfb5726;color:var(--accent)}.plan-card-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:5px;flex:1}.plan-card-features li{font-size:11px;color:var(--text2);padding-left:14px;position:relative;line-height:1.4}.plan-card-features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-size:10px}.plan-card-btn{width:100%;margin-top:auto}.pack-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.pack-card{position:relative;padding:18px 14px 14px;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg2);text-align:center}.pack-card.popular{border-color:var(--accent)}.pack-card-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--accent);color:#000;white-space:nowrap}.pack-card-credits{font-size:26px;font-weight:800;line-height:1}.pack-card-label{font-size:11px;color:var(--text2)}.pack-card-price{font-size:17px;font-weight:700;margin-top:6px}.pack-card-rate{font-size:10px;color:var(--text2)}.pack-card-btn{width:100%;margin-top:10px}.tutorial-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;pointer-events:all}.tutorial-tooltip{background:var(--bg2, #1e1e1e);border:1px solid #ffdd5740;border-radius:12px;padding:20px;box-shadow:0 12px 40px #000000b3,0 0 0 1px #ffdd5720;pointer-events:all;z-index:9001;max-width:360px}.tutorial-tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tutorial-tooltip-step{font-size:11px;color:var(--text2, #888);font-weight:600}.tutorial-tooltip-close{background:none;border:none;cursor:pointer;color:var(--text2, #888);font-size:14px;padding:0 2px;line-height:1}.tutorial-tooltip-close:hover{color:var(--text, #fff)}.tutorial-tooltip-title{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text, #fff)}.tutorial-tooltip-body{font-size:14px;line-height:1.6;color:var(--text2, #ccc);margin:0 0 14px;white-space:pre-line}.tutorial-step-badges{display:flex;gap:5px;align-items:center}.tutorial-step-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--bg3, #2a2a2a);color:var(--text2, #888);border:1px solid var(--border, #444);transition:all .2s}.tutorial-step-badge.active{background:#ffdd57;color:#000;border-color:#ffdd57;box-shadow:0 0 8px #ffdd5788}.tutorial-step-badge.passed{background:#22c55e;color:#000;border-color:#22c55e;font-size:10px}.tutorial-cue{display:flex;align-items:center;gap:8px;background:#ffdd571a;border:1px solid rgba(255,221,87,.25);border-radius:7px;padding:9px 12px;font-size:13px;font-weight:600;color:#ffdd57}.tutorial-cue-dot{width:8px;height:8px;border-radius:50%;background:#ffdd57;flex-shrink:0;animation:tutorial-dot-pulse 1s ease-in-out infinite}@keyframes tutorial-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.tutorial-done-flash{font-size:28px;font-weight:800;color:#22c55e;text-align:center;padding:20px 0;animation:tutorial-done-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes tutorial-done-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tutorial-tooltip-done{border-color:#22c55e55!important}.tutorial-score-flash{animation:tutorial-score-flash .5s ease forwards;border-radius:8px}@keyframes tutorial-score-flash{0%{box-shadow:0 0 #22c55e00;background:transparent}20%{box-shadow:0 0 0 6px #22c55e99;background:#22c55e22}60%{box-shadow:0 0 0 10px #22c55e55;background:#22c55e18}to{box-shadow:0 0 #22c55e00;background:transparent}}.tutorial-skip-link{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text3, #555);padding:0}.tutorial-skip-link:hover{color:var(--text2, #888)}.tutorial-ring-pulse{animation:tutorial-ring-glow 1.4s ease-in-out infinite}@keyframes tutorial-ring-glow{0%,to{opacity:.9;box-shadow:0 0 6px 2px #ffdd5788}50%{opacity:.5;box-shadow:0 0 18px 6px #ffdd5744}}.tutorial-tooltip-nav-hint{font-size:12px;color:var(--accent, #ffdd57);margin:8px 0 0;background:#ffdd5714;padding:6px 8px;border-radius:5px}.tutorial-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--border, #444);margin:0 2px;transition:background .15s}.tutorial-dot.active{background:var(--accent, #ffdd57)}.tutorial-tooltip-dots{margin:10px 0 12px}.tutorial-tooltip-actions{display:flex;gap:8px;align-items:center}.tutorial-btn{padding:6px 14px;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.tutorial-btn:hover{opacity:.85}.tutorial-btn.primary{background:var(--accent, #ffdd57);color:#000}.tutorial-btn.secondary{background:var(--bg3, #2a2a2a);color:var(--text, #fff);border:1px solid var(--border, #444)}.tutorial-btn.ghost{background:none;color:var(--text2, #888)}.tutorial-start-btn{background:none;border:none;cursor:pointer;color:var(--text2, #888);font-size:13px;padding:4px 8px;border-radius:4px}.tutorial-start-btn:hover{background:var(--bg3, #2a2a2a);color:var(--text, #fff)}.tutorial-trigger-btn{background:none;border:1px solid var(--border);color:var(--text2);border-radius:50%;width:26px;height:26px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-trigger-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--text2)}.fullscreen-btn{background:none;border:none;cursor:pointer;color:var(--text2);font-size:14px;padding:4px 7px;border-radius:4px;line-height:1}.fullscreen-btn:hover{background:var(--bg3);color:var(--text)}.bounces-lane{position:relative;height:100%;cursor:pointer}.bounce-pin{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:pointer;gap:1px}.bounce-pin-tick{width:2px;height:10px;border-radius:1px;background:currentColor;flex-shrink:0}.bounce-pin-label{font-size:8px;line-height:1;color:currentColor;white-space:nowrap;-webkit-user-select:none;user-select:none}.bounce-near{color:#38bdf8}.bounce-far{color:#4ade80}.bounce-marker{position:absolute;top:0;transform:translate(-50%);width:3px;height:100%;border-radius:1px;background:#f59e0b;opacity:.85;cursor:pointer;pointer-events:auto}.bounce-marker:hover{opacity:1;background:#fbbf24}.bounce-mark-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000bf;display:flex;align-items:center;justify-content:center}.bounce-mark-dialog{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0009}.bounce-mark-header{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:#e2e8f0}.bounce-mark-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px}.bounce-mark-close:hover{color:#e2e8f0;background:#334155}.bounce-mark-hint{font-size:11px;color:#64748b}.bounce-mark-frames{display:flex;gap:8px;align-items:flex-start}.bounce-frame-col{display:flex;flex-direction:column;gap:4px}.bounce-frame-col.side{flex:0 0 auto;width:22%;opacity:.55}.bounce-frame-col.main{flex:1}.bounce-frame-label{font-size:10px;color:#64748b;text-align:center}.bounce-frame-wrap{position:relative;border:1px solid #334155;border-radius:4px;overflow:hidden}.bounce-frame-canvas{display:block;width:100%;height:auto}.bounce-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;cursor:crosshair}.bounce-frame-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#475569;font-size:12px}.bounce-mark-actions{display:flex;gap:8px}.roi-modal-dialog{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;width:min(900px,92vw);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #0009}.suggestions-modal-dialog{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;width:min(680px,94vw);max-height:90vh;box-shadow:0 20px 60px #0009}.suggestion-card{display:flex;gap:10px;align-items:flex-start;background:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:8px 10px;cursor:pointer;transition:border-color .15s}.suggestion-card:hover{border-color:#334155}.suggestion-card.selected{border-color:var(--accent)}.suggestion-tag{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3);border-radius:3px;padding:1px 6px;font-size:11px;font-family:monospace}.open-nav{display:flex;align-items:center;gap:16px;padding:0 16px;height:48px;background:var(--bg1);border-bottom:1px solid var(--border);flex-shrink:0}.open-nav-logo{height:22px;width:auto;object-fit:contain;flex-shrink:0}.open-nav-tabs{display:flex;gap:2px;flex:1;padding:0 8px}.open-nav-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);padding:0 12px;height:48px;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.open-nav-tab:hover{color:var(--text)}.open-nav-tab.active{color:var(--text);border-bottom-color:var(--accent)}.open-nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.open-screen{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg0)}.open-screen-content{display:flex;flex-direction:column;align-items:center;gap:28px}.open-screen-logo{height:72px;width:auto;object-fit:contain}.open-drop-zone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 64px;border:2px dashed var(--border2);border-radius:16px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--bg1);min-width:360px}.open-drop-zone:hover,.open-drop-zone.dragging{border-color:var(--accent);background:#3dfb570a}.open-drop-icon{font-size:48px;line-height:1}.open-drop-title{font-size:17px;font-weight:700;color:var(--text)}.open-drop-sub{font-size:13px;color:var(--text2)}.open-drop-formats{font-size:11px;color:var(--text3);margin-top:2px}.mark-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.mark-bottom{background:var(--bg1);border-top:1px solid var(--border);flex-shrink:0}.marking-sb{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;flex-wrap:nowrap}.msb-serve{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text3);padding:2px 5px;border-radius:50%;transition:color .15s;flex-shrink:0}.msb-serve.active{color:var(--accent)}.msb-serve:hover{color:var(--text2)}.msb-serve.active:hover{color:var(--accent)}.msb-name{background:none;border:none;border-bottom:1px solid transparent;color:var(--text);font-size:14px;font-weight:600;width:110px;padding:2px 4px;outline:none;text-align:right}.msb-name-r{text-align:left}.msb-name:hover{border-bottom-color:var(--border2)}.msb-name:focus{border-bottom-color:var(--accent)}.msb-score-ctrl{display:flex;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:4px 7px;flex-shrink:0}.msb-adj{background:none;border:none;cursor:pointer;color:var(--text2);font-size:16px;line-height:1;padding:0 2px;border-radius:4px}.msb-adj:hover{color:var(--text);background:var(--bg3)}.msb-score-num{font-size:20px;font-weight:700;min-width:1.8ch;text-align:center;font-variant-numeric:tabular-nums;color:var(--text)}.msb-sets-group{display:flex;align-items:center;gap:4px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:4px 8px;flex-shrink:0}.msb-sets-num{font-size:13px;font-weight:600;min-width:1.2ch;text-align:center;color:var(--text)}.msb-sets-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;padding:0 3px}.msb-point-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 14px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);cursor:pointer;transition:background .1s,border-color .1s;flex-shrink:0}.msb-point-name{font-size:13px;font-weight:600;line-height:1.2}.msb-point-hint{font-size:10px;color:var(--text3);line-height:1;text-transform:uppercase;letter-spacing:.4px}.msb-point-p1{border-color:#3dfb5759;color:var(--accent)}.msb-point-p1:hover{background:#3dfb5714}.msb-point-p1 .msb-point-hint{color:#3dfb5780}.msb-point-p2{border-color:#38bdf859;color:var(--blue)}.msb-point-p2:hover{background:#38bdf814}.msb-point-p2 .msb-point-hint{color:#38bdf880}.login-title{font-size:20px;font-weight:700;margin:0}.login-subtitle{color:var(--text2);font-size:13px;margin:0}.oauth-buttons{display:flex;flex-direction:column;gap:8px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.oauth-btn:hover:not(:disabled){background:var(--bg3);border-color:#ffffff2e}.oauth-btn:disabled{opacity:.45;cursor:default}.oauth-btn-icon{display:flex;align-items:center;flex-shrink:0}.login-divider{display:flex;align-items:center;gap:10px;color:var(--text3);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.panel-locked{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;text-align:center}.panel-locked-icon{font-size:22px;color:var(--amber);line-height:1}.panel-locked-msg{font-size:12px;color:var(--text2);line-height:1.5;margin:0}.panel-locked-link{font-size:12px;color:var(--accent);text-decoration:none;font-weight:600}.panel-locked-link:hover{text-decoration:underline}.ev-list{display:flex;flex-direction:column;gap:2px}.ev-row{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:4px;font-size:11px;background:var(--bg2);border:1px solid transparent}.ev-row:hover{border-color:var(--border)}.ev-badge{font-size:10px;font-weight:600;min-width:58px;flex-shrink:0}.ev-time{font-family:monospace;font-size:11px;color:var(--text);cursor:pointer;padding:1px 3px;border-radius:3px;border:1px solid transparent}.ev-time:hover{background:var(--bg3);border-color:var(--border)}.ev-sep{color:var(--text2);flex-shrink:0}.ev-score,.ev-extra{color:var(--text2);font-size:10px;margin-left:auto}.ev-del{margin-left:auto;background:none;border:none;color:var(--text2);cursor:pointer;font-size:10px;padding:1px 3px;border-radius:3px;flex-shrink:0}.ev-del:hover{color:#ef4444;background:#ef44441a}.ev-row input[type=number]{font-family:monospace;font-size:11px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:3px;padding:1px 4px}.shot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000000bf;display:flex;align-items:center;justify-content:center}.shot-modal{background:#111118;border:1px solid #1e1e2e;border-radius:12px;padding:20px 24px;min-width:360px;min-height:480px;width:520px;height:580px;display:flex;flex-direction:column;gap:12px;resize:both;overflow:hidden;box-sizing:border-box}.shot-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.shot-modal-time{font-family:monospace;font-size:13px;color:var(--text2)}.shot-swap-btn{display:flex;align-items:center;gap:4px;font-size:12px;background:none;border:none;color:var(--text2);cursor:pointer;padding:0 4px;line-height:1}.shot-swap-btn:hover{color:var(--text)}.shot-type-toggle{display:flex;gap:4px}.shot-type-btn{padding:4px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);font-size:12px;cursor:pointer;transition:all .15s}.shot-type-btn.active{background:var(--accent);color:#030306;border-color:var(--accent);font-weight:700}.shot-hint{font-size:12px;color:var(--text2);text-align:center;min-height:16px}.shot-table-wrap{perspective:520px;display:flex;justify-content:center}.shot-table-3d{transform:rotateX(28deg);transform-origin:center center;transform-style:preserve-3d;display:flex;flex-direction:column;gap:0;width:100%}.shot-half{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px;background:#1a3a1a;padding:2px;opacity:.55;transition:opacity .15s}.shot-half-opp{border-radius:6px 6px 0 0}.shot-half-mine{border-radius:0 0 6px 6px}.shot-half-active{opacity:1}.shot-zone{background:#1e5c1e;border-radius:2px;height:28px;border:1px solid #2a6b2a;cursor:pointer;transition:background .1s}.shot-zone:hover{background:#2a7a2a}.shot-zone.shot-zone-sel{background:#3dfb57!important;border-color:#3dfb57}.shot-net{height:10px;background:#1e1e2e;display:flex;align-items:center;justify-content:center}.shot-net-label{font-size:8px;letter-spacing:2px;color:#444;text-transform:uppercase}.shot-player-label{font-size:11px;font-weight:600;color:var(--text2);text-align:center;padding:2px 0}.shooter-label{cursor:pointer;border-radius:4px;padding:2px 6px;transition:color .12s}.shooter-label:hover{color:var(--text)}.shooter-label.active{color:var(--accent);background:#3dfb5714}.shot-icons-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:6px;padding:0 2px}.shot-icon-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px 5px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg2);cursor:pointer;transition:border-color .12s,background .12s;min-width:0}.shot-icon-box.active{border-color:var(--accent);background:#3dfb570f}.shot-icon-box:hover:not(.active){background:var(--bg3);border-color:#444}.shot-icon-box-inner{display:flex;align-items:center;justify-content:center}.shot-icon-box-label{font-size:10px;color:var(--text2);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shot-icon-box.active .shot-icon-box-label{color:var(--accent)}.failure-box{justify-content:space-between}.failure-sub-chips{display:flex;gap:3px;margin-top:auto;width:100%}.failure-sub-chip{flex:1;font-size:11px;font-weight:600;padding:6px 2px;border-radius:4px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;line-height:1}.failure-sub-chip:hover{border-color:#888;color:var(--text)}.failure-sub-chip.active{border-color:#ef4444;background:#ef444426;color:#ef4444}.shot-tag-chips-cell{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;padding:4px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg2)}.shot-tag-chips{display:flex;flex-wrap:wrap;gap:4px}.shot-tag-chip{padding:3px 8px;border-radius:10px;font-size:11px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;transition:all .12s}.shot-tag-chip.active{background:var(--accent);color:#030306;border-color:var(--accent);font-weight:600}.shot-tag-chip:hover:not(.active){background:var(--bg3);color:var(--text)}.shot-modal-actions{display:flex;gap:8px;justify-content:flex-end}.shot-cancel-btn{padding:7px 16px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text2);font-size:13px;cursor:pointer}.shot-cancel-btn:hover{background:var(--bg2)}.shot-record-btn{padding:7px 20px;border-radius:6px;border:none;background:var(--accent);color:#030306;font-size:13px;font-weight:700;cursor:pointer}.shot-record-btn:disabled{opacity:.35;cursor:default}.shot-record-btn:not(:disabled):hover{filter:brightness(1.1)}.psm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0008;display:flex;align-items:center;justify-content:center}.psm-modal{background:#111118;border:1px solid #1e1e2e;border-radius:14px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 24px 64px #0009;animation:balloon-in .15s ease}.psm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #1e1e2e}.psm-title{font-size:15px;font-weight:700;color:var(--text)}.psm-close{background:none;border:none;color:var(--text2);font-size:16px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px}.psm-close:hover{background:var(--bg2);color:var(--text)}.psm-loading{display:flex;justify-content:center;padding:40px}.psm-slots{display:flex;flex-direction:column;gap:0}.psm-slot{padding:16px 20px;border-bottom:1px solid #1e1e2e}.psm-slot:last-child{border-bottom:none}.psm-slot-claimed{background:#0d1a0d44}.psm-slot-label{display:flex;align-items:center;gap:8px;margin-bottom:10px}.psm-slot-tag{font-size:10px;font-weight:700;letter-spacing:.08em;color:#555;background:#1a1a28;border-radius:4px;padding:2px 6px;border:1px solid #2a2a3e}.psm-slot-name{font-size:14px;font-weight:600;color:var(--text)}.psm-slot-empty{display:flex;gap:8px}.psm-invite-row{display:flex;gap:6px}.psm-invite-input{flex:1;font-size:11px;background:#0d0d14;color:var(--text2);border:1px solid #2a2a3e;border-radius:6px;padding:6px 10px;outline:none;min-width:0}.psm-invite-meta{margin-top:6px;font-size:11px;color:#555;display:flex;align-items:center;gap:8px}.psm-claimed-row{display:flex;align-items:center;gap:8px}.psm-claimed-icon{color:#3dfb57;font-size:13px}.psm-claimed-email{font-size:13px;color:var(--text);flex:1}.psm-btn{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:filter .12s,opacity .12s;white-space:nowrap}.psm-btn:disabled{opacity:.4;cursor:default}.psm-btn-self{background:var(--accent);color:#030306}.psm-btn-invite{background:#1e2a3a;color:#7eb6f0;border:1px solid #2a3a50}.psm-btn-copy{background:#1e2a1e;color:#3dfb57;border:1px solid #2a3a2a}.psm-btn-ghost{background:none;border:1px solid #2a2a3e;color:var(--text2);padding:4px 10px;font-size:11px}.psm-btn-self:not(:disabled):hover{filter:brightness(1.1)}.psm-btn-invite:not(:disabled):hover{background:#243040}.psm-btn-copy:not(:disabled):hover{background:#1e3a1e}.psm-btn-ghost:not(:disabled):hover{background:var(--bg2)}.psm-btn-link{background:none;border:none;color:#555;font-size:11px;cursor:pointer;text-decoration:underline;padding:0}.psm-btn-link:hover{color:var(--text2)}.psm-hint{margin:0;padding:12px 20px;font-size:11px;color:#444;border-top:1px solid #1e1e2e;text-align:center}.lib-card-actions{display:flex;align-items:center;gap:4px}.lib-players-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:none;border:1px solid transparent;color:#555;cursor:pointer;transition:all .12s}.lib-players-btn:hover{border-color:#2a2a3e;background:var(--bg2);color:var(--text2)}.icb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0009;display:flex;align-items:center;justify-content:center}.icb-card{background:#111118;border:1px solid #1e1e2e;border-radius:18px;padding:36px 32px;width:380px;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 32px 80px #0009;display:flex;flex-direction:column;align-items:center;gap:12px;animation:balloon-in .18s ease}.icb-loading{padding:60px}.icb-ping{font-size:40px;line-height:1}.icb-icon{font-size:36px;line-height:1}.icb-heading{font-size:20px;font-weight:700;color:var(--text)}.icb-matchup{font-size:16px;font-weight:600;color:var(--text);background:#0d0d14;border:1px solid #2a2a3e;border-radius:8px;padding:8px 18px;width:100%}.icb-vs{color:#555;font-weight:400;margin:0 6px}.icb-slot-claim{font-size:13px;color:var(--text2);display:flex;align-items:center;justify-content:center;gap:6px}.icb-slot-badge{font-size:10px;font-weight:700;letter-spacing:.06em;background:#1e2a3a;color:#7eb6f0;border-radius:4px;padding:2px 7px;border:1px solid #2a3a50}.icb-auth-note{font-size:12px;color:#666;line-height:1.5;max-width:280px}.icb-claim-btn{width:100%;padding:12px;font-size:14px;border-radius:10px;margin-top:4px}.icb-sub{font-size:13px;color:var(--text2);line-height:1.5;max-width:280px}.icb-dismiss{margin-top:4px;font-size:12px;color:#444}.local-render-wrap{display:flex;align-items:center}.local-render-btn{background:#1a2a1a;color:#3dfb57;border:1px solid #2a4a2a;font-size:12px;padding:6px 14px;border-radius:7px;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .12s,filter .12s}.local-render-btn:hover{background:#1e3a1e;filter:brightness(1.1)}.local-render-label{color:#3dfb57}.local-render-download-btn{background:#3dfb57;color:#030306;border:none;font-size:12px;padding:6px 14px;border-radius:7px;cursor:pointer;font-weight:700}.local-render-download-btn:hover{filter:brightness(1.08)}.hist-page{display:flex;flex-direction:column;flex:1;overflow:hidden}.hist-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.hist-title{font-size:15px;font-weight:600;color:var(--text1)}.hist-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:999;background:#1e3a1e;color:#3dfb57;border:1px solid #2a4a2a;padding:8px 18px;border-radius:8px;font-size:13px;pointer-events:none;animation:balloon-in .15s ease}.hist-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px}.hist-empty-icon{font-size:36px}.hist-empty-heading{font-size:16px;font-weight:600;color:var(--text1)}.hist-empty-sub{font-size:13px;color:var(--text2);text-align:center;max-width:320px}.hist-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.hist-section-label{font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.06em;padding:8px 4px 2px}.hist-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#0e0e0e;border:1px solid #1c1c1c;border-radius:10px;padding:14px 16px;transition:border-color .12s}.hist-card:hover{border-color:#2a2a2a}.hist-card-server{opacity:.85}.hist-card-main{flex:1;min-width:0;cursor:pointer}.hist-card-matchup{font-size:14px;font-weight:600;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-card-meta{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.hist-meta-sets{font-size:12px;color:#4a9eff;font-weight:600}.hist-meta-stat{font-size:12px;color:var(--text2)}.hist-card-sub{font-size:11px;color:#444;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.hist-card-date{font-size:11px;color:#555;white-space:nowrap}.hist-card-badge{font-size:10px;color:#555}.hist-card-actions{display:flex;gap:6px;align-items:center}.hist-btn{font-size:11px;background:#171717;border:1px solid #252525;color:var(--text2);padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .1s,color .1s}.hist-btn:hover{background:#1e1e1e;color:var(--text1)}.hist-btn-del{color:#555}.hist-btn-del:hover{color:#ef4444;border-color:#3a1a1a;background:#1a1010}.hist-signin-nudge{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-top:1px solid #161616;font-size:13px;color:var(--text2);flex-shrink:0}.share-page{min-height:100vh;background:var(--bg);color:var(--text1);display:flex;flex-direction:column}.share-header{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid #1e1e1e;flex-shrink:0}.share-matchup{font-size:15px;font-weight:600;color:var(--text1)}.share-video-wrap{display:flex;justify-content:center;padding:20px 20px 0}.share-video{max-width:900px;width:100%;border-radius:8px;background:#000}.share-loading{display:flex;align-items:center;justify-content:center;flex:1;font-size:14px;color:var(--text2)}.share-error-msg{display:flex;align-items:center;justify-content:center;flex:1;font-size:14px;color:#ef4444}.share-prompt{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.share-prompt-text{font-size:12px;color:var(--text2);white-space:nowrap}.share-error{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.stats-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px 16px 40px;overflow-y:auto}.stats-modal{background:var(--bg1);border:1px solid var(--border);border-radius:14px;width:100%;max-width:900px;display:flex;flex-direction:column;flex-shrink:0}.stats-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg1);z-index:1;border-radius:14px 14px 0 0;gap:12px}.stats-modal-title{font-weight:700;font-size:.95rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-modal-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.stats-modal-close{background:none;border:none;color:var(--text2);font-size:16px;cursor:pointer;line-height:1;padding:4px 6px}.stats-modal-close:hover{color:var(--text)}.stats-modal-body .ms-page{border-radius:0 0 14px 14px}.stats-modal-page{margin:20px auto;max-width:900px;width:calc(100% - 32px)}.share-logo-link{display:flex;align-items:center;flex-shrink:0}