:root{--bg-root: #1a1a1a;--bg-header: rgba(18, 18, 22, .92);--bg-card: rgba(24, 24, 27, .95);--bg-card-header: rgba(39, 39, 42, .9);--bg-card-hover: rgba(255, 255, 255, .08);--bg-panel: #18181b;--bg-input: rgba(0, 0, 0, .55);--border-subtle: rgba(255, 255, 255, .1);--border-accent: rgba(255, 255, 255, .2);--crimson-primary: #bc002d;--crimson-hover: #9e0026;--crimson-glow: rgba(188, 0, 45, .35);--gold-primary: #D4AF37;--gold-light: #F5D36B;--gold-glow: rgba(212, 175, 55, .25);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-gold: #E5C365;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-root);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-root{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.studio-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.32rem 1.25rem;background-color:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 20px #0006;gap:.75rem}.brand-area{display:flex;align-items:center;gap:.65rem}.brand-emblem{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--crimson-primary);filter:drop-shadow(0 0 8px var(--crimson-glow));flex-shrink:0;transition:transform var(--transition-fast)}.brand-emblem:hover{transform:scale(1.06)}.katanakake-icon{width:100%;height:100%;display:block}.brand-title{font-family:Inter,-apple-system,sans-serif;font-size:.96rem;font-weight:700;letter-spacing:.04em;color:#fff;line-height:1.15}.brand-subtitle{display:block;font-size:.68rem;color:var(--text-secondary);letter-spacing:.02em;line-height:1.15}.header-controls{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:.45rem}.control-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.kendo-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.7)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.85em;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.32rem 1.8rem .32rem .65rem;font-size:.8rem;font-weight:600;outline:none;cursor:pointer;transition:all var(--transition-fast)}.kendo-select:focus,.kendo-select:hover{border-color:var(--crimson-primary);box-shadow:0 0 0 2px #bc002d40}.kata-dropdown{min-width:200px;font-weight:600;color:var(--text-primary)}.kendo-select-sm{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.7)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45rem center;background-size:.8em;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.26rem 1.45rem .26rem .55rem;font-size:.74rem;cursor:pointer;transition:border-color var(--transition-fast)}.kendo-select-sm:focus,.kendo-select-sm:hover{border-color:var(--crimson-primary)}.button-toggle-group{display:flex;background-color:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:2px;gap:2px;box-shadow:inset 0 1px 3px #0006}.btn-toggle{background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-pill);padding:.26rem .65rem;font-size:.74rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast)}.btn-toggle:hover{color:#fff}.btn-toggle.active{background-color:var(--crimson-primary);color:#fff;box-shadow:0 2px 8px var(--crimson-glow)}.btn-pill{background-color:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:.28rem .8rem;font-size:.76rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all var(--transition-fast)}.btn-pill .btn-icon{font-size:.8rem;transition:color var(--transition-fast)}.btn-pill:hover{background-color:#ffffff1a;border-color:var(--border-accent);color:#fff}.btn-pill.active{background-color:#bc002d29;border-color:var(--crimson-primary);color:#fff;box-shadow:0 0 10px #bc002d4d}.btn-pill.active .btn-icon{color:var(--crimson-primary)}.studio-workspace{display:flex;flex:1;min-height:0;padding-bottom:56px;overflow:hidden}.video-section{flex:1;padding:.35rem .65rem;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.video-grid{display:grid;gap:.45rem;width:100%;height:100%;min-height:0}.video-grid.grid-1x1{grid-template-columns:1fr;max-width:1200px;margin:0 auto}.video-grid.grid-1x2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.video-grid.grid-2x2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.28rem}@media(max-width:1024px){.video-grid.grid-2x2,.video-grid.grid-1x2{grid-template-columns:1fr}}.player-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px #00000059;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);height:100%;min-height:0}.player-card:hover{border-color:var(--border-accent)}.player-card.active-audio{border-color:var(--crimson-primary);box-shadow:0 0 14px var(--crimson-glow)}.player-card-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .6rem;background-color:var(--bg-card-header);border-bottom:1px solid var(--border-subtle);gap:.45rem;flex-shrink:0}.demo-selector-group{display:flex;align-items:center;gap:.45rem;flex:1;min-width:0}.quadrant-badge{font-size:.66rem;font-weight:700;color:#fff;background-color:#bc002d29;border:1px solid rgba(188,0,45,.35);border-radius:4px;padding:.1rem .4rem;white-space:nowrap}.demo-select{flex:1;min-width:0;font-size:.76rem;padding:.2rem 1.6rem .2rem .45rem;background-color:#00000073;color:#fff}.player-actions{display:flex;align-items:center;gap:.35rem}.btn-audio{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:.2rem .45rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all var(--transition-fast);white-space:nowrap}.btn-audio:hover{background:#ffffff1a;border-color:var(--border-accent);color:#fff}.btn-audio.unmuted{background-color:#bc002d40;border-color:var(--crimson-primary);color:#fff;box-shadow:0 0 8px #bc002d4d}.btn-resync-slot{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.72rem;padding:.2rem .4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-resync-slot:hover{border-color:#10b981;color:#34d399;background-color:#10b98126}.btn-resync-slot.spinning{animation:spin .75s cubic-bezier(.4,0,.2,1)}.video-wrapper{position:relative;width:100%;flex:1;min-height:0;background-color:#000;display:flex;align-items:center;justify-content:center}.video-wrapper iframe,.video-wrapper>div{width:100%!important;height:100%!important;position:absolute;top:0;left:0;border:none}.player-card-footer{padding:.2rem .6rem;font-size:.7rem;color:var(--text-secondary);background-color:var(--bg-card);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.masters-names{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-grid.grid-2x2 .player-card{border-radius:8px}.video-grid.grid-2x2 .player-card-header{padding:.14rem .45rem;gap:.35rem}.video-grid.grid-2x2 .quadrant-badge{font-size:.62rem;padding:.06rem .3rem}.video-grid.grid-2x2 .demo-select{font-size:.7rem;padding:.14rem 1.45rem .14rem .35rem}.video-grid.grid-2x2 .btn-audio{font-size:.66rem;padding:.14rem .35rem;gap:.2rem}.video-grid.grid-2x2 .btn-resync-slot{font-size:.66rem;padding:.14rem .3rem}.video-grid.grid-2x2 .player-card-footer{padding:.12rem .45rem;font-size:.64rem;line-height:1.15}.ad-notice-badge{position:absolute;top:10px;left:10px;background:#121216f0;border:1px solid #F59E0B;color:#fcd34d;font-size:.72rem;font-weight:600;padding:.3rem .6rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 14px #0009;z-index:10;animation:pulseAd 1.5s infinite alternate ease-in-out;pointer-events:none}@keyframes pulseAd{0%{opacity:.85;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.pedagogy-sidebar{width:340px;background-color:#141418f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--border-subtle);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;transition:transform var(--transition-normal),width var(--transition-normal)}.pedagogy-sidebar::-webkit-scrollbar{width:5px}.pedagogy-sidebar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.pedagogy-sidebar::-webkit-scrollbar-thumb:hover{background:var(--crimson-primary)}.pedagogy-sidebar.collapsed{display:none}.pedagogy-header{border-bottom:1px solid var(--border-subtle);padding-bottom:.55rem}.kata-number-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--crimson-primary);letter-spacing:.08em}.kata-main-title{font-family:Inter,-apple-system,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin-top:.15rem;letter-spacing:.02em}.kanji-sub{font-family:Noto Sans JP,"Noto Serif JP",sans-serif;font-weight:600;color:var(--text-gold);margin-left:.35rem;font-size:1.1rem}.kata-type-tag{display:inline-block;font-size:.7rem;padding:.12rem .5rem;border-radius:var(--radius-pill);background-color:#ffffff14;color:var(--text-secondary);margin-top:.3rem}.pedagogy-card{background-color:#ffffff09;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.7rem}.pedagogy-card-title{font-size:.74rem;text-transform:uppercase;font-weight:700;letter-spacing:.06em;color:#fff;margin-bottom:.4rem;display:flex;align-items:center;gap:.35rem}.combat-roles{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.45rem}.role-box{background-color:#00000073;border:1px solid var(--border-subtle);padding:.4rem .55rem;border-radius:var(--radius-sm)}.role-name{font-size:.66rem;font-weight:700;color:var(--text-muted)}.role-kamae{font-size:.78rem;font-weight:600;color:var(--text-primary);margin-top:.15rem}.sen-badge{display:inline-block;font-size:.74rem;font-weight:700;color:#34d399;background-color:#10b98126;border:1px solid rgba(16,185,129,.3);padding:.18rem .5rem;border-radius:var(--radius-pill);margin-top:.25rem}.pedagogy-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.pedagogy-list li{font-size:.76rem;color:var(--text-secondary);position:relative;padding-left:.9rem;line-height:1.35}.pedagogy-list li:before{content:"•";position:absolute;left:0;color:var(--crimson-primary);font-size:.9rem;line-height:1}.pedagogy-list.mistakes li:before{color:#ef4444}.master-timeline-bar{position:fixed;bottom:0;left:0;right:0;height:52px;background-color:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px #0006;display:flex;align-items:center;padding:0 1.25rem;gap:1.25rem;z-index:100}.playback-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.btn-climax{background:linear-gradient(135deg,#bc002d,#8f0022);color:#fff;border:none;border-radius:var(--radius-pill);padding:.32rem .75rem;font-size:.74rem;font-weight:700;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;gap:.35rem;box-shadow:0 2px 8px var(--crimson-glow);transition:all var(--transition-fast);white-space:nowrap}.btn-climax:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--crimson-glow);filter:brightness(1.1)}.btn-climax:active{transform:translateY(1px)}.btn-play-pause{background-color:var(--crimson-primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px var(--crimson-glow);transition:all var(--transition-fast);flex-shrink:0}.btn-play-pause:hover{background-color:var(--crimson-hover);transform:scale(1.08)}.btn-icon-action{background-color:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.3rem .55rem;font-size:.74rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all var(--transition-fast);white-space:nowrap}.btn-icon-action:hover{background-color:#ffffff1a;border-color:var(--border-accent);color:#fff}.btn-icon-action.active{background-color:#bc002d29;border-color:var(--crimson-primary);color:#fff}.btn-jump-start{color:#60a5fa;border-color:#60a5fa59}.btn-jump-start:hover{background-color:#3b82f626;border-color:#3b82f6;color:#93c5fd}.btn-resync{border-color:#10b98159;color:#34d399;background-color:#10b9811a}.btn-resync:hover{border-color:#10b981;color:#6ee7b7;background-color:#10b98133;box-shadow:0 0 10px #10b98140}.rotate-anim{display:inline-block;animation:spin .75s cubic-bezier(.4,0,.2,1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scrubber-container{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.scrubber-labels{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;line-height:1}.time-mark{color:var(--text-muted);font-family:monospace}.time-current{color:#fff;font-weight:700;font-family:monospace;font-size:.76rem;background-color:#bc002d29;padding:.08rem .45rem;border-radius:4px;border:1px solid rgba(188,0,45,.35)}.slider-wrapper{position:relative;width:100%;display:flex;align-items:center}.kendo-slider{width:100%;height:4px;-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.kendo-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--crimson-primary);box-shadow:0 0 8px var(--crimson-glow);cursor:grab;border:2px solid #FFF;transition:transform .1s}.kendo-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.climax-tick{position:absolute;top:-4px;bottom:-4px;width:2px;background-color:var(--crimson-primary);box-shadow:0 0 8px var(--crimson-glow);pointer-events:none;z-index:5;transition:left .2s ease}.climax-tick:before{content:"▼";position:absolute;top:-11px;left:-4.5px;font-size:9px;color:var(--crimson-primary)}.footer-meta-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.audio-status-box{display:flex;flex-direction:column;min-width:140px;max-width:180px}.audio-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.audio-name{font-size:.74rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-copyright-link{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:.28rem .55rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast);white-space:nowrap}.btn-copyright-link:hover{background:#ffffff1a;border-color:var(--border-accent);color:#fff}body.calibrator-mode .master-timeline-bar,body.calibrator-mode .pedagogy-sidebar{display:none!important}body.calibrator-mode .studio-workspace{padding-bottom:0!important}body.calibrator-mode #btn-toggle-pedagogy{opacity:.4;pointer-events:none}body.calibrator-mode .video-section{padding:.4rem .75rem!important;height:100%!important}.calibrator-container{display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:100%;margin:0;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1.25rem;box-shadow:0 8px 24px #0006;height:100%;max-height:100%;overflow:hidden;min-height:0}.calibrator-container::-webkit-scrollbar{width:6px}.calibrator-container::-webkit-scrollbar-track{background:var(--bg-primary)}.calibrator-container::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.calibrator-container::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.calibrator-header-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem;flex-wrap:wrap;gap:.75rem;flex-shrink:0}.calib-badge{display:inline-block;font-size:.72rem;font-weight:700;color:var(--crimson-primary);background-color:#e0313126;padding:.15rem .5rem;border-radius:4px;letter-spacing:.08em}.calibrator-title h3{font-size:1.1rem;color:var(--gold-light);margin-top:.15rem}.calibrator-selectors{display:flex;gap:.75rem}.calibrator-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:1rem;flex:1;min-height:0;height:calc(100% - 55px)}@media(max-width:992px){.calibrator-workspace-grid{grid-template-columns:1fr;overflow-y:auto}}.calibrator-left-col{display:flex;flex-direction:column;gap:.65rem;height:100%;min-height:0}.calibrator-left-col .calibrator-player-box{flex:1;min-height:0;width:100%;margin:0;max-width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background-color:#000;box-shadow:0 6px 20px #0009;display:flex;align-items:center;justify-content:center}.calibrator-left-col .calibrator-player-box .video-wrapper{position:relative;width:100%;height:100%;max-height:100%;aspect-ratio:16 / 9;background-color:#000;display:flex;align-items:center;justify-content:center}.calibrator-transport-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-input);padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-shrink:0;gap:.75rem}.precision-time-display{display:flex;align-items:baseline;gap:.5rem}.time-readout-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.time-readout-val{font-family:monospace;font-size:1.35rem;font-weight:700;color:var(--gold-light)}.time-sec-val{font-family:monospace;font-size:.88rem;color:var(--text-secondary)}.precision-btn-row{display:flex;align-items:center;gap:.5rem}.calibrator-right-col{display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;height:100%;min-height:0;overflow-y:auto;padding-right:.35rem}.calibrator-right-col::-webkit-scrollbar{width:5px}.calibrator-right-col::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.markers-grid-vertical{display:flex;flex-direction:column;gap:.55rem;width:100%}.marker-card{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.65rem .75rem;display:flex;flex-direction:column;gap:.3rem;min-width:0}.marker-card.start-card{border-left:3px solid #3B82F6}.marker-card.climax-card{border-left:3px solid var(--crimson-primary)}.marker-card.end-card{border-left:3px solid #10B981}.marker-header-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.marker-title{font-size:.82rem;font-weight:700;color:var(--text-primary)}.marker-desc{font-size:.7rem;color:var(--text-muted);line-height:1.25}.marker-input-row{display:flex;gap:.4rem;margin-top:.2rem}.kendo-input-num{flex:1;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:.95rem;padding:.3rem .5rem;outline:none}.kendo-input-num:focus{border-color:var(--gold-primary)}.btn-mark{border:none;border-radius:4px;padding:.28rem .65rem;font-size:.76rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.btn-start{background-color:#2563eb;color:#fff}.btn-climax-mark{background-color:var(--crimson-primary);color:#fff}.btn-end{background-color:#059669;color:#fff}.btn-mark:hover{filter:brightness(1.15);transform:translateY(-1px)}.calibrator-sidebar-actions{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0;padding-top:.35rem;border-top:1px solid var(--border-subtle)}.btn-action-wide{width:100%;padding:.5rem;font-size:.84rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all var(--transition-fast)}.btn-test-loop{background-color:transparent;border:1px solid var(--gold-primary);color:var(--gold-light)}.btn-test-loop:hover{background-color:#d4af3726}.btn-save-db{background-color:#10b98133;border:1px solid #10B981;color:#10b981}.btn-save-db:hover{background-color:#10b98159;color:#fff}.secondary-actions-row{display:flex;gap:.45rem}.btn-pill-sm{flex:1;background-color:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.35rem .45rem;font-size:.74rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all var(--transition-fast)}.btn-pill-sm:hover{border-color:var(--gold-primary);color:var(--text-primary)}.btn-chain-link{background-color:#3b82f61f;border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-size:.68rem;padding:.2rem .45rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;margin-top:.25rem;transition:all var(--transition-fast)}.btn-chain-link:hover{background-color:#3b82f640;border-color:#3b82f6;color:#fff}.chain-badge-info{display:block;font-size:.68rem;color:#60a5fa;margin-top:.15rem}.calibrator-nav-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.calibrator-nav-btn:hover:not(:disabled){border-color:var(--gold-primary);color:var(--gold-light)}.calibrator-nav-btn:disabled{opacity:.35;cursor:not-allowed}.hidden{display:none!important}.footer-meta-group{display:flex;align-items:center;gap:.75rem}.btn-copyright-link{background:#212e4673;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.35rem .65rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast);white-space:nowrap}.btn-copyright-link:hover{background:#d4af371f;border-color:var(--gold-primary);color:var(--gold-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#05080fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeInModal .2s ease-out}.modal-card{background:linear-gradient(180deg,#131b2d,#0d1322);border:1px solid var(--border-accent);border-top:3px solid var(--gold-primary);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #000000bf,0 0 30px var(--gold-glow);overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-title-group{display:flex;align-items:center;gap:.65rem}.modal-icon{font-size:1.35rem}.modal-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.btn-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.6rem;line-height:1;cursor:pointer;transition:color var(--transition-fast);padding:.2rem}.btn-modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem;font-size:.88rem;line-height:1.65;color:var(--text-secondary)}.copyright-badge{background:#d4af3714;border-left:3px solid var(--gold-primary);border-radius:var(--radius-sm);padding:.65rem .85rem;display:flex;flex-direction:column;gap:.15rem}.badge-title{font-weight:700;color:var(--gold-light);font-size:.92rem}.badge-sub{font-size:.76rem;color:var(--text-muted)}.copyright-p{color:var(--text-primary)}.copyright-section h3{font-size:.88rem;font-weight:700;color:var(--gold-light);margin-bottom:.35rem;display:flex;align-items:center;gap:.35rem}.contact-email-box{margin-top:.5rem;background:var(--bg-card-header);border:1px dashed var(--border-accent);border-radius:var(--radius-sm);padding:.6rem .9rem;display:flex;align-items:center;gap:.65rem;font-size:.85rem}.contact-email-link{color:var(--gold-primary);font-weight:600;text-decoration:none}.contact-email-link:hover{text-decoration:underline;color:var(--gold-light)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;background:#0a0f1a80}.btn-modal-ack{background:linear-gradient(135deg,var(--gold-primary) 0%,#B89628 100%);color:#070a11;border:none;font-weight:700;font-size:.85rem;padding:.6rem 1.4rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-modal-ack:hover{filter:brightness(1.1);box-shadow:0 0 15px var(--gold-glow)}@keyframes fadeInModal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-card-wide{max-width:960px;width:95vw;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;background:#18181bfa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 25px 50px -12px #000000d9}.modal-subtitle{font-size:.8rem;color:#94a3b8;font-weight:400;display:block;margin-top:.2rem}.guide-stepper-container{padding:.5rem 1rem;background:#121216f2;border-bottom:1px solid rgba(255,255,255,.1);overflow:visible}.guide-stepper-nav{display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex-wrap:wrap;min-width:0}.guide-step-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .55rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.72rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.guide-step-pill:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.guide-step-pill.active{background:#bc002d;border-color:#ffffff4d;color:#fff;font-weight:700;box-shadow:0 2px 10px #bc002d73}.guide-step-pill.completed{border-color:#bc002d59;color:#fca5a5;background:#bc002d1f}.pill-number{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#ffffff26;font-size:.65rem;font-weight:700}.guide-step-pill.active .pill-number{background:#fff;color:#bc002d}.guide-step-pill.completed .pill-number{background:#bc002d;color:#fff}.guide-modal-body{padding:1.25rem 1.5rem;flex:1;overflow-y:auto;overflow-x:hidden;max-height:calc(88vh - 170px)}.guide-step-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.guide-step-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-primary);background:#d4af371a;border:1px solid rgba(212,175,55,.3);padding:.2rem .6rem;border-radius:4px}.guide-step-icon{font-size:1.5rem}.guide-step-title{font-family:"Noto Serif JP",serif;font-size:1.25rem;color:#fff;margin-bottom:.3rem}.guide-step-subtitle{font-size:.88rem;color:var(--text-gold);margin-bottom:1.2rem}.guide-step-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:start}@media(max-width:768px){.guide-step-layout{grid-template-columns:1fr}}.guide-step-desc{font-size:.92rem;line-height:1.6;color:var(--text-primary)}.guide-step-desc strong{color:#fff}.guide-step-desc em{color:var(--gold-light);font-style:normal}.guide-step-tip{margin-top:1.2rem;padding:.85rem 1rem;background:#d4af3714;border-left:3px solid var(--gold-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.85rem;color:#f8fafc;line-height:1.5}.guide-step-tip code{background:#0000004d;padding:.1rem .4rem;border-radius:3px;color:var(--gold-light);font-family:monospace}.guide-step-mockup{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:1rem;box-shadow:0 4px 20px #0006}.mockup-box{display:flex;flex-direction:column;gap:.75rem}.mockup-header-sample{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.mockup-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.mockup-btn-group{display:flex;gap:.25rem}.mockup-btn{padding:.25rem .6rem;font-size:.75rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary)}.mockup-btn.active-glow{background:var(--gold-primary);color:#070a11;font-weight:700;border-color:var(--gold-primary);box-shadow:0 0 10px var(--gold-glow)}.mockup-grid-preview{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:60px 60px;gap:.5rem}.mockup-quad{background:#0d1424;border:1px dashed var(--border-subtle);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted)}.mockup-quad.active-border{border:1.5px solid var(--gold-primary);background:#d4af370d;color:var(--gold-light);font-weight:600}.mockup-card-sample{background:#0e1626;border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.mockup-card-top{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#152034;border-bottom:1px solid var(--border-subtle);gap:.5rem}.mockup-badge{font-size:.68rem;color:var(--gold-primary);font-weight:700}.mockup-select-fake{font-size:.72rem;color:#fff;background:#090e18;border:1px solid var(--border-accent);padding:.2rem .5rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.mockup-select-fake-large{font-size:.8rem;color:#fff;background:#090e18;border:1px solid var(--gold-primary);padding:.35rem .75rem;border-radius:6px;box-shadow:0 0 8px var(--gold-glow)}.mockup-audio-btn{font-size:.7rem;background:#2563eb;color:#fff;padding:.2rem .5rem;border-radius:4px;font-weight:600}.mockup-video-canvas{height:120px;background:#060911;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mockup-play-icon{font-size:2rem;color:#fff6}.mockup-footer-name{position:absolute;bottom:0;left:0;right:0;padding:.3rem .6rem;background:#000000bf;font-size:.7rem;color:var(--text-secondary);text-align:center}.mockup-category-list{display:flex;gap:.4rem;margin-top:.5rem}.mockup-tag{font-size:.7rem;padding:.25rem .5rem;background:#131d30;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-muted)}.mockup-tag.active{background:#d4af3726;border-color:var(--gold-primary);color:var(--gold-light);font-weight:600}.mockup-sync-controls{display:flex;gap:.5rem;justify-content:center}.mockup-btn-sync{padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:700;cursor:default}.mockup-btn-sync.start{background:#1e293b;color:#94a3b8;border:1px solid #334155}.mockup-btn-sync.active-climax{background:linear-gradient(135deg,#e03131,#c92a2a);color:#fff;border:1px solid #FF8787;box-shadow:0 0 15px var(--crimson-glow)}.mockup-timeline-explain{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.5rem;background:#090e18;border-radius:6px;font-size:.72rem}.mockup-bar-segment{color:var(--text-muted)}.mockup-bar-bolt{color:#ffd43b;font-weight:700;padding:.2rem .5rem;background:#ffd43b26;border-radius:4px}.mockup-master-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem;background:#0b111e;border-radius:6px}.mockup-mini-btn{font-size:.75rem;color:var(--text-secondary);background:#182236;padding:.35rem .6rem;border-radius:4px}.mockup-play-master{background:var(--gold-primary);color:#070a11;font-weight:700;font-size:.85rem;padding:.6rem 1.4rem;border:none;border-radius:6px;box-shadow:0 0 14px var(--gold-glow)}.mockup-status-alert{font-size:.75rem;color:#4ade80;text-align:center;margin-top:.4rem}.mockup-scrubber-preview{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;background:#0b111e;border-radius:6px}.mockup-slider-track{height:8px;background:#1e293b;border-radius:4px;position:relative}.mockup-slider-fill{height:100%;background:var(--gold-primary);border-radius:4px 0 0 4px}.mockup-slider-thumb{position:absolute;top:-5px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--gold-primary);transform:translate(-50%)}.mockup-slider-climax-pin{position:absolute;top:-2px;left:50%;width:3px;height:12px;background:#e03131;transform:translate(-50%)}.mockup-slider-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.mockup-highlight-time{color:var(--gold-light);font-weight:700}.mockup-tools-row{display:flex;flex-wrap:wrap;gap:.4rem}.mockup-pill-tool{font-size:.7rem;padding:.25rem .5rem;background:#141c2e;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary)}.mockup-pill-tool.active-tool{background:#2563eb33;border-color:#3b82f6;color:#93c5fd}.mockup-doctrine-sample{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;line-height:1.4}.mockup-doctrine-title{color:var(--gold-primary);font-weight:700;font-size:.8rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.3rem}.mockup-doctrine-item strong{color:#fff}.guide-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#121216f2;border-top:1px solid rgba(255,255,255,.1)}.guide-footer-actions{display:flex;gap:.75rem;align-items:center}.btn-guide-nav{padding:.45rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-guide-nav.prev{background:#ffffff14;color:#cbd5e1;border:1px solid rgba(255,255,255,.12)}.btn-guide-nav.prev:hover:not(:disabled){background:#ffffff29;color:#fff}.btn-guide-nav.next{background:#bc002d;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:700;box-shadow:0 4px 12px #bc002d59}.btn-guide-nav.next:hover{background:#9e0026;box-shadow:0 6px 16px #bc002d80;transform:translateY(-1px)}.btn-modal-cancel{background:transparent;color:var(--text-muted);border:none;font-size:.8rem;cursor:pointer;padding:.4rem .6rem}.btn-modal-cancel:hover{color:var(--text-primary)}#btn-jump-climax.active{background:linear-gradient(135deg,#e03131,#c92a2a);color:#fff;border:1px solid #FF8787;box-shadow:0 0 16px var(--crimson-glow),0 0 6px #d4af3766}#btn-jump-start.active{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff!important;border:1px solid #60A5FA!important;box-shadow:0 0 16px #2563eb73}.cinema-only-btn{display:none!important}.btn-wake-hud{display:none;align-items:center;gap:.4rem;background:#0b0f19db;border:1px solid rgba(212,175,55,.6);color:#f8fafc;padding:.42rem .85rem;border-radius:999px;font-size:.76rem;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px #000000b3;transition:all .2s ease}.btn-wake-hud i{color:var(--gold-primary)}.btn-wake-hud:hover{background:#bc002dd9;border-color:#ff8787}.btn-fullscreen-slot{background-color:#d4af371f;border:1px solid rgba(212,175,55,.35);color:var(--gold-light);border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;padding:.2rem .45rem;cursor:pointer;display:inline-flex;align-items:center;gap:.28rem;transition:all var(--transition-fast);white-space:nowrap}.btn-fullscreen-slot:hover,.btn-fullscreen-slot.active{background-color:#bc002d40;border-color:var(--crimson-primary);color:#fff}.video-grid.grid-2x2 .btn-fullscreen-slot .fullscreen-slot-label{display:none}.pedagogy-header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.btn-close-pedagogy-drawer{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);border-radius:4px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;transition:all .2s ease}.btn-close-pedagogy-drawer:hover{background:#bc002d40;border-color:var(--crimson-primary);color:#fff}.app-root.cinema-mode{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#000;overflow:hidden;z-index:9000}.app-root.cinema-mode.cinema-rotated{top:50%;left:50%;right:auto;bottom:auto;width:100vh;width:100dvh;height:100vw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}.app-root.cinema-mode .cinema-only-btn{display:inline-flex!important}.app-root.cinema-mode .brand-titles,.app-root.cinema-mode .layout-group,.app-root.cinema-mode #btn-open-tutorial,.app-root.cinema-mode #btn-open-guide,.app-root.cinema-mode .footer-meta-group,.app-root.cinema-mode .player-card-footer,.app-root.cinema-mode .quadrant-badge{display:none!important}.app-root.cinema-mode .studio-workspace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0!important;margin:0;display:block}.app-root.cinema-mode .video-section{width:100%;height:100%;padding:0!important}.app-root.cinema-mode .video-grid{width:100%;height:100%;gap:0}.app-root.cinema-mode .player-card{width:100%;height:100%;border:none;border-radius:0;background:#000;position:relative}.app-root.cinema-mode .video-wrapper{width:100%!important;height:100%!important;aspect-ratio:auto!important;flex:1}.app-root.cinema-mode .studio-header{position:absolute;top:0;left:0;right:0;z-index:9150;flex-direction:row!important;align-items:center!important;justify-content:space-between;padding:.3rem max(.75rem,env(safe-area-inset-right,0px)) .3rem max(.75rem,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#080c14eb,#080c14a6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.22);transition:opacity .35s ease,transform .35s ease}.app-root.cinema-mode .header-controls{flex:1;justify-content:space-between;flex-wrap:nowrap;gap:.4rem}.app-root.cinema-mode .kata-dropdown{max-width:240px}.app-root.cinema-mode .player-card-header{position:absolute;top:44px;left:max(.75rem,env(safe-area-inset-left,0px));z-index:9140;background:#0b0f19d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.2rem .5rem;width:auto;max-width:calc(100% - 1.5rem);transition:opacity .35s ease,transform .35s ease}.app-root.cinema-mode .master-timeline-bar{position:absolute;bottom:0;left:0;right:0;z-index:9150;height:auto;min-height:46px;padding:.25rem max(.75rem,env(safe-area-inset-right,0px)) calc(.25rem + env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px));background:linear-gradient(0deg,#080c14f0,#080c14ad);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(212,175,55,.22);flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:.6rem;transition:opacity .35s ease,transform .35s ease}.app-root.cinema-mode .playback-actions{width:auto!important;order:1!important;flex-shrink:0;gap:.25rem}.app-root.cinema-mode .scrubber-container{flex:1!important;width:auto!important;order:2!important;min-width:140px}.app-root.cinema-mode .pedagogy-sidebar{position:absolute;top:44px;bottom:76px;right:0;left:auto;width:min(390px,46%);max-width:90%;z-index:9180;background:#0b0f19f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:2px solid var(--gold-primary);border-top:1px solid rgba(212,175,55,.28);border-bottom:1px solid rgba(212,175,55,.28);border-radius:8px 0 0 8px;padding:.85rem;overflow-y:auto;box-shadow:-8px 0 32px #000000d9}.app-root.cinema-mode.hud-hidden:not(.hud-fixed-frame) .studio-header,.app-root.cinema-mode.hud-hidden:not(.hud-fixed-frame) .player-card-header{opacity:0;transform:translateY(-12px);pointer-events:none}.app-root.cinema-mode.hud-hidden:not(.hud-fixed-frame) .master-timeline-bar{opacity:0;transform:translateY(12px);pointer-events:none}.app-root.cinema-mode.hud-hidden:not(.hud-fixed-frame) .btn-wake-hud{display:inline-flex;position:absolute;bottom:max(14px,env(safe-area-inset-bottom,14px));right:max(16px,env(safe-area-inset-right,16px));z-index:9200}.app-root.cinema-mode.hud-fixed-frame .studio-header,.app-root.cinema-mode.hud-fixed-frame .player-card-header,.app-root.cinema-mode.hud-fixed-frame .master-timeline-bar{opacity:1!important;transform:none!important;pointer-events:auto!important}@media(max-width:768px){.app-root{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.studio-header{padding:.45rem .65rem;flex-direction:column;align-items:stretch;gap:.4rem}.brand-area{display:flex;align-items:center;gap:.45rem}.brand-emblem{font-size:1.35rem}.brand-title{font-size:.92rem;letter-spacing:.04em;line-height:1.15}.brand-subtitle{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex-wrap:nowrap}.layout-group{display:none!important}.control-group{gap:.25rem}.control-label{font-size:.72rem}.kata-dropdown{max-width:155px;font-size:.76rem;padding:.25rem .4rem}.btn-pill{padding:.3rem .5rem;font-size:.73rem;gap:.25rem}.btn-pill .btn-icon{font-size:.8rem}.app-root:not(.cinema-mode) .studio-header{order:1;flex-shrink:0;padding:.35rem .55rem;gap:.3rem}.app-root:not(.cinema-mode) .brand-subtitle,.app-root:not(.cinema-mode) #label-btn-tutorial,.app-root:not(.cinema-mode) #label-btn-guide{display:none}.app-root:not(.cinema-mode) .studio-workspace{display:contents}.app-root:not(.cinema-mode) .video-section{order:2;padding:0;height:auto;flex-shrink:0;display:flex;flex-direction:column}.app-root:not(.cinema-mode):has(#pedagogy-panel.collapsed) .video-section{flex:1;justify-content:center}.app-root:not(.cinema-mode) .video-grid,.app-root:not(.cinema-mode) .video-grid.grid-1x1{width:100%;height:auto;gap:0}.app-root:not(.cinema-mode) .player-card{height:auto;border-radius:0;border-left:none;border-right:none}.player-card-header{padding:.3rem .5rem;gap:.3rem}.quadrant-badge{display:none}.demo-select{font-size:.75rem;padding:.2rem .35rem;flex:1;min-width:0}.btn-audio,.btn-fullscreen-slot{font-size:.7rem;padding:.2rem .4rem}.app-root:not(.cinema-mode) .video-wrapper{width:100%;aspect-ratio:16 / 9;flex:none;height:auto}.player-card-footer{padding:.22rem .55rem;font-size:.66rem}.master-timeline-bar{height:auto;min-height:86px;padding:.4rem .6rem;flex-direction:column;justify-content:center;gap:.35rem;z-index:130}.app-root:not(.cinema-mode) .master-timeline-bar{order:3;position:relative;bottom:auto;left:auto;right:auto;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.kendo-slider{touch-action:pan-x}.app-root:not(.cinema-mode) .pedagogy-sidebar{order:4;position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;max-width:100%;flex:1;min-height:0;z-index:120;background-color:#0d1322fa;border-left:none;border-top:2px solid var(--gold-primary);padding:.75rem .85rem calc(.75rem + env(safe-area-inset-bottom,0px));overflow-y:auto}.scrubber-container{width:100%;order:1;gap:.2rem}.scrubber-labels{font-size:.72rem}.time-current{font-size:.78rem;padding:.1rem .4rem}.playback-actions{width:100%;order:2;display:flex;align-items:center;justify-content:space-between;gap:.25rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.playback-actions::-webkit-scrollbar{display:none}#btn-jump-start,#btn-step-back,#btn-step-fwd,#btn-toggle-loop,#btn-quick-resync{padding:.35rem .5rem;font-size:.72rem;white-space:nowrap;flex-shrink:0}.btn-climax{padding:.35rem .55rem;font-size:.72rem;white-space:nowrap;flex-shrink:0;gap:.25rem}.btn-play-pause{width:36px;height:36px;font-size:.95rem;flex-shrink:0}.speed-control select{font-size:.72rem;padding:.3rem .35rem}.footer-meta-group{display:none!important}.modal-overlay{padding:.5rem}.modal-card{max-height:94vh;padding:1rem;border-radius:var(--radius-sm)}.modal-title{font-size:1.05rem}}#tutorial-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .25s ease-out}#tutorial-root.hidden{display:none}#tutorial-cutout,#tutorial-spotlight-border{transition:x .35s cubic-bezier(.2,.8,.2,1),y .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.tutorial-pulse{animation:tutorialPulseGlow 1.8s infinite ease-in-out}@keyframes tutorialPulseGlow{0%,to{stroke-opacity:.95;stroke-width:2.5px}50%{stroke-opacity:.35;stroke-width:4px}}#tutorial-popover{position:absolute;width:92vw;max-width:440px;background:#18181bf5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 20px 40px -10px #000000bf,0 0 25px #bc002d26;padding:1rem 1.15rem;color:#f8fafc;display:flex;flex-direction:column;gap:.75rem;transition:top .3s cubic-bezier(.2,.8,.2,1),left .3s cubic-bezier(.2,.8,.2,1);z-index:10001;pointer-events:auto;animation:tutorialFadeIn .25s ease-out forwards}@keyframes tutorialFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tut-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;gap:.5rem}.tut-chap-list{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;padding:2px 0}.tut-chap-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:8px;font-size:.72rem;font-weight:600;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:all .2s ease;background:#ffffff0f;color:#94a3b8}.tut-chap-btn:hover{background:#ffffff1f;color:#fff}.tut-chap-btn.active{background:#bc002d;color:#fff;border-color:#ffffff40;box-shadow:0 2px 8px #bc002d66}.tut-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem .4rem;border-radius:6px;font-size:.9rem;transition:all .15s ease}.tut-close-btn:hover{color:#fff;background:#ffffff1a}.tut-step-info{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tut-step-num{color:#60a5fa}.tut-chap-badge{color:#cbd5e1;display:inline-flex;align-items:center;gap:.35rem}.tut-chap-badge i{color:#bc002d;font-size:.8rem}.tut-step-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.tut-step-desc{font-size:.82rem;color:#cbd5e1;line-height:1.5;max-height:150px;overflow-y:auto;padding-right:.35rem}.tut-step-desc code{background:#0006;padding:.1rem .3rem;border-radius:4px;color:#f5d36b;font-size:.8em}.tut-action-tip{background:#bc002d1f;border:1px solid rgba(188,0,45,.3);border-radius:10px;padding:.6rem .75rem;display:flex;align-items:flex-start;gap:.5rem;font-size:.76rem;color:#fef08a;line-height:1.4}.tut-action-tip i{color:#facc15;margin-top:.1rem;flex-shrink:0}.tut-footer-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:.65rem;margin-top:.25rem}.tut-btn-skip{background:none;border:none;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:color .15s ease;padding:.3rem .5rem}.tut-btn-skip:hover{color:#fff}.tut-nav-btns{display:flex;align-items:center;gap:.5rem}.tut-btn-prev{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:.45rem .85rem;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem}.tut-btn-prev:hover:not(:disabled){background:#ffffff29;color:#fff}.tut-btn-prev:disabled{opacity:.3;cursor:not-allowed}.tut-btn-next{background:#bc002d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.45rem 1.05rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #bc002d59;display:inline-flex;align-items:center;gap:.4rem}.tut-btn-next:hover{background:#9e0026;transform:translateY(-1px);box-shadow:0 6px 16px #bc002d80}.tut-btn-next:active{transform:translateY(0)}#tutorial-welcome-toast{position:fixed;bottom:70px;right:1.5rem;max-width:360px;background:#18181bf2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(188,0,45,.4);border-radius:14px;box-shadow:0 12px 32px #0009,0 0 18px #bc002d33;padding:.85rem 1rem;z-index:999;display:flex;flex-direction:column;gap:.5rem;animation:toastSlideUp .35s ease-out forwards}#tutorial-welcome-toast.hidden{display:none!important}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-top-row{display:flex;align-items:center;justify-content:space-between}.toast-brand-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:#f5d36b;text-transform:uppercase;letter-spacing:.05em}.toast-close-btn{background:none;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;padding:.2rem}.toast-close-btn:hover{color:#fff}.toast-message{font-size:.82rem;color:#e2e8f0;line-height:1.4;margin:0}.toast-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.toast-btn-dismiss{background:none;border:none;color:#94a3b8;font-size:.75rem;cursor:pointer;padding:.3rem .5rem}.toast-btn-dismiss:hover{color:#fff}.toast-btn-start{background:#bc002d;color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:700;padding:.4rem .8rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem}.toast-btn-start:hover{background:#9e0026}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#bc002d99}@media(max-width:640px){#tutorial-popover{width:calc(100vw - 24px)!important;max-width:none!important;left:12px!important;right:12px!important}#tutorial-welcome-toast{bottom:80px;left:12px;right:12px;max-width:none}}