:root{--bg:#f8f8f2;--ink:#25272b;--muted:#72756a;--line:#e2e4da;--lime:#dcf790;--violet:#7761c9;--lavender:#eee8fa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:10px 16px;min-height:44px;font-weight:600}button:hover{background:#efefe7}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a18ae0;outline-offset:3px}a{color:inherit;text-decoration:none}header,main,footer{max-width:1320px;margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 44px}.logo{font-family:Arial,sans-serif;letter-spacing:-1.7px;font-size:26px;font-weight:900;white-space:nowrap}.logo>span{color:var(--violet);margin:0 2px}.logo i{font-style:normal;font-size:31px;margin-left:12px;color:var(--violet)}.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;background:#9ab75d;border-radius:50%;flex-shrink:0}.edition{font-size:12px;color:var(--muted)}main{padding:0 44px}.intro{padding:54px 0 36px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#74786a}h1{font-size:clamp(38px,4.7vw,62px);line-height:1.3;letter-spacing:-1.8px;margin:17px 0;font-weight:800}h1 em{font-style:normal;color:var(--violet)}.intro p{color:var(--muted);line-height:1.9;font-size:14px}.sticker{width:188px;height:188px;border:1px solid #d8ddc5;border-radius:50%;background:#eef1df;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(10deg);margin-right:42px}.sticker b{font-size:27px;line-height:1.4;margin:8px 0}.sticker span{font-size:9px;letter-spacing:1px}.card{background:#fff;border:1px solid var(--line);border-radius:16px}.setup{padding:28px 28px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:36px}.field{min-width:0}.field h2{font-size:20px;margin:10px 0 16px}label{cursor:pointer}.input-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fbfbf8;padding-left:15px;color:#8b8f7e;gap:10px}.input-wrap input{min-width:0;width:100%;border:0;background:transparent;padding:15px 10px 15px 0;font-size:16px;color:var(--ink)}.detected{font-size:12px;color:#68774d;min-height:20px;margin:8px 0}.error{color:#a33546;font-size:13px;margin:4px 0;min-height:0}.error:empty{display:none}.setup-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.check{display:flex;align-items:center;gap:9px;min-height:44px;font-weight:600}.check input{accent-color:var(--violet);width:19px;height:19px;flex-shrink:0}.check small{color:var(--muted);font-weight:400;font-size:12px;margin-left:6px}.primary{background:var(--lime);border-color:#cbe58b}.primary:hover{background:#cee97d}.start{min-width:180px;display:flex;align-items:center;justify-content:space-between}.setup-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font-size:11px;color:var(--muted)}.setup-note{font-size:12px;color:var(--muted);margin:16px 2px}.bottom-note{display:flex;align-items:center;justify-content:center;gap:42px;padding:32px 0}.bottom-note>span{font-size:42px;color:var(--violet)}.bottom-note p{color:var(--muted);font-size:18px}.bottom-note b{color:var(--ink)}.section-bar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px;gap:15px;flex-wrap:wrap}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;flex-wrap:wrap}.badge{font-size:10px;color:#696474;background:var(--lavender);padding:4px 9px;border-radius:5px}.actions{display:flex;gap:8px;flex-wrap:wrap}.stage{position:relative;height:clamp(500px,60vw,670px);border-radius:17px;overflow:hidden;background:#17161e;border:1px solid #ded9e8;isolation:isolate}.video-shell{position:absolute;inset:0;background:#17161e;overflow:hidden}.video-heading{height:32px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;font-size:11px;color:#e5e0f0;background:#252230;white-space:nowrap}.video-heading>span:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0}.player-state{font-size:10px;color:#bcb7c6;overflow:hidden;text-overflow:ellipsis;max-width:46%}.mount{position:absolute;inset:32px 0 0;min-height:200px}.mount iframe,.mount>div{display:block;width:100%;height:100%;border:0}.video-shell.small{inset:auto;right:16px;bottom:66px;width:clamp(356px,33%,430px);height:calc(clamp(356px,33vw,430px)*.5625 + 32px);min-height:238px;max-height:280px;border:2px solid #d9d0ed;border-radius:12px;box-shadow:0 8px 30px #0007;z-index:2}.stage[data-position=bottom-left] .small{left:16px;right:auto}.stage[data-position=top-left] .small{left:16px;top:48px;right:auto;bottom:auto}.stage[data-position=top-right] .small{right:16px;top:48px;bottom:auto}.control-dock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-top:12px}.transport{display:flex;gap:8px;flex-wrap:wrap}.pause{background:#eee8fa;border-color:#c5b4ea;color:#503d90}.position-label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.position-label select{padding:8px;font-size:12px}.timer-dock{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:72px;padding:12px 2px;font-size:13px}.timer-dock>span:first-child{color:var(--muted)}.timer-dock .actions button{min-width:48px}.timer-dock #timerRunning{display:flex;align-items:center;gap:16px}#timerRunning strong{font-size:23px;font-variant-numeric:tabular-nums}#timerResult{font-size:12px;color:var(--violet)}.timer-overlay{position:absolute;top:48px;left:18px;z-index:4;background:#f7f6eeeb;border:1px solid #fff;border-radius:12px;color:#393344;padding:8px 16px;pointer-events:none;min-width:82px;box-shadow:0 4px 12px #0002}.timer-overlay span{display:block;font-size:10px}.timer-overlay strong{display:block;font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}.timer-overlay.urgent{background:var(--lime);animation:pulse .55s ease-in-out infinite alternate}.timer-overlay.finished{background:var(--lavender)}@keyframes pulse{to{box-shadow:0 0 0 5px #dcf79060}}.stage[data-position=top-left] .timer-overlay{left:auto;right:18px}.custom-form{padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.custom-form input{width:100px;padding:10px;border:1px solid var(--line);border-radius:8px}.sound-card{display:flex;gap:24px;justify-content:space-between;padding:24px}.sound-card h2{font-size:18px;margin:0}.sound-card p{font-size:12px;color:var(--muted)}.sound-controls{flex:1;max-width:600px}#entertainmentVolumeRow{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px}input[type=range]{accent-color:var(--violet);height:44px;min-width:70px;flex:1}output{font-size:12px;min-width:35px}#applyMute{font-size:12px;background:var(--lavender)}.platform-help{display:flex;gap:12px;background:#f0edfa;border:1px solid #e0d8ed;border-radius:12px;padding:18px;margin-top:16px;font-size:12px;color:#625375}.platform-help>span{font-size:26px}.platform-help p{margin:8px 0 0;line-height:1.8}.mobile-help{font-size:12px;color:var(--muted);margin:18px 0;border-top:1px solid var(--line);padding-top:5px}.mobile-help summary{cursor:pointer;padding:12px 0;min-height:44px}.mobile-help p{line-height:1.8}.session-status{font-size:12px;color:var(--muted);min-height:20px}.player-failure{position:absolute;inset:32px 0 0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:#252230f5;color:#f0ebfa;padding:15px;z-index:1;font-size:12px}.player-failure button{font-size:12px}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:#2c2838;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 6px 30px #0003;z-index:30;font-size:13px;width:max-content;max-width:calc(100% - 28px);pointer-events:none}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 44px;color:var(--muted);font-size:12px;margin-top:30px}footer small{font-size:10px}body.immersive{overflow:hidden}body.immersive .session{position:fixed;inset:0;background:var(--bg);z-index:20;overflow:auto;padding:env(safe-area-inset-top,8px) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}body.immersive .section-bar{margin-top:10px}body.immersive .stage{height:calc(100dvh - 220px);min-height:430px}body.immersive .sound-card,body.immersive .platform-help,body.immersive .mobile-help{margin-top:12px}@media(max-width:900px){header,footer{padding-left:24px;padding-right:24px}main{padding:0 24px}.sticker{margin-right:5px}.fields{gap:20px}.video-shell.small{width:300px;height:238px}.control-dock{flex-wrap:wrap}.sound-card{flex-direction:column;gap:10px}.sound-controls{max-width:none}}@media(max-width:600px){header{height:76px;padding:0 16px}.header-note{display:none}main{padding:0 12px}.intro{padding:32px 8px 20px}.intro p{font-size:13px}.intro h1{font-size:42px}.sticker{width:112px;height:112px;flex-shrink:0;margin-top:20px}.sticker b{font-size:18px;margin:3px}.sticker span{font-size:6px;letter-spacing:0}.intro .eyebrow{font-size:9px;letter-spacing:1px}.setup{padding:20px 18px 0}.fields{grid-template-columns:1fr;gap:22px}.field h2{font-size:18px;margin:7px 0 10px}.setup-bottom{flex-direction:column;align-items:stretch;gap:12px}.start{width:100%}.check{flex-wrap:wrap}.check small{font-size:11px}.setup-foot{flex-direction:column;gap:4px}.bottom-note{gap:25px;padding:16px 0}.section-bar{gap:10px;margin-top:18px}.section-bar .actions{width:100%;justify-content:space-between}.stage{height:560px}.video-shell.small{width:228px;height:238px;right:10px;bottom:64px;border-radius:10px}.stage[data-position=bottom-left] .small{left:10px}.stage[data-position=top-left] .small{left:10px;top:44px}.stage[data-position=top-right] .small{right:10px;top:44px}.video-heading{font-size:10px;padding:0 8px}.small .player-state{display:none}.control-dock{padding:10px;gap:8px}.transport{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.transport #swap{grid-column:1/-1}.transport button{padding:10px 8px;font-size:13px}.position-label{width:100%;justify-content:flex-end}.timer-dock{gap:8px}.timer-dock>span:first-child{font-size:12px}.timer-dock .actions{gap:6px}.timer-dock .actions button{padding:9px 12px;min-width:44px}.timer-overlay{left:10px;padding:7px 12px}.sound-card{padding:18px}.sound-card h2{font-size:17px}.sound-controls .check{font-size:14px}.platform-help{padding:14px}.platform-help>span{display:none}footer{padding:22px 16px;flex-wrap:wrap}footer .logo{font-size:21px}footer small{width:100%}body.immersive .stage{height:calc(100dvh - 290px);min-height:500px}}@media(max-width:360px){.intro h1{font-size:35px}.sticker{width:88px;height:88px}.sticker span{display:none}.video-shell.small{width:212px}.timer-dock>span:first-child{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


/* Import queues and adjustable PiP. No iframe is moved while resizing. */
.input-wrap{align-items:flex-start}.input-wrap>span{padding-top:12px}.input-wrap textarea{font:inherit;font-size:15px;color:var(--ink);width:100%;min-width:0;resize:vertical;min-height:108px;border:0;background:transparent;padding:12px 10px 12px 0;line-height:1.7}.control-dock{flex-wrap:wrap}.size-label{display:flex;align-items:center;gap:10px;font-size:12px;flex:1;min-width:230px;max-width:420px}.size-label input{width:100%;min-width:80px}.size-label output{min-width:44px}.queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.queue-card{padding:16px;min-width:0}.queue-card h2{font-size:15px;margin:0 0 10px}.queue-nav{display:flex;gap:6px;align-items:center}.queue-nav select{min-width:0;flex:1;font-size:12px}.queue-nav button{font-size:12px;padding:8px 10px;white-space:nowrap}.queue-card .hint{font-size:12px;color:var(--muted);margin-bottom:0}.stage .video-shell.small{width:min(var(--pip-width,356px),calc(100% - 24px));height:max(238px,calc(min(var(--pip-width,356px),calc(100% - 24px)) * .5625 + 36px));min-height:238px;max-height:none}.stage[data-position=top-left] .timer-overlay{top:auto;bottom:70px;left:auto;right:18px}@media(max-width:600px){.input-wrap textarea{font-size:16px}.queue-grid{grid-template-columns:1fr}.size-label{max-width:none;min-width:0;width:100%;flex:auto}.stage .video-shell.small{width:min(var(--pip-width,228px),calc(100% - 24px));max-width:calc(100% - 24px)}.queue-card{padding:12px}.queue-nav select{font-size:11px}.queue-nav button{padding:8px}.control-dock{align-items:center}}
@media(min-width:601px) and (max-width:900px){.stage{--pip-width:300px}}@media(max-width:600px){.stage{--pip-width:228px}}

.stage .video-shell.small{height:var(--pip-height,238px)}
.collection-section{margin:36px 0}.collection-section h2{font-size:23px}.collection-section h2 small{font-size:12px;color:var(--muted);font-weight:400;margin-left:10px}.collection-note{color:var(--muted);font-size:13px;line-height:1.9}.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recommendation-card{padding:20px;display:flex;flex-direction:column;gap:12px}.recommendation-card h3,.favorite-item h3{font-size:14px;line-height:1.8;margin:0;overflow-wrap:anywhere}.recommendation-card h3{flex:1}.recommendation-card input,.favorite-item input{width:100%;min-width:0;font-size:12px;border:1px solid var(--line);border-radius:7px;padding:10px;color:#777;background:#fafaf7}.recommendation-card .actions button,.favorite-item .actions button{font-size:12px;padding:8px 10px}.plan-badge{font-size:11px;color:var(--violet);margin:0}.favorites-section{padding:24px}.collection-heading{display:flex;justify-content:space-between;align-items:center}.favorite-form{display:grid;grid-template-columns:2fr 1.5fr 100px auto;gap:12px;align-items:end}.favorite-form label,.favorite-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px}.favorite-form input{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:8px}.favorite-form #favoriteFeedback{grid-column:1/-1;color:var(--violet);font-size:12px;margin:0}.favorite-filters{display:flex;gap:12px;margin:20px 0}.favorite-filters select{min-width:120px}.favorite-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.favorite-item{padding:16px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:10px}.cue-panel{padding:22px;margin:16px 0}.cue-panel h2{font-size:16px;line-height:1.8}.cue-panel p{font-size:12px;line-height:1.9;color:var(--muted)}.cue-panel .cue-warning{background:var(--lavender);border-radius:8px;padding:12px;color:#625375}.cue-panel form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.cue-panel label{display:flex;flex-direction:column;font-size:12px;gap:6px}.cue-panel input{width:115px;padding:11px;border:1px solid var(--line);border-radius:8px}.cue-readout{font-size:30px;font-weight:750;color:var(--violet);margin-top:16px;font-variant-numeric:tabular-nums}.cue-overlay{position:absolute;z-index:4;left:16px;bottom:70px;pointer-events:none;background:#eee8faee;color:#4f3b82;border-radius:12px;padding:10px 16px;box-shadow:0 4px 20px #0003}.cue-overlay span{font-size:12px;display:block}.cue-overlay strong{font-size:32px;line-height:1.1}.cue-overlay.urgent{background:var(--lime)}@media(max-width:1000px){.recommendation-grid{grid-template-columns:1fr 1fr}.favorite-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.recommendation-grid,.favorite-list{grid-template-columns:1fr}.collection-section{margin:26px 0}.collection-section h2 small{display:block;margin:4px 0}.favorites-section{padding:16px}.favorite-form{grid-template-columns:1fr}.favorite-form input{font-size:16px}.cue-panel{padding:16px}.cue-panel form button{font-size:12px}.cue-panel input{font-size:16px}.cue-overlay{left:10px;bottom:70px;padding:8px 12px}.cue-readout{font-size:24px}}

/* v4: compact grouped recommendation rows. */
.recommendation-list{display:flex;flex-direction:column;gap:24px}.recommendation-group>h3{font-size:15px;color:var(--violet);margin:0;padding:0 0 10px;border-bottom:2px solid #ded5ef}.recommendation-rows{list-style:none;margin:0;padding:0}.recommendation-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.recommendation-info{flex:1;min-width:180px}.recommendation-info h4{font-size:14px;font-weight:600;margin:0;line-height:1.7}.recommendation-info .plan-badge{display:inline-block;margin-top:3px}.recommendation-row .actions{flex-shrink:0;gap:6px}.recommendation-row button{font-size:12px;padding:8px 12px}.recommendation-row>input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;font-size:12px}@media(max-width:600px){.recommendation-list{gap:20px}.recommendation-row{gap:8px;padding:12px 0}.recommendation-info{flex-basis:100%;min-width:0}.recommendation-row button{padding:8px 12px}.recommendation-row .actions{width:100%}}
/* In-place v4: quiet introduction, section index and workout journal. */
html{scroll-behavior:smooth;scroll-padding-top:24px}.compact-intro{padding:34px 0 24px}.compact-intro h1{margin:0 0 22px}.compact-intro>div{width:100%}.section-index{display:flex;flex-wrap:wrap;gap:12px 26px}.section-index a{font-size:12px;color:var(--muted);min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent}.section-index a:hover{color:var(--violet);border-color:var(--violet)}#importSection,#favoritesSection,#recordsSection,#recommendationSection{scroll-margin-top:24px}.recommendation-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.recommendation-disclosure summary{cursor:pointer;min-height:64px;padding:16px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.recommendation-disclosure summary::-webkit-details-marker{display:none}.recommendation-disclosure summary::after{content:'＋';font-size:24px;color:var(--violet)}.recommendation-disclosure[open] summary::after{content:'−'}.recommendation-disclosure summary h2{font-size:19px;margin:0}.recommendation-content{padding:8px 0 24px}.records-section{padding:24px}.records-section h2{font-size:23px}.records-section h3{font-size:15px}.record-candidate{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.record-candidate input{width:20px;height:20px;accent-color:var(--violet);flex-shrink:0}.record-candidate span{flex:1;font-size:14px;overflow-wrap:anywhere}.record-candidate small,.record-history small{font-size:11px;color:var(--muted)}.record-date{display:flex;gap:12px;align-items:center;margin:18px 0}.record-date input{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px}.record-history article{padding:12px 0;border-top:1px solid var(--line)}.record-history ul{list-style:none;padding:0}.record-history li{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.record-history li span{overflow-wrap:anywhere}#recordFeedback{color:var(--violet);font-size:13px}#recordCandidates>p,.record-history>p{font-size:13px;color:var(--muted)}@media(max-width:600px){.section-index{gap:0 18px}.compact-intro{padding-top:24px}.records-section{padding:16px}.record-candidate small{display:none}.record-history li{flex-direction:column;gap:2px}.records-section .collection-heading{align-items:flex-start;flex-wrap:wrap}.recommendation-disclosure summary h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.favorites-content{padding:0 0 24px}.favorite-filters{flex-wrap:wrap}.favorite-form{grid-template-columns:minmax(0,2fr) minmax(0,1.5fr) 90px 100px auto}.favorite-form label{min-width:0}.favorites-disclosure .recommendation-row .actions select{font-size:12px;min-height:44px;padding:8px}.favorites-disclosure .recommendation-info .eyebrow{font-size:10px;letter-spacing:.5px}.favorites-disclosure .recommendation-info{min-width:180px}@media(max-width:1100px){.favorite-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.favorite-form{grid-template-columns:1fr}.favorites-disclosure .recommendation-info{min-width:0}.favorites-disclosure .recommendation-row .actions{flex-wrap:wrap}.favorite-filters label{flex:1;min-width:100px}}

/* Mobile playback update: one accessible timer and an external split panel. */
.timer-topbar{position:sticky;top:8px;z-index:10;display:flex;gap:12px;align-items:center;margin:12px 0;background:var(--bg);padding:6px 0}.timer-topbar button{min-width:150px;box-shadow:0 3px 12px #0001}.timer-topbar span{font-size:12px;color:var(--violet)}#timerDialog{width:min(420px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--bg);color:var(--ink)}#timerDialog::backdrop{background:#17132180}.timer-dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.timer-dialog-heading h2{font-size:20px;margin:0}#timerDialog .custom-form{padding:14px 0;border:0;margin:14px 0 0;background:transparent}#timerDialog #timerRunning{display:flex;align-items:center;justify-content:space-between;margin:16px 0}#timerDialog #timerChoices{gap:8px}#timerDialog #customToggle{font-size:12px}#timerDialog input{font-size:16px}.session-favorites{margin:15px 0}.external-player-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:10px 0}.external-player-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;background:var(--lavender);color:#57438b}.short-fix{padding:14px;background:var(--lavender);border-radius:10px;font-size:13px;line-height:1.8}.short-fix a{display:block;text-decoration:underline;margin-bottom:10px;min-height:44px}.short-fix label{display:block}.short-fix input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:16px}.short-fix button{margin-top:8px}#playerWorkspace{width:100%;min-width:0;display:flow-root}#splitSettings{padding:12px;border:1px solid var(--line);border-radius:10px;margin:12px 0;background:#fff}#splitSettings summary{cursor:pointer;min-height:44px;font-size:13px;display:flex;align-items:center}.split-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.split-options label{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.split-options input{width:130px;flex:none}.split-options>span{font-size:12px;color:var(--muted)}
.stage.split-stage{width:var(--main-width,100%);height:var(--main-height,600px);overflow:visible;margin-bottom:calc(var(--pip-height,238px) + 16px);min-height:260px;max-width:100%}.stage.split-stage .video-shell:not(.small){border-radius:16px}.stage.split-stage .video-shell.small{position:absolute!important;inset:auto!important;left:0!important;top:calc(100% + 12px)!important;bottom:auto!important;width:var(--split-width,356px)!important;max-width:none!important;height:var(--pip-height,238px)!important;box-shadow:0 4px 15px #0002}.stage.split-stage[data-split-position=bottom-right] .video-shell.small,.stage.split-stage[data-split-position=top-right] .video-shell.small{left:max(0px,calc(100% - var(--split-width,356px)))!important}.stage.split-stage[data-split-position^=top]{margin-top:calc(var(--pip-height,238px) + 16px);margin-bottom:0}.stage.split-stage[data-split-position^=top] .video-shell.small{top:auto!important;bottom:calc(100% + 12px)!important}.stage.split-stage .timer-overlay,.stage.split-stage .cue-overlay{z-index:4}@media(max-width:600px){.timer-topbar{top:max(4px,env(safe-area-inset-top));margin-top:8px}.timer-topbar button{font-size:14px}.split-options{flex-direction:column;align-items:stretch}.split-options input{width:100%;flex:1}.split-options label{justify-content:space-between}.external-player-links a{flex:1;font-size:12px;text-align:center}.stage.split-stage .video-shell.small{border-radius:10px}}

.stage.split-stage{min-width:min(100%,204px)}

.section-bar .actions #immerse{width:104px;min-width:104px;white-space:nowrap}

/* Native timer picker and combined controls above the players. */
button,select,summary,a,input[type=range],input[type=checkbox]{touch-action:manipulation}.timer-topbar{flex-wrap:wrap}.native-timer-label{font-size:13px;color:var(--muted)}#quickTimerSelect{min-width:155px;background:var(--lime);border-color:#cbe58b;min-height:46px;font-size:15px}.timer-topbar #customForm{flex-basis:100%;margin:4px 0;padding:10px;background:#fff}.timer-topbar #customForm input{font-size:16px}#screenControls{margin:10px 0 16px}#screenControls .control-dock{margin-top:0}#screenControls #splitSettings{margin:8px 0 0}#manualPlaybackHint{font-size:13px;line-height:1.7;color:#625375;padding:8px 10px;background:var(--lavender);border-radius:8px;margin:0;max-width:520px}.stage.split-stage[data-split-position^=side]{margin-top:0!important;margin-bottom:0!important}.stage.split-stage[data-split-position=side-left]{margin-left:calc(var(--split-width,356px) + 16px);margin-right:0}.stage.split-stage[data-split-position=side-right]{margin-left:0;margin-right:calc(var(--split-width,356px) + 16px)}.stage.split-stage[data-split-position^=side] .video-shell.small{top:0!important;bottom:auto!important}.stage.split-stage[data-split-position=side-left] .video-shell.small{left:calc(-1 * (var(--split-width,356px) + 16px))!important}.stage.split-stage[data-split-position=side-right] .video-shell.small{left:calc(100% + 16px)!important}#playerWorkspace.side-workspace{overflow-x:auto;overflow-y:hidden;min-height:max(var(--primary-height,600px),var(--secondary-height,238px));padding-bottom:4px}.side-workspace .stage.split-stage{max-width:none}@media(max-width:600px){#screenControls .control-dock{gap:10px}.timer-topbar{top:max(4px,env(safe-area-inset-top));padding:4px 0}#quickTimerSelect{font-size:16px}#screenControls .transport{display:flex;flex-wrap:wrap}#screenControls .transport #swap{flex:1;min-height:46px}#manualPlaybackHint{width:100%}.split-options label{font-size:13px}.stage.split-stage{margin-left:0}}

.parts-setup,.part-picker,.session-parts>div{min-width:0}.part-picker{margin:10px 0}.part-picker p{margin:6px 0;font-size:14px;overflow-wrap:anywhere}.part-picker label{display:grid;gap:6px;font-size:13px}.part-picker select,.part-picker input{width:100%;min-width:0;max-width:100%;font-size:16px}.part-picker small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.part-picker .error{color:#aa3046}.session-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.session-parts .part-picker{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.session-parts .part-picker:empty{display:none}@media(max-width:600px){.session-parts{grid-template-columns:minmax(0,1fr);gap:0}}

/* Compact import section; bounded multi-P choices. */
.compact-intro{padding:20px 0 4px}.compact-intro h1{font-size:clamp(24px,3.2vw,36px);line-height:1.4;margin:0 0 8px;letter-spacing:-.7px}.compact-intro h1 em{margin-left:.3em}.section-index{gap:0 22px}.collection-section{margin:22px 0}.import-disclosure .import-content{padding:0 0 14px}.import-disclosure .fields{gap:20px}.import-disclosure .field h2{font-size:16px;margin:4px 0 8px}.import-disclosure .input-wrap textarea{min-height:70px;line-height:1.5;padding:10px 10px 10px 0}.import-disclosure .setup-bottom{margin:12px 0 0}.import-disclosure .detected{margin:4px 0;min-height:18px}.part-picker{margin:8px 0}.part-picker>p{font-size:13px}.part-picker>button{margin:6px 8px 4px 0;padding:8px 12px;font-size:13px}.part-checklist{max-height:220px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.part-checklist label{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border-bottom:1px solid var(--line)}.part-checklist label:last-child{border:0}.part-checklist input{width:20px;height:20px;min-width:20px;flex:none;accent-color:var(--violet)}.part-checklist span{min-width:0;overflow-wrap:anywhere}.part-picker input[type=text]{padding:10px 12px;border:1px solid var(--line);border-radius:9px}.entertainment-history{border-top:1px solid var(--line);padding:12px 0;margin-top:20px}.viewing-record{padding:10px 12px;margin:8px 0;background:var(--lavender);border-radius:10px}.viewing-record strong{font-size:14px;overflow-wrap:anywhere}.viewing-record p,.entertainment-history>p{font-size:12px;color:var(--muted);margin:4px 0}.entertainment-history summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px}
@media(max-width:600px){.compact-intro{padding:16px 0 0}.compact-intro h1{font-size:25px}.section-index{gap:0 14px}.section-index a{font-size:11px}.import-disclosure .fields{gap:12px}.import-disclosure .setup-bottom{flex-direction:row;flex-wrap:wrap;gap:8px}.import-disclosure .start{min-width:130px;width:auto;flex:1}.import-disclosure .check{font-size:13px}.import-disclosure .check small{display:none}.recommendation-disclosure summary{padding:12px 0;min-height:58px}.recommendation-disclosure summary h2{font-size:17px}.records-section h2{font-size:19px}}
@media(max-width:600px) and (orientation:portrait){.stage:not(.split-stage) .video-shell.small{width:min(var(--pip-width,78vw),calc(100% - 20px));max-width:calc(100% - 20px);min-width:min(280px,calc(100% - 20px));height:var(--pip-height,242px);min-height:242px}.stage:not(.split-stage) .video-shell.small .mount{min-height:200px}.stage[data-position^=top]:not(.split-stage) .video-shell.small{top:42px}.stage:not(.split-stage) .video-shell.small .mount iframe{pointer-events:auto}.timer-topbar{z-index:12}.session-parts .part-picker{padding:8px 10px}}

.records-section{padding:0}.records-section .records-content{padding:8px 0 20px}.older-records{border-top:1px solid var(--line);margin-top:16px}.older-records>summary{font-size:15px;font-weight:600;padding:12px 0;min-height:48px}.older-records>summary::after{font-size:20px}#latestRecord:empty{display:none}#olderViewing:empty{display:none}

#olderRecords>summary::after{content:"＋"}#olderRecords[open]>summary::after{content:"−"}

.guide-section{scroll-margin-top:24px}.guide-content{padding:0 0 20px;max-width:850px}.guide-content h3{font-size:15px;margin:18px 0 6px}.guide-content p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;overflow-wrap:anywhere}.guide-content b{color:var(--ink)}#entertainmentHistory{margin-top:12px;padding:8px 0}#entertainmentHistory h3{font-size:14px;margin:6px 0}.guide-section summary h2 small{letter-spacing:0}