:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7fb;--hp-bg:#151820;--hp-surface:#1f2430d6;--hp-surface-strong:#222835;--hp-surface-soft:#2b3240;--hp-border:#ffffff17;--hp-text:#f4f7fb;--hp-muted:#9aa7b7;--hp-primary:#4f7cff;--hp-primary-soft:#4f7cff24;--hp-danger:#cf5555;background:#151820;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.console-shell{background:var(--hp-bg);min-height:100vh;color:var(--hp-text);display:flex}.console-shell button,.login-shell button{border:1px solid var(--hp-border);background:var(--hp-surface-soft);color:var(--hp-text);transition:border-color .16s,color .16s,background .16s,transform .12s}.console-shell button:hover:not(:disabled),.login-shell button:hover:not(:disabled){border-color:#4f7cff73}.console-shell button:active:not(:disabled),.login-shell button:active:not(:disabled){transform:translateY(1px)}.console-shell:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.console-sidebar{z-index:2;border-right:1px solid var(--hp-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#191d27eb;flex-direction:column;flex:0 0 256px;width:256px;height:100vh;display:flex;position:sticky;top:0}.console-brand{align-items:center;gap:12px;padding:20px;display:flex}.console-brand-icon,.module-icon{background:var(--hp-primary-soft);color:var(--hp-primary);border-radius:10px;place-items:center;display:grid;box-shadow:0 0 0 1px #4f7cff47,0 0 24px -8px #4f7cffcc}.console-brand-icon{width:36px;height:36px}.console-brand p{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;font-weight:800}.console-brand span,.console-nav-title{color:var(--hp-muted);text-transform:uppercase;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.console-nav{gap:4px;padding:8px 12px;display:grid}.console-nav-title{margin:12px 12px 6px}.console-nav-item{text-align:left;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:grid;color:var(--hp-muted)!important;background:0 0!important}.console-nav-item small{color:#9aa7b7b8;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.console-nav-item-active{box-shadow:0 0 0 1px #4f7cff47,0 0 24px -10px #4f7cffe6;background:var(--hp-primary-soft)!important;color:var(--hp-text)!important}.console-nav-item-active svg{color:var(--hp-primary)}.console-main{flex-direction:column;flex:1;min-width:0;display:flex}.console-topbar{z-index:3;border-bottom:1px solid var(--hp-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#151820d1;align-items:center;gap:16px;min-height:56px;padding:0 28px;display:flex;position:sticky;top:0}.console-mobile-brand{align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;display:none}.console-status-group{gap:8px;margin-left:auto;display:flex}.console-status-pill{border:1px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-muted);border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;display:flex}.console-status-pill strong{color:var(--hp-text)}.console-status-dot{background:var(--hp-primary);border-radius:999px;width:6px;height:6px;box-shadow:0 0 12px #4f7cffe6}.console-status-dot-muted{background:var(--hp-muted);box-shadow:none}.console-content{flex:1;width:min(1120px,100%);margin:0 auto;padding:32px;position:relative}.console-content .app-shell{width:100%;padding:0}.console-content .app-header{align-items:center}.console-content .eyebrow{color:var(--hp-primary);letter-spacing:.2em;text-shadow:0 0 18px #4f7cff7a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.console-content h1,.console-content h2{color:var(--hp-text)}.page-lead{max-width:640px;color:var(--hp-muted);margin:-8px 0 0;line-height:1.6}.console-content .module-card,.console-content .player-panel,.console-content .search-panel,.console-content .empty-panel{border:1px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.console-content .module-card{gap:20px;min-height:220px;transition:border-color .16s,box-shadow .16s,transform .16s}.console-content .module-card:hover{border-color:#4f7cff61;transform:translateY(-1px);box-shadow:0 0 0 1px #4f7cff26,0 0 28px -12px #4f7cffe6}.module-card-top,.module-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.module-icon{width:48px;height:48px}.module-arrow,.console-content .module-card p,.console-content .empty-panel p,.console-content .muted,.console-content .result p,.console-content .result span,.console-content .recording-row p{color:var(--hp-muted)}.console-content .module-card-disabled{opacity:.62}.badge{border:1px solid var(--hp-border);background:var(--hp-surface-soft);color:var(--hp-muted);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:800;display:inline-flex}.badge-accent{background:var(--hp-primary-soft);color:#8eb0ff;border-color:#4f7cff6b}.console-content .state-pill{background:var(--hp-surface-soft)}.console-content .state-lecture{color:#72e0a6;background:#46be8029}.console-content .state-pause{color:#f0c56d;background:#efbe5229}.console-content .state-arrete{color:var(--hp-muted)}.console-content input{border-color:var(--hp-border);background:var(--hp-surface-soft);color:var(--hp-text)}.console-content .message{color:#ffb4b4}.console-content .result,.console-content .recording-row{border-color:var(--hp-border);background:var(--hp-surface);border-radius:12px}.console-now-playing{gap:18px}.now-playing-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.now-playing-main{align-items:center;gap:16px;min-width:0;display:flex}.now-playing-art{width:68px;height:68px;color:var(--hp-primary);background:radial-gradient(circle at 35% 30%,#4f7cff6b,#0000 42%),linear-gradient(135deg,#4f7cff3d,#1f243066);border-radius:16px;flex:0 0 68px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #4f7cff38}.now-playing-copy{min-width:0}.now-playing-copy h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-controls{justify-content:center;gap:12px;display:flex}.control-button{width:48px;min-width:48px;min-height:48px;color:var(--hp-text);border-radius:999px;place-items:center;padding:0;display:grid;background:var(--hp-surface-soft)!important}.control-button:hover:not(:disabled){color:var(--hp-primary);box-shadow:0 0 0 1px #4f7cff3d,0 0 24px -10px #4f7cffe6}.control-button-danger{color:#ffb4b4!important;background:#cf55552e!important}.volume{gap:10px}.volume span{color:var(--hp-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;display:flex}.volume input{height:6px}.search-input-wrap{border:1px solid var(--hp-border);background:var(--hp-surface-soft);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.search-input-wrap svg{color:var(--hp-muted)}.search-input-wrap input{padding:0;background:0 0!important;border:0!important}.console-content .result{grid-template-columns:112px minmax(0,1fr) 48px;transition:border-color .16s,transform .16s}.console-content .result:hover{border-color:#4f7cff52;transform:translateY(-1px)}.console-content .result img{border-radius:10px}.panel-title-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-title-row svg{color:var(--hp-primary)}.video-hero-panel{gap:16px;display:grid}.video-preview{border:1px solid var(--hp-border);background:radial-gradient(circle at 50% 34%, #4f7cff33, transparent 34%), linear-gradient(135deg, var(--hp-surface-soft), #151820c7);text-align:center;border-radius:14px;place-items:center;gap:12px;min-height:220px;display:grid;position:relative;overflow:hidden}.video-preview:before{content:"";background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.video-preview>*{position:relative}.video-preview-icon{background:var(--hp-primary-soft);width:72px;height:72px;color:var(--hp-primary);border-radius:999px;place-items:center;display:grid;box-shadow:0 0 0 1px #4f7cff47,0 0 32px -10px #4f7cffe6}.video-preview p{max-width:min(620px,90%);color:var(--hp-muted);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.video-volume-row{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.video-volume-row>svg{color:var(--hp-muted)}.video-action-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.video-action-tile{text-align:left;border-radius:14px;align-content:space-between;justify-items:start;gap:12px;min-height:104px;padding:14px;display:grid}.video-action-icon{width:42px;height:42px;color:var(--hp-primary);background:#151820bf;border-radius:10px;place-items:center;display:grid}.video-icon-controls{justify-content:flex-start}*{box-sizing:border-box}body{background:var(--hp-bg);min-height:100vh;margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#183d5d;border:0;border-radius:8px;min-height:44px;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{gap:18px;width:min(1100px,100%);margin:0 auto;padding:20px;display:grid}.login-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.login-panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;gap:16px;width:min(420px,100%);padding:18px;display:grid}.login-panel label{color:#354250;gap:8px;font-weight:700;display:grid}.login-panel input{background:#fbfcfd;border:1px solid #c7d0d9;border-radius:8px;min-height:46px;padding:0 14px}.app-header{align-items:flex-start;gap:14px;display:flex}.ghost-button{color:#183d5d;background:#e7edf3}.eyebrow{color:#52616f;text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:800}h1,h2{margin:0;line-height:1.12}h1{font-size:clamp(1.35rem,2.8vw,2.2rem)}.module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.module-card,.player-panel,.search-panel,.empty-panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:18px}.module-card{align-content:space-between;gap:18px;min-height:170px;display:grid}.module-card p,.empty-panel p{color:#52616f;margin:10px 0 0}.module-card-disabled{background:#f7f9fb}.player-panel{gap:16px;display:grid}.state-pill{background:#e7edf3;border-radius:999px;width:fit-content;padding:7px 12px;font-weight:800}.state-lecture{color:#14613a;background:#d9f2e5}.state-pause{color:#7a5200;background:#fff1cc}.state-arrete{color:#52616f;background:#eceff2}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.danger{background:#8d2c2c}.volume{color:#354250;gap:8px;font-weight:700;display:grid}.volume input{accent-color:#183d5d;width:100%}.search-form{grid-template-columns:1fr auto;gap:10px;display:grid}.search-form input{background:#fbfcfd;border:1px solid #c7d0d9;border-radius:8px;min-width:0;min-height:46px;padding:0 14px}.message{color:#8d2c2c;margin:14px 0 0;font-weight:700}.results{gap:12px;margin-top:16px;display:grid}.result{background:#fff;border:1px solid #dde3ea;border-radius:8px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.recording-row{background:#fff;border:1px solid #dde3ea;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.recording-row h2{margin:0 0 6px;font-size:1rem}.recording-row p,.muted{color:#52616f;margin:0}.result img{aspect-ratio:16/9;object-fit:cover;background:#dfe5eb;border-radius:6px;width:112px}.result h2{margin:0 0 6px;font-size:1rem;line-height:1.25}.result p{color:#52616f;margin:0 0 4px}.result span{color:#354250;font-size:.9rem;font-weight:700}.play-button{min-width:74px}.video-panel{gap:14px;display:grid}.video-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.login-form{gap:12px;display:grid}.login-form label{color:#354250;gap:8px;font-weight:700;display:grid}.login-form input{background:#fbfcfd;border:1px solid #c7d0d9;border-radius:8px;min-width:0;min-height:46px;padding:0 14px}.video-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.tv-fullscreen-shell{background:#15191e;place-items:start center;min-height:100vh;padding:10px;display:grid}.tv-fullscreen-shell .message{color:#ffd2d2;width:min(420px,100%);margin:0}.tv-remote{color:#f8fafc;background:#23282e;border:1px solid #d4dbe2;border-radius:24px;gap:12px;width:min(420px,100%);padding:14px;display:grid;box-shadow:0 18px 38px #1c232b2e}.tv-remote button{color:#f8fafc;background:#343b43;border:1px solid #ffffff1f;box-shadow:inset 0 -2px #00000038}.tv-remote button:active:not(:disabled){transform:translateY(1px)}.tv-remote-status{color:#cbd5df;justify-content:space-between;gap:12px;font-size:.78rem;font-weight:700;display:flex}.tv-power-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tv-round-button{border-radius:999px;width:58px;min-height:58px;padding:0}.tv-power-button{background:#8d2c2c!important}.tv-pill-button{border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;display:inline-flex}.tv-main-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tv-main-actions button{justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.tv-dpad{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:7px;width:min(210px,100%);margin:0 auto;display:grid}.tv-dpad button{border-radius:999px;place-items:center;min-height:0;padding:0;font-size:1.35rem;line-height:1;display:grid}.tv-dpad-up{grid-column:2}.tv-dpad-left{grid-area:2/1}.tv-dpad-ok{grid-area:2/2;font-size:1rem;color:#1c232b!important;background:#f8fafc!important}.tv-dpad-right{grid-area:2/3}.tv-dpad-down{grid-area:3/2}.tv-app-section{gap:8px;display:grid}.tv-app-section h2{font-size:.95rem}.tv-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tv-app-button{aspect-ratio:1;grid-template-rows:minmax(0,70%) 1.35em;place-items:center;gap:3px;min-height:0;padding:6px 5px 5px;display:grid}.tv-app-icon{place-items:center;width:82%;min-width:0;height:82%;min-height:0;font-size:.9rem;font-weight:900;display:grid}.tv-app-icon img{object-fit:contain;border-radius:6px;width:100%;height:100%}.tv-app-label{color:#e7edf3;overflow-wrap:anywhere;text-align:center;align-self:end;width:100%;font-size:.58rem;font-weight:900;line-height:1.05}.tv-app-form{grid-template-columns:1fr auto;gap:10px;display:grid}.tv-app-form input,.tv-options input{color:#f8fafc;background:#15191e;border:1px solid #4b5560;border-radius:8px;min-width:0;min-height:38px;padding:0 14px}.tv-advanced{color:#cbd5df;gap:12px;display:grid}.tv-advanced summary{cursor:pointer;font-weight:800}.tv-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0;display:grid}.tv-options label{color:#cbd5df;gap:8px;font-weight:700;display:grid}.tv-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tv-button-grid button{min-height:38px;font-size:.86rem}@media (width<=700px){.console-shell{display:block}.console-sidebar{display:none}.console-topbar{padding:0 12px}.console-mobile-brand{display:flex}.console-status-group{gap:6px}.console-status-pill{display:none}.console-status-pill:first-child{display:flex}.console-content{padding:16px 12px 20px}.app-shell{padding:12px}.app-header{display:grid}.module-card,.player-panel,.search-panel,.empty-panel{padding:14px}.controls,.search-form,.video-service-grid,.video-controls,.tv-main-actions,.tv-app-form,.tv-button-grid,.tv-options{grid-template-columns:1fr}.tv-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tv-remote{border-radius:20px;padding:12px}.result{grid-template-columns:92px minmax(0,1fr)}.result img{width:92px}.result .play-button{border-radius:12px;grid-column:1/-1;width:100%}}