:root{color-scheme:dark;--bg:#060b12;--surface:#101923;--surface-2:#172638;--line:#ffffff18;--text:#f3f7fb;--muted:#9badbd;--cyan:#42d9f5;--good:#6ce197;--danger:#ff8a80;--shadow:0 18px 45px #0007;--hover-ghost-opacity:.30;--hover-active-opacity:.92;--hover-dwell-duration:300ms;--hover-preview-transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
*{box-sizing:border-box}html,body{margin:0;min-width:0;min-height:100%;overflow-x:clip;background:var(--bg);color:var(--text)}body{font:16px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}
.companion-shell{width:min(2000px,100%);min-height:100vh;margin:auto;background:linear-gradient(#060b12,#09131d);padding:0 clamp(16px,2.5vw,38px) 24px}.companion-header{height:66px;display:flex;align-items:center;gap:22px;margin:0 -clamp(16px,2.5vw,38px) 18px;padding:0 clamp(16px,2.5vw,38px);border-bottom:1px solid var(--line);background:#060b12f5}.hero-copy{min-width:0}.companion-header>.hero-copy{display:flex;align-items:baseline;gap:14px;white-space:nowrap}.eyebrow,.hero-kicker{color:var(--cyan);font-size:14px;letter-spacing:.11em;font-weight:600}.companion-header h1{font-size:18px;line-height:1;margin:0;font-weight:500}.hero-meta{display:none}.hero-actions{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.headset-status-line{order:1;min-width:0;max-width:min(52vw,720px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;line-height:1.2}.state-pill{order:2;border:0;border-radius:11px;padding:8px 12px;color:var(--text);background:var(--surface);white-space:nowrap;font-size:13px}.settings-corner{order:3!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:10px!important;font-size:0}.settings-corner::before{content:"⚙";font-size:18px;color:var(--muted)}
.tabs{display:flex;align-items:stretch;gap:24px;height:42px;margin:0 0 16px;border-bottom:1px solid var(--line)}.tab{min-height:0;border:0;border-radius:0;background:transparent;color:var(--muted);padding:0 2px;font-weight:500;position:relative}.tab.active,.tab:focus-visible{color:var(--text);background:transparent;outline:0}.tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--cyan)}.panel{min-height:0}.hidden{display:none!important}
.companion-hero,.hero{position:relative;height:clamp(260px,24vw,365px);max-height:365px;min-height:260px;margin-bottom:18px;overflow:hidden;border-radius:20px;background:#121d31;box-shadow:var(--shadow)}.hero-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;background:#121d31}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05090ff2 0%,#05090fa8 40%,transparent 78%),linear-gradient(0deg,#05090f99,transparent 42%)}.hero-media img,.hero-media .program-cover{width:100%;height:100%;display:block;object-fit:cover}.companion-hero>.hero-copy{position:absolute;z-index:2;left:5%;top:15%;width:min(52%,620px);color:var(--text)}.companion-hero>.hero-copy h2{font-size:clamp(28px,4vw,64px);line-height:.98;letter-spacing:-.04em;margin:0 0 12px}.companion-hero>.hero-copy p{color:#c5d1dc;max-width:580px;margin:0 0 14px}.hero-title{display:block;font-size:clamp(24px,3vw,46px);line-height:1.05;margin:8px 0 14px}.hero-actions .action{font-size:14px}.card-preview,.preview-video{z-index:3}.hero-media .card-preview{opacity:1}.hero-media .preview-sound{position:absolute;z-index:4;right:24px;bottom:20px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}.panel-heading h2,.feed-title{font-size:20px;line-height:1.2;margin:0;font-weight:500}.toolbar,.catalog-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}.toolbar input{height:42px;min-width:220px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:0 13px;outline:0}.toolbar input:focus{border-color:var(--cyan)}.quick-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.quick-filter,.feed-tab{border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);padding:8px 11px;white-space:nowrap}.quick-filter:hover,.feed-tab:hover,.feed-tab.active{border-color:var(--cyan);color:var(--text)}.feed-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:3px 0 4px}.feed-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0}.feed-reason{color:var(--muted);font-size:14px;margin:0 0 12px}.feed-grid,.card-grid,.program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feed-sentinel,.catalog-sentinel{min-height:12px;color:var(--muted);text-align:center;padding:8px}
.app-card,.program-card,.catalog-card{min-width:0;background:transparent;border:0;border-radius:14px;padding:0;display:flex;flex-direction:column;gap:0;box-shadow:none;transition:transform .2s ease}.app-card:hover,.program-card:hover,.catalog-card:hover,.app-card:focus-within,.catalog-card:focus-within{transform:translateY(-4px)}.program-media,.program-cover,.card-image,.card-image img{position:relative;width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:cover;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#17284d,#65315f)}.card-image{position:absolute;inset:0}.program-media{position:relative}.program-media .card-image{height:100%}.card-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0008;opacity:0;transition:opacity .2s}.catalog-card:hover .card-preview,.catalog-card:focus-within .card-preview{opacity:1}.preview-video{width:100%;height:100%;object-fit:cover}.media-play{border:0;border-radius:50%;background:#05090faa;padding:13px;color:#fff}.preview-sound,.preview-link{border:1px solid #fff8;border-radius:9px;background:#05090fcc;padding:7px 10px}.preview-sound{position:absolute;right:9px;bottom:9px;z-index:4}.preview-link{display:inline-flex;margin-top:12px}.program-card h3,.catalog-card h3{font-size:16px;line-height:1.2;margin:9px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-info{min-width:0}.description{color:var(--muted);font-size:14px;line-height:1.35;margin:4px 2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.meta{color:var(--muted);font-size:13px;margin:3px 2px;overflow-wrap:anywhere}.program-badges{display:flex;gap:6px;flex-wrap:wrap}.youtube-pill{border:0;border-radius:6px;background:#05090fcc;padding:4px 7px}.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 2px 0}.action{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:8px 11px;cursor:pointer;font-size:14px;font-weight:500}.action:hover,.action:focus-visible{border-color:var(--cyan)}.action.secondary{background:transparent;color:var(--muted)}.action.danger{border-color:#bd645f;background:#5b2929}.message{border:1px dashed var(--line);border-radius:12px;padding:28px;text-align:center;color:var(--muted);grid-column:1/-1}
.companion-overlay,.detail-overlay{position:fixed;inset:0;z-index:20;background:#02070dcc;padding:4vh 4vw;overflow:auto}.companion-dialog,.detail-card{width:min(1100px,100%);margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);min-width:0}.detail-image,.detail-media{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;background:#0b1520}.detail-versions,.version-list{display:grid;gap:8px;margin-top:14px}.version-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;background:#0b1520;padding:9px}.family-mode,.family-controls,.pin-dialog{border:1px solid var(--line);border-radius:12px;background:#0b1520;padding:14px}.pin-overlay{display:grid;place-items:center}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}.setting-card h3{margin:0 0 8px}.setting-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:9px 0}.setting-row:last-child{border-bottom:0}.setting-row span:first-child{color:var(--muted)}select.action{min-width:180px}
@media(max-width:1100px){.feed-grid,.card-grid,.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-hero>.hero-copy{width:65%}}
@media(max-width:600px){.companion-shell{padding:0 12px 18px}.companion-header{height:58px;margin:0 -12px 12px;padding:0 12px;gap:8px}.companion-header>.hero-copy{gap:8px}.eyebrow{font-size:11px}.companion-header h1{font-size:15px}.state-pill{font-size:11px;padding:7px}.tabs{gap:16px;height:38px}.companion-hero,.hero{height:300px;min-height:240px;border-radius:14px}.companion-hero>.hero-copy{left:6%;top:10%;width:88%}.companion-hero>.hero-copy h2{font-size:34px}.feed-grid,.card-grid,.program-grid,.settings-grid{grid-template-columns:1fr}.toolbar input{min-width:100%;flex-basis:100%}.companion-dialog{padding:15px}.hero-meta{display:none}}
.companion-header .tabs{display:flex;align-items:center;gap:24px;height:66px;margin:0;flex:1;border:0;min-width:0}.companion-header .tabs .tab{min-height:0;height:66px}.tabs .settings-corner{position:static;z-index:auto;min-width:38px!important;height:38px!important;padding:0!important;border:1px solid var(--line);border-radius:10px!important;background:var(--surface)!important;font-size:0}.tabs .settings-corner::before{content:"⚙";font-size:18px;color:var(--muted)}
@media(max-width:600px){.companion-header .tabs{height:58px;gap:16px}.companion-header .tabs .tab{height:58px}}
.detail-single-media{margin:12px 0 16px}.detail-close{float:right}.detail-versions{margin-top:18px}.version-info{min-width:0;display:grid;gap:3px}.version-changelog{margin:4px 0 0;color:var(--muted);font-size:13px}.program-reviews{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.reviews-list{display:grid;gap:8px}.review-item{border:1px solid var(--line);border-radius:10px;background:#0b1520;padding:10px}.review-item p{margin:5px 0 0;color:var(--muted)}.review-form{display:grid;gap:8px;margin-top:12px}.review-form textarea{min-height:84px;resize:vertical;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px}.review-form select{width:max-content;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:7px}.reviews-status{color:var(--muted);min-height:1.4em}
.detail-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "close" "media" "description" "youtube" "versions" "reviews";align-items:start;gap:12px}.detail-card>.detail-title{grid-area:title;margin:0;min-width:0}.detail-card>.detail-close{grid-area:close;justify-self:end;float:none}.detail-card>.detail-single-media{grid-area:media;margin:0;max-height:none;width:100%}.detail-card>.detail-single-media .detail-video-wrap,.detail-card>.detail-single-media>.detail-image{max-height:none;width:100%}.detail-card>.description{grid-area:description;margin:0;color:var(--muted)}.detail-card>.detail-youtube{grid-area:youtube;justify-self:start}.detail-card>.detail-versions{grid-area:versions;margin:0;max-height:none;overflow:visible;padding-right:0;width:100%}.detail-card>.program-reviews{grid-area:reviews;margin-top:4px}@media(max-width:900px){.detail-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "close" "media" "description" "youtube" "versions" "reviews"}.detail-card>.detail-single-media,.detail-card>.detail-single-media .detail-video-wrap,.detail-card>.detail-single-media>.detail-image{max-height:none}.detail-card>.detail-versions{max-height:none;overflow:visible}}
.detail-card>.detail-close{position:sticky;top:0;z-index:5;background:#172333;border-color:#ffffff55;color:var(--text)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-actions .settings-corner{order:3;position:static;z-index:auto;min-width:38px!important;height:38px!important;padding:0!important;border:1px solid var(--line);border-radius:10px!important;background:var(--surface)!important;font-size:0}.hero-actions .settings-corner::before{content:"⚙";font-size:18px;color:var(--muted)}.preview-link{display:inline-flex;align-items:center;justify-content:center;margin:8px 0 0!important;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface);text-decoration:none!important;line-height:1.2}.preview-link:hover,.preview-link:focus-visible{border-color:var(--cyan);text-decoration:none}
.topbar-icon{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:20px;line-height:1}.topbar-icon:hover{border-color:var(--cyan);color:var(--text)}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:15;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--cyan);font-size:24px;line-height:1;box-shadow:var(--shadow)}.back-to-top[hidden]{display:none}.back-to-top.is-visible{display:grid;place-items:center}
.density-switch{display:flex;gap:5px;align-items:center}.density-switch button{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted)}.density-switch button.active,.density-switch button:hover{border-color:var(--cyan);color:var(--text)}.density-small .feed-grid,.density-small .card-grid,.density-small .program-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.density-medium .feed-grid,.density-medium .card-grid,.density-medium .program-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.density-large .feed-grid,.density-large .card-grid,.density-large .program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-volume,.preview-volume{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 11px;border-radius:11px;background:#05090fcc;color:var(--text)}.hero-volume .volume-icon,.preview-volume .volume-icon{font-size:18px;color:var(--cyan)}.hero-volume input[type=range],.preview-volume input[type=range]{width:clamp(90px,12vw,160px);accent-color:var(--cyan)}.volume-percent{font-variant-numeric:tabular-nums;color:var(--muted);min-width:3ch;text-align:right}
.card-preview::before{content:"";position:absolute;z-index:2;left:50%;top:50%;width:46px;height:46px;border:1px solid #fff9;border-radius:50%;background:#05090fcc;transform:translate(-50%,-50%)}.card-preview::after{content:"";position:absolute;z-index:3;left:50%;top:50%;margin:0 0 0 2px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;transform:translate(-50%,-50%)}.card-preview:has(video[src])::before,.card-preview:has(video[src])::after{display:none}.card-preview .preview-sound{z-index:4;filter:none;backdrop-filter:none}
@media(max-width:1100px){.density-small .feed-grid,.density-small .card-grid,.density-small .program-grid,.density-medium .feed-grid,.density-medium .card-grid,.density-medium .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.density-large .feed-grid,.density-large .card-grid,.density-large .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.density-small .feed-grid,.density-small .card-grid,.density-small .program-grid,.density-medium .feed-grid,.density-medium .card-grid,.density-medium .program-grid,.density-large .feed-grid,.density-large .card-grid,.density-large .program-grid{grid-template-columns:1fr}.topbar-icon{width:28px;height:28px}.back-to-top{right:14px;bottom:14px}}
.detail-video-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#0b1520}.detail-video-wrap video{display:block;width:100%;height:100%;object-fit:cover}.trailer-play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}.trailer-play-overlay::before{content:"";width:58px;height:58px;border:1px solid #fff9;border-radius:50%;background:#05090fcc}.trailer-play-overlay::after{content:"";position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;margin-left:4px}.trailer-play-overlay{font-size:0;filter:none;backdrop-filter:none}.trailer-play-overlay[hidden]{display:none!important}.card-size-controls{display:flex;align-items:center;gap:5px}.card-size-button{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);cursor:pointer}.card-size-button.active,.card-size-button:hover{border-color:var(--cyan);color:var(--text)}.volume-control-group{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.volume-control{width:clamp(90px,12vw,160px);accent-color:var(--cyan)}.volume-value{min-width:3ch;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}
.detail-play{position:absolute;z-index:3;left:50%;top:50%;width:58px;height:58px;padding:0;border:1px solid #fff9;border-radius:50%;background:#05090fcc;transform:translate(-50%,-50%);font-size:0;filter:none;backdrop-filter:none}.detail-play::after{content:"";position:absolute;left:50%;top:50%;margin-left:3px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;transform:translate(-50%,-50%)}.detail-play[hidden]{display:none!important}
.companion-hero>.hero-copy{z-index:5}
.program-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 7px;color:var(--muted);font-size:12px;line-height:1}.installed-badge{border-color:#6ce19788;color:var(--good)}
body.modal-open{overflow:hidden;overscroll-behavior:none}.companion-overlay{overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:auto}.companion-dialog{overscroll-behavior:contain}
.youtube-dialog{width:min(1200px,100%);position:relative}.youtube-close{margin-bottom:12px}.youtube-frame{display:block;width:100%;aspect-ratio:16/9;min-height:280px;border:0;border-radius:13px;background:#000}
.card-preview video.preview-video,.hero-media video.preview-video{position:absolute;inset:0;width:100%;height:100%;flex:0 0 100%;object-fit:cover}.preview-audio-state{position:absolute;right:10px;bottom:10px;z-index:4;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:5px 8px;border:1px solid #ffffff45;border-radius:7px;background:#05090fcc;color:#d9e8f2;font-size:12px;line-height:1;pointer-events:none;white-space:nowrap}.preview-audio-state>*{pointer-events:auto}.trailer-no-audio{display:inline-flex;align-items:center;gap:4px;border:1px solid #ffffff35;border-radius:999px;padding:4px 7px;background:#05090fcc;color:var(--muted);font-size:12px;line-height:1;pointer-events:none}.card-preview .preview-link{position:absolute;right:10px;bottom:10px;z-index:5;margin:0!important}.card-preview .preview-audio-state~.preview-link{right:10px;bottom:48px}.hero-media .preview-audio-state{right:24px;bottom:20px}.hero-media .preview-audio-state~.preview-link{right:24px;bottom:58px}
.catalog-card{position:relative}.hover-preview-panel{position:absolute;z-index:1000;top:50%;left:50%;right:auto;bottom:auto;width:min(580px,calc(100vw - 24px));padding:12px;border:1px solid var(--line);border-radius:14px;background:#101923f7;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.96);transform-origin:var(--hover-origin-x,50%) var(--hover-origin-y,50%);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.hover-preview-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.hover-preview-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#0b1520}.hover-preview-media video,.hover-preview-media img{display:block;width:100%;height:100%;object-fit:cover}.hover-preview-title{display:block;margin-top:9px;font-size:16px;line-height:1.2}.hover-preview-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin:5px 0;color:var(--muted);font-size:13px}.hover-preview-meta{color:var(--cyan);font-size:12px}.hover-preview-panel button,.hover-preview-panel a{pointer-events:auto}@media(prefers-reduced-motion:reduce){.hover-preview-panel{transition:none}.hover-preview-panel.is-visible{transform:translate(-50%,-50%) scale(1)}}@media(max-width:600px){.hover-preview-panel{width:min(330px,calc(100vw - 24px))}}
.hover-preview-panel{width:min(580px,calc(100vw - 24px))}.hover-preview-panel .preview-audio-state{position:absolute;right:10px;bottom:10px;z-index:4}.hover-preview-panel .preview-link{position:absolute;right:10px;bottom:10px;z-index:5}.hover-preview-panel .trailer-no-audio{position:absolute;left:10px;bottom:10px;z-index:4}.hover-preview-panel .preview-audio-state~.preview-link{bottom:48px}@media(max-width:600px){.hover-preview-panel{width:min(330px,calc(100vw - 24px))}}
.catalog-card,.program-card,.app-card{overflow:visible}.catalog-card:has(.hover-preview-panel.is-visible),.program-card:has(.hover-preview-panel.is-visible){z-index:100}.hover-preview-panel .preview-video{position:absolute;inset:0;z-index:1}.hover-preview-panel .preview-audio-state{z-index:4}.hover-preview-panel .preview-sound{z-index:5}.hover-preview-panel .trailer-no-audio,.hover-preview-panel .preview-link{z-index:5}
.hover-preview-panel{left:var(--hover-left,50%)!important;right:auto!important;top:var(--hover-top,50%)!important;bottom:auto!important;transform:translate(-50%,-50%) scale(.96);transform-origin:var(--hover-origin-x,50%) var(--hover-origin-y,50%)}.hover-preview-panel.is-visible{transform:translate(-50%,-50%) scale(1)}
.companion-header{position:sticky;top:0;z-index:110}.companion-mini-controls{position:fixed;right:22px;bottom:22px;z-index:10000;display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--line);border-radius:13px;background:#101923ed;box-shadow:var(--shadow);pointer-events:auto}.companion-mini-controls[hidden]{display:none!important}.companion-mini-controls.is-visible{visibility:visible;opacity:1}.companion-mini-controls .back-to-top{position:static;right:auto;bottom:auto}.companion-mini-controls .topbar-icon{width:44px;height:44px;min-width:44px}.companion-mini-controls #companion-global-mute{width:auto;min-width:44px;min-height:44px;padding:0 9px;font-size:12px}.companion-mini-controls button{touch-action:manipulation}@media(max-width:600px){.companion-mini-controls{right:14px;bottom:14px}.companion-mini-controls #companion-global-mute{font-size:11px}}
.hover-preview-panel.is-visible.is-ghost{opacity:var(--hover-ghost-opacity);transition:var(--hover-preview-transition);background:#101923d9}.hover-preview-panel.is-visible.is-ghost .hover-preview-media{opacity:.96}.hover-preview-panel.is-visible.is-ghost .hover-preview-title,.hover-preview-panel.is-visible.is-ghost .hover-preview-description,.hover-preview-panel.is-visible.is-ghost .hover-preview-meta{opacity:.42}.hover-preview-panel.is-visible.is-active{opacity:var(--hover-active-opacity);transition:var(--hover-preview-transition)}
.companion-ota-notice{position:fixed;right:20px;bottom:20px;z-index:1200;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 40px));padding:12px 14px;border:1px solid rgba(125,150,255,.55);border-radius:14px;background:rgba(18,26,43,.96);box-shadow:0 14px 36px rgba(0,0,0,.38);color:var(--text,#f4f7ff);font-size:14px}.companion-ota-notice .ota-title{white-space:nowrap}.companion-ota-notice .ota-copy{color:var(--muted,#aeb8ce)}.companion-ota-notice .ota-update,.companion-ota-notice .ota-later{flex:0 0 auto}.companion-ota-notice button:disabled{opacity:.65;cursor:wait}@media(max-width:600px){.companion-ota-notice{left:12px;right:12px;bottom:12px;max-width:none;flex-wrap:wrap}.companion-ota-notice .ota-copy{flex:1 1 100%}}
.account-mode-switch{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.account-mode-switch .action{flex:1 1 30%;min-width:0}.account-mode-switch .active{border-color:var(--cyan);background:var(--surface)}.account-form{display:grid;gap:8px;margin-top:10px}.account-form input{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#08111b;color:var(--text);padding:8px 10px}.account-form .action{min-height:44px}.auth-recovery-code{display:block;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:#08111b;overflow-wrap:anywhere;user-select:all}.companion-overlay #companion-recovery-code{}.companion-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}
.detail-card>.detail-versions .version-list,.detail-card>.detail-versions{min-width:0}.version-item{width:100%;min-width:0;align-items:flex-start}.version-info{flex:1 1 auto;min-width:0}.version-item>.action,.version-item>.compact-action{flex:0 0 auto;min-width:132px;min-height:44px;white-space:nowrap}.detail-card>.detail-versions .version-item{display:flex;flex-wrap:nowrap}
.pairing-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.pairing-actions .action{flex:1 1 180px;min-width:0;min-height:44px}.pairing-usb-status{display:block;margin:10px 0 0;min-height:1.4em}