/* V4 reference: paper material, five-scallop contour and original control order. */
#titus-paper-room .room-transport{container-type:inline-size;background:transparent;border:0;box-shadow:none;backdrop-filter:none;isolation:isolate;width:min(460px,100%);--paper-panel:url('player-panel-day-v5.webp');--paper-ink:#304650;--paper-sage:#72816c;--paper-blue:#728e9f}
#titus-paper-room .room-transport:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--paper-panel) center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 3px 3px #24364030)}
html[data-theme="dark"] #titus-paper-room .room-transport{--paper-panel:url('player-panel-night-v5.webp')}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .room-transport{--paper-panel:url('player-panel-night-v5.webp')}}
#titus-paper-room .room-player-grabber{position:absolute;left:auto;right:0;top:-12px;width:44px;height:44px;min-height:44px;z-index:3;background:transparent;border:0;color:var(--text)}
#titus-paper-room .room-player-grabber>span{opacity:0}
#titus-paper-room .room-player-grabber strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#titus-paper-room .room-player-grabber:after{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(225deg);position:absolute;left:17px;top:19px}
#titus-paper-room .room-player-grabber[aria-expanded="true"]:after{transform:rotate(45deg);top:15px}
#titus-paper-room .room-player-grabber:focus-visible{outline:2px solid #496779;outline-offset:0}
#titus-paper-room .titus-player-main{display:flex!important;flex-direction:column;position:relative;gap:0;padding:0 4% 4%!important;max-width:none;min-height:0}
#titus-paper-room .titus-cover,#titus-paper-room .reference-brand{display:none!important}
#titus-paper-room .room-header .titus-now{grid-column:1/-1;text-align:center;min-height:0;padding:3px 0 5px;max-width:100%}
#titus-paper-room[data-mode="discover"] .room-header .titus-now{display:none}
#titus-paper-room .room-header .titus-title{font:500 16px/1.25 Fraunces,serif}
#titus-paper-room .room-header .titus-show{font-size:11px;display:block}
#titus-paper-room .room-header .titus-tags,#titus-paper-room .room-header .titus-guests,#titus-paper-room .room-header .titus-kicker{display:none}
#titus-paper-room .titus-controls{position:relative;display:block!important;align-self:flex-start;height:30cqw;max-width:none;width:108.7%;margin-left:-4.35%;flex:none}
#titus-paper-room .titus-controls button{position:absolute;display:grid;place-items:center;border:0;background:transparent;box-shadow:none;padding:0;margin:0;min-width:44px;min-height:44px;max-width:none;color:#304650;border-radius:50%;z-index:2;isolation:isolate}
#titus-paper-room .titus-controls button:before,#titus-paper-room .reference-secondary>button:before,#titus-paper-room .reference-speed:before,#titus-paper-room .reference-volume>button:before{content:'';position:absolute;inset:-2%;z-index:-1;border-radius:50%;background:url('ivory-disc.webp') center/100% 100% no-repeat;filter:drop-shadow(0 2px 1px #253a4330);pointer-events:none}
#titus-paper-room .titus-controls [data-player-control="play"]{left:37%;top:0;width:26cqw;height:26cqw;min-width:44px;max-width:none;outline:0;background:transparent;color:#fff8e7;border:0}
#titus-paper-room .titus-controls [data-player-control="play"]:before{background-image:url('oxide-disc.webp')}
#titus-paper-room .titus-controls [data-player-control="prev"]{left:19%;top:6cqw;width:18cqw;height:18cqw}
#titus-paper-room .titus-controls [data-player-control="next"]{right:19%;top:6cqw;width:18cqw;height:18cqw}
#titus-paper-room .titus-controls [data-player-control="back"]{left:2%;top:13cqw;width:16cqw;height:16cqw}
#titus-paper-room .titus-controls [data-player-control="forward"]{right:2%;top:13cqw;width:16cqw;height:16cqw}
#titus-paper-room .titus-controls button svg{width:48%;height:48%}
#titus-paper-room .titus-play-symbol{display:grid;place-items:center;width:52%;height:52%;margin:0;padding:0;transform:none}
#titus-paper-room .titus-play-symbol:before{content:none!important}
#titus-paper-room .titus-controls .titus-play-symbol svg{display:block;width:100%;height:100%;fill:currentColor;stroke:none;filter:drop-shadow(1px 2px 1px #57332255)}
#titus-paper-room .paper-pause-icon{display:none}
#titus-paper-room .is-playing .paper-play-icon{display:none}
#titus-paper-room .is-playing .paper-pause-icon{display:block}
/* Disabled is an icon state, not a transparent hole through the paper surface. */
#titus-paper-room .titus-controls button:disabled,#titus-paper-room .reference-cast:disabled{opacity:1;cursor:default}
#titus-paper-room .titus-controls button:disabled>svg,#titus-paper-room .titus-controls button:disabled>.titus-play-symbol,#titus-paper-room .reference-cast:disabled>svg{opacity:.42}
#titus-paper-room .reference-cast[aria-pressed="true"]{color:#3d7152}
#titus-paper-room .paper-stream-status{grid-column:1/-1;margin:0;padding:4px 10px;text-align:center;font-size:12px}
#titus-paper-room .titus-controls [data-player-control="back"] span,#titus-paper-room .titus-controls [data-player-control="forward"] span{font-size:6cqw;line-height:4cqw}
#titus-paper-room .titus-controls small{font-size:2.6cqw;line-height:3cqw}
#titus-paper-room .reference-secondary{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0;max-width:none;padding:0 10%;height:17cqw;margin:0;align-items:center;width:100%}
#titus-paper-room .reference-secondary>button,#titus-paper-room .reference-speed{position:relative;display:grid!important;place-items:center;isolation:isolate;width:16cqw;height:16cqw;min-width:44px;min-height:44px;padding:0;border:0;background:transparent!important;color:#304650;border-radius:50%;font-size:0!important;justify-self:center}
#titus-paper-room .reference-secondary>button:before,#titus-paper-room .reference-speed:before{background-color:#c5ccbc;background-blend-mode:multiply}
#titus-paper-room .reference-cast:before{background-color:#b5c6ce!important}
html[data-theme="dark"] #titus-paper-room .reference-secondary>button:before,html[data-theme="dark"] #titus-paper-room .reference-speed:before{background-color:transparent}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .reference-secondary>button:before,html:not([data-theme="light"]) #titus-paper-room .reference-speed:before{background-color:transparent}}
#titus-paper-room .reference-speed{grid-column:1}
#titus-paper-room .reference-cast{grid-column:2}
#titus-paper-room .reference-secondary .reference-cast>svg{width:8.32cqw;height:8.32cqw;justify-self:center;align-self:center;fill:none;stroke:currentColor;stroke-width:1.8}
#titus-paper-room .reference-more{grid-column:3}
#titus-paper-room .reference-secondary svg,#titus-paper-room .reference-more b{width:52%;height:52%;padding:0;border:0;box-shadow:none;border-radius:0;font-size:5cqw;line-height:1;display:grid;place-items:center}
#titus-paper-room .reference-secondary span:not(.paper-speed-icon){display:none}
#titus-paper-room .reference-secondary>button:after,#titus-paper-room .reference-speed:after{display:none}
#titus-paper-room .reference-speed select{position:absolute;inset:0;opacity:.01;z-index:2;width:100%;height:100%;cursor:pointer;min-height:44px}
#titus-paper-room .paper-speed-icon{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%}
#titus-paper-room .paper-speed-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#titus-paper-room .titus-progress{display:grid!important;grid-template-columns:1fr 1fr;gap:0;width:100%;min-height:0;height:8cqw;margin:.4cqw 0;padding:0 4%;color:#304650}
#titus-paper-room .titus-progress input{grid-column:1/-1;grid-row:1;min-height:44px;height:44px;width:100%;accent-color:var(--electric,#3657FF)}
#titus-paper-room .titus-progress span{grid-row:2;font-size:clamp(11px,2.5cqw,16px);line-height:1.1}
#titus-paper-room .titus-duration{text-align:right}
#titus-paper-room .reference-volume{display:grid;grid-template-columns:12cqw minmax(0,1fr) 12cqw 12cqw;gap:3cqw;align-items:center;width:100%;min-height:0;height:14cqw;padding:0 4%;max-width:none}
#titus-paper-room .reference-volume>button{position:relative;isolation:isolate;width:12cqw;height:12cqw;min-width:44px;min-height:44px;padding:0;border:0;background:transparent!important;color:#304650!important;font:500 7cqw/1 'Source Serif 4',serif}
#titus-paper-room .reference-volume .titus-volume{display:block;min-width:0;margin:0;font-size:0;grid-column:2}
#titus-paper-room .reference-volume input{width:100%!important;accent-color:#75856a;min-height:44px}
#titus-paper-room .reference-volume [data-player-control="mute"] svg{width:55%;height:55%}
#titus-paper-room .titus-actions{display:contents!important}
#titus-paper-room .titus-actions>[data-player-control="queue"]{display:none}
#titus-paper-room .room-transport .titus-find{display:none}
#titus-paper-room .titus-progress span{color:#304650;opacity:1}
#titus-paper-room .titus-progress{height:58px;margin:0;padding-inline:4%}
#titus-paper-room .reference-volume>button:before{background-color:#b5c6ce;background-blend-mode:multiply}
#titus-paper-room .reference-volume>[data-player-control="mute"]:before{background-color:#c5ccbc}
html[data-theme="dark"] #titus-paper-room .reference-volume>button:before{background-color:transparent}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .reference-volume>button:before{background-color:transparent}}
#titus-paper-room input[type="range"]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;padding:0;border:0}
#titus-paper-room input[type="range"]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(to right,#587481 var(--paper-fill,0%),#bcbeb5 var(--paper-fill,0%));box-shadow:inset 0 1px 2px #30465055}
#titus-paper-room input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border-radius:50%;margin-top:-6.5px;border:1px solid #6b7e82;background:#668491 url('ivory-disc.webp') center/cover;background-blend-mode:multiply;box-shadow:0 2px 2px #30465040}
#titus-paper-room input[type="range"]::-moz-range-track{height:8px;border-radius:8px;background:#bcbeb5}
#titus-paper-room input[type="range"]::-moz-range-progress{height:8px;border-radius:8px;background:#587481}
#titus-paper-room input[type="range"]::-moz-range-thumb{width:21px;height:21px;border-radius:50%;border:1px solid #6b7e82;background:#668491}
#titus-paper-room .reference-volume input[type="range"]::-webkit-slider-thumb{background-color:#9aa585}
#titus-paper-room .titus-controls button:active:not(:disabled),#titus-paper-room .reference-volume button:active:not(:disabled){transform:translateY(1px)}
#titus-paper-room:not(.player-open) .reference-secondary,#titus-paper-room:not(.player-open) .reference-volume,#titus-paper-room:not(.player-open) .titus-progress{visibility:hidden}
#titus-paper-room .reference-popover{right:5%;bottom:35%;background:var(--surface);color:var(--text)}
#titus-paper-room .titus-controls button:focus-visible,#titus-paper-room .reference-secondary>button:focus-visible,#titus-paper-room .reference-speed:focus-within,#titus-paper-room .reference-volume>button:focus-visible{outline:3px solid #4d6a7c;outline-offset:3px}
#titus-paper-room .reference-volume [hidden],#titus-paper-room .reference-secondary>[hidden]{display:none!important}
@media(max-width:760px){#titus-paper-room .room-transport{width:min(460px,100%)}}
/* Inline episode reading shares the existing Listen scroll surface. */
#titus-paper-room .room-listen-scroll{grid-column:1;grid-row:1;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px max(28px,calc((100% - 864px)/2)) 28px}
#titus-paper-room .room-listen-scroll>ol{overflow:visible;padding:0!important;max-height:none;scrollbar-gutter:auto}
#titus-paper-room .room-listen-scroll{scroll-padding-top:calc(var(--room-top-h,0px) + 12px);scroll-padding-bottom:calc(var(--reference-reserved,106px) + 80px)}
#titus-paper-room.x-bars .room-listen-scroll{padding-top:var(--room-top-h,0px);padding-bottom:calc(var(--room-player-h,0px) + 72px)}
#titus-paper-room.x-bars .room-listen-scroll>ol{padding:0}
#titus-paper-room .room-listen-empty .room-listen-scroll:not(:has(.titus-dossier:not([hidden]))){display:none}
#titus-paper-room .room-listen-empty:has(.titus-dossier:not([hidden])) .room-empty{display:none}
#titus-paper-room .titus-dossier-inline{position:static;transform:none;width:100%;max-height:none;overflow:visible;margin-top:24px;box-sizing:border-box;box-shadow:none;background:var(--surface);scroll-margin-top:calc(var(--room-top-h,0px) + 12px)}
#titus-paper-room .titus-dossier-inline .titus-dossier-close{display:none}
#titus-paper-room .titus-dossier-inline .titus-dossier-head{display:block;text-align:center}
#titus-paper-room .titus-dossier-inline li{grid-template-columns:minmax(0,1fr) auto}
#titus-paper-room .titus-queue-tools{grid-template-columns:44px 44px;grid-template-rows:44px 44px;align-content:start}
#titus-paper-room .titus-track-info{grid-column:1;grid-row:1;min-width:44px;min-height:44px;font:italic 20px Georgia,serif;color:var(--text);border:1px solid var(--rule);border-radius:50%;background:var(--surface)}
#titus-paper-room .titus-remove-track{grid-column:2;grid-row:1}
#titus-paper-room .titus-drag-handle{grid-column:2;grid-row:2}
@media(max-width:600px){#titus-paper-room .room-listen-scroll{padding-inline:18px}}
#titus-paper-room .titus-person-inline>summary{min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:var(--text);border:1px solid var(--rule);border-radius:8px;padding:8px 12px}
#titus-paper-room .titus-person-inline>summary::after{content:'+'}
#titus-paper-room .titus-person-inline[open]>summary::after{content:'−'}
#titus-paper-room .titus-person-inline+.titus-person-inline{margin-top:10px}
#titus-paper-room .titus-show-people:not(:empty){margin-top:10px}
#titus-paper-room .titus-person-content button,#titus-paper-room .titus-person-content a{min-height:44px;display:inline-flex;align-items:center;white-space:normal;color:var(--text);padding:8px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);font:inherit}
#titus-paper-room .titus-person-content li{display:block}
#titus-paper-room .titus-person-content li>span{display:block}
#titus-paper-room .titus-person-content li>span+span{margin-top:8px}

/* Liquid Glass player. The established five-button transport hierarchy stays
   intact; only the material and the compact/expanded composition change. */
html{
  --lg-alpha:.62;--lg-blur:22px;--lg-sat:1.18;--lg-tint:208deg;
  --lg-rim:.42;--lg-highlight:.62;--lg-shadow:.26;--lg-depth:18px;
  --lg-motion:1;
}
#titus-paper-room[data-player-style="liquid-glass"]{
  --lg-ink:#17303b;--lg-muted:#42606d;
}
html[data-theme="dark"] #titus-paper-room[data-player-style="liquid-glass"]{
  --lg-alpha:.46;--lg-ink:#f2efe6;--lg-muted:#c4d1d5;
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room[data-player-style="liquid-glass"]{--lg-alpha:.46;--lg-ink:#f2efe6;--lg-muted:#c4d1d5;}}
#titus-paper-room[data-player-style="liquid-glass"] .room-transport{
  box-sizing:border-box;width:min(920px,calc(100% - 24px));margin:0 auto max(8px,env(safe-area-inset-bottom));
  padding:0;border:1px solid rgba(255,255,255,var(--lg-rim));border-radius:26px;
  color:var(--lg-ink);background:
    linear-gradient(135deg,rgba(255,255,255,var(--lg-highlight)),rgba(255,255,255,.04) 48%,rgba(121,170,193,.12)),
    hsl(var(--lg-tint) 26% 96% / var(--lg-alpha));
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));
  backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(27,55,68,.12),0 var(--lg-depth) 32px rgb(12 29 37 / var(--lg-shadow));
  overflow:visible;isolation:isolate;
  transition:transform calc(240ms*var(--lg-motion)) cubic-bezier(.22,1,.36,1),box-shadow calc(240ms*var(--lg-motion)) ease,border-radius calc(240ms*var(--lg-motion)) ease;
}
html[data-theme="dark"] #titus-paper-room[data-player-style="liquid-glass"] .room-transport{
  background:linear-gradient(135deg,rgba(255,255,255,calc(var(--lg-highlight)*.38)),rgba(255,255,255,.025) 52%,rgba(68,115,135,.1)),hsl(var(--lg-tint) 24% 13% / var(--lg-alpha));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.34),0 var(--lg-depth) 32px rgb(0 0 0 / var(--lg-shadow));
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room[data-player-style="liquid-glass"] .room-transport{
  background:linear-gradient(135deg,rgba(255,255,255,calc(var(--lg-highlight)*.38)),rgba(255,255,255,.025) 52%,rgba(68,115,135,.1)),hsl(var(--lg-tint) 24% 13% / var(--lg-alpha));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.34),0 var(--lg-depth) 32px rgb(0 0 0 / var(--lg-shadow));
}}
#titus-paper-room[data-player-style="liquid-glass"] .room-transport::before{
  content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 28% 68%,rgba(255,255,255,.1));
  opacity:var(--lg-highlight);filter:none;
}
#titus-paper-room[data-player-style="liquid-glass"] .room-player-grabber{
  right:8px;top:6px;width:44px;height:44px;color:var(--lg-muted);border-radius:50%;
}
#titus-paper-room[data-player-style="liquid-glass"] .room-player-grabber::before{
  content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.36);
}
#titus-paper-room[data-player-style="liquid-glass"] .room-player-grabber::after{z-index:1}
#titus-paper-room[data-player-style="liquid-glass"] .titus-player-main{
  box-sizing:border-box;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto;grid-template-rows:58px 5px;
  gap:0 12px;align-items:center;width:100%;height:auto;padding:8px 58px 8px 10px!important;color:var(--lg-ink);
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-cover{
  display:grid!important;grid-column:1;grid-row:1;width:48px;height:48px;overflow:hidden;border:0;border-radius:14px;
  background:rgba(255,255,255,.24);color:var(--lg-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 4px 12px rgba(15,35,43,.12);
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-cover img{width:100%;height:100%;object-fit:cover}
#titus-paper-room[data-player-style="liquid-glass"] .titus-now{display:block!important;grid-column:2;grid-row:1;min-width:0;padding:0;text-align:left}
#titus-paper-room[data-player-style="liquid-glass"] .titus-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lg-ink);font:600 15px/1.24 Fraunces,Georgia,serif}
#titus-paper-room[data-player-style="liquid-glass"] .titus-show{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:var(--lg-muted);font-size:11px}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls{
  position:static;display:grid!important;grid-column:3;grid-row:1;grid-template-columns:44px 58px 44px;gap:4px;align-items:center;width:auto;height:58px;margin:0;
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls button{
  position:relative;inset:auto;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;
  border:1px solid rgba(255,255,255,.34);border-radius:50%;color:var(--lg-ink);background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.42);transition:transform calc(150ms*var(--lg-motion)) cubic-bezier(.22,1,.36,1),background-color 150ms ease;
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls button::before{content:none}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="back"],
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="forward"]{display:none}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="prev"]{grid-column:1}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="play"]{grid-column:2;width:56px;height:56px;color:#fff;background:linear-gradient(145deg,#b86b58,#844638);border-color:rgba(255,255,255,.46);box-shadow:inset 0 1px rgba(255,255,255,.42),0 5px 14px rgba(88,40,31,.24)}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="next"]{grid-column:3}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls button:active:not(:disabled){transform:scale(.94)}
#titus-paper-room[data-player-style="liquid-glass"] .titus-progress{
  visibility:visible!important;pointer-events:none;display:block!important;grid-column:1/-1;grid-row:2;width:100%;height:5px;min-height:5px;margin:0;padding:0;color:var(--lg-muted);
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-progress input{display:block;width:100%;height:5px;min-height:5px;margin:0}
#titus-paper-room[data-player-style="liquid-glass"] .titus-progress span{display:none}
#titus-paper-room[data-player-style="liquid-glass"] input[type="range"]::-webkit-slider-runnable-track{height:5px;background:linear-gradient(to right,#8f4f42 var(--paper-fill,0%),rgba(31,58,69,.18) var(--paper-fill,0%));box-shadow:none}
#titus-paper-room[data-player-style="liquid-glass"] input[type="range"]::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px;border:1px solid rgba(255,255,255,.6);background:#f7f3e9;box-shadow:0 2px 7px rgba(13,31,39,.25)}

/* Full player: same proven hierarchy, now arranged on one calm glass sheet. */
#titus-paper-room[data-player-style="liquid-glass"].player-open .room-transport{border-radius:30px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-player-main{
  grid-template-columns:64px minmax(0,1fr);grid-template-rows:64px 104px 54px 52px 52px;column-gap:16px;
  padding:14px 22px 16px!important;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-cover{width:60px;height:60px;grid-column:1;grid-row:1;border-radius:16px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-now{grid-column:2;grid-row:1;padding-right:42px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-title{font-size:17px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls{
  grid-column:1/-1;grid-row:2;grid-template-columns:56px 56px 78px 56px 56px;justify-content:center;gap:clamp(3px,2.5vw,18px);width:100%;height:104px;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="back"],
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="forward"]{display:grid;width:52px;height:52px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="prev"]{grid-column:1}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="back"]{grid-column:2}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="play"]{grid-column:3;width:76px;height:76px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="forward"]{grid-column:4}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="next"]{grid-column:5}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress{
  pointer-events:auto;display:grid!important;grid-column:1/-1;grid-row:3;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;height:54px;min-height:54px;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress input{grid-column:2;grid-row:1;height:44px;min-height:44px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress span{display:block;grid-row:1;font:500 11px/1 Geist Mono,monospace;color:var(--lg-muted)}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-elapsed{grid-column:1;text-align:left}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-duration{grid-column:3;text-align:right}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary{
  visibility:visible;display:grid!important;grid-column:1/-1;grid-row:4;grid-template-columns:repeat(3,48px);justify-content:center;gap:18px;width:100%;height:52px;margin:0;padding:0;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary>button,
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-speed{width:44px;height:44px;min-width:44px;min-height:44px;color:var(--lg-ink);background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.35)}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary>button::before,
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-speed::before{content:none}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume{
  visibility:visible;display:grid;grid-column:1/-1;grid-row:5;grid-template-columns:44px minmax(0,320px) 44px 44px;justify-content:center;gap:10px;align-items:center;width:100%;height:52px;padding:0;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume>button{width:44px;height:44px;min-width:44px;min-height:44px;color:var(--lg-ink)!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.35);font-size:24px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume>button::before{content:none}
#titus-paper-room[data-player-style="liquid-glass"] :is(button,select,input):focus-visible{outline:3px solid color-mix(in srgb,#38778f 80%,white);outline-offset:3px}

@media(max-width:520px){
  #titus-paper-room[data-player-style="liquid-glass"] .room-transport{width:calc(100% - 12px);margin-bottom:max(4px,env(safe-area-inset-bottom));border-radius:22px}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-player-main{grid-template-columns:48px minmax(0,1fr) 56px;grid-template-rows:54px 4px;padding:7px 52px 7px 8px!important;gap:0 9px}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-cover{width:44px;height:44px;border-radius:12px}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls{grid-template-columns:56px;width:56px;height:54px}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="prev"],
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="next"]{display:none}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="play"]{grid-column:1;width:52px;height:52px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-player-main{grid-template-columns:56px minmax(0,1fr);grid-template-rows:58px 92px 52px 48px 50px;padding:12px 14px 14px!important}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-cover{width:54px;height:54px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls{grid-template-columns:48px 48px 68px 48px 48px;gap:2px;height:92px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="prev"],
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="next"]{display:grid;width:46px;height:46px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="back"],
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="forward"]{width:46px;height:46px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="play"]{grid-column:3;width:66px;height:66px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress{height:52px;min-height:52px;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary{height:48px;grid-template-columns:repeat(3,44px);gap:12px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume{height:50px;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:6px}
}

/* Positiecontract: oude landscape-regels mogen de grid-items niet opnieuw
   absoluut plaatsen of naar een andere rij sturen. */
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-cover{position:static!important;grid-column:1!important;grid-row:1!important}
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-now{position:static!important;grid-column:2!important;grid-row:1!important;min-width:0!important}
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-controls{position:static!important;inset:auto!important;transform:none!important;grid-column:3!important;grid-row:1!important}
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-progress{position:static!important;inset:auto!important;grid-column:1/-1!important;grid-row:2!important}
html body #titus-paper-room[data-player-style="liquid-glass"] .reference-secondary,
html body #titus-paper-room[data-player-style="liquid-glass"] .reference-volume{position:static!important;inset:auto!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls{grid-column:1/-1!important;grid-row:2!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress{grid-column:1/-1!important;grid-row:3!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary{grid-column:1/-1!important;grid-row:4!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume{grid-column:1/-1!important;grid-row:5!important}
@media(max-width:520px){
  html body #titus-paper-room[data-player-style="liquid-glass"] .titus-controls{grid-column:3!important;grid-row:1!important}
  html body #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls{grid-column:1/-1!important;grid-row:2!important}
}
@media(prefers-reduced-motion:reduce){
  #titus-paper-room[data-player-style="liquid-glass"] .room-transport,
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls button{transition:none!important}
}
@media(prefers-reduced-transparency:reduce){
  #titus-paper-room[data-player-style="liquid-glass"] .room-transport{background:var(--surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* Compact portrait console. Native hit targets and the existing drawer motion stay intact.
   Scope excludes the separately approved landscape console. */
@media (max-width:959px) and (orientation:portrait), (max-width:639px){
  #titus-paper-room .titus-player-main{padding-bottom:6px!important}
  #titus-paper-room .reference-secondary{height:max(44px,14cqw);margin-top:-8px}
  #titus-paper-room .reference-secondary>button,#titus-paper-room .reference-speed{width:max(44px,13cqw);height:max(44px,13cqw)}
  #titus-paper-room .reference-secondary .reference-cast>svg{width:max(22.88px,6.76cqw);height:max(22.88px,6.76cqw)}
  #titus-paper-room .titus-progress{grid-template-rows:14px 44px;align-items:center}
  #titus-paper-room .titus-progress span{grid-row:1;line-height:14px}
  #titus-paper-room .titus-progress input{grid-row:2}
  #titus-paper-room .reference-volume{height:max(44px,12cqw);grid-template-columns:44px minmax(0,1fr) 44px max(44px,12cqw);gap:2cqw}
  #titus-paper-room .reference-volume>.paper-volume-down,#titus-paper-room .reference-volume>.paper-volume-up{width:44px;height:44px;font-size:24px}
  #titus-paper-room .reference-volume>.paper-volume-down:before,#titus-paper-room .reference-volume>.paper-volume-up:before{inset:6px}
}
/* The landscape console positions the existing native controls around the whole-panel axis. */
@media (min-width:960px), (min-width:640px) and (orientation:landscape){
  #titus-paper-room .room-transport{width:min(1120px,calc(100% - 24px));container-type:normal;z-index:7;--paper-panel:url('paper-controls/landscape-panel-day-v1.png');--console-disc:clamp(44px,calc(44px + (100vw - 640px)*.04),64px);--console-play:clamp(72px,calc(72px + (100vw - 640px)*.048),96px);--console-volume:clamp(44px,calc(44px + (100vw - 640px)*.024),56px);--console-rail:clamp(44px,calc(44px + (100vw - 640px)*.056),72px);--console-volume-gap:clamp(0px,calc((100vw - 640px)*.018),9px)}
  html[data-theme="dark"] #titus-paper-room .room-transport{--paper-panel:url('paper-controls/landscape-panel-night-v1.png')}
  @media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .room-transport{--paper-panel:url('paper-controls/landscape-panel-night-v1.png')}}
  #titus-paper-room .room-transport:before{background-size:cover;background-position:center center;mask:url('player-landscape-contour.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('player-landscape-contour.svg') 0 0/100% 100% no-repeat}
  #titus-paper-room .titus-player-main{display:block!important;position:relative;height:clamp(150px,calc(150px + (100vw - 640px)*.04),170px);padding:0!important}
  #titus-paper-room .titus-controls{position:absolute;left:50%;top:0;transform:translateX(-50%);display:grid!important;grid-template-columns:repeat(2,minmax(var(--console-disc),1fr)) var(--console-play) repeat(2,minmax(var(--console-disc),1fr));align-items:center;justify-items:center;gap:0;width:max(calc(var(--console-disc) + var(--console-disc) + var(--console-play) + var(--console-disc) + var(--console-disc)),38%);height:calc(var(--console-play) + 4px);margin:0}
  #titus-paper-room .titus-controls button{position:relative;left:auto;right:auto;top:auto;width:var(--console-disc);height:var(--console-disc);min-width:44px;min-height:44px}
  #titus-paper-room .titus-controls [data-player-control="prev"]{grid-column:1;grid-row:1;left:auto;right:auto;top:auto;width:var(--console-disc);height:var(--console-disc)}
  #titus-paper-room .titus-controls [data-player-control="back"]{grid-column:2;grid-row:1}
  #titus-paper-room .titus-controls [data-player-control="play"]{grid-column:3;grid-row:1;left:auto;top:auto;width:var(--console-play);height:var(--console-play);min-width:72px}
  #titus-paper-room .titus-controls [data-player-control="forward"]{grid-column:4;grid-row:1}
  #titus-paper-room .titus-controls [data-player-control="next"]{grid-column:5;grid-row:1;left:auto;right:auto;top:auto;width:var(--console-disc);height:var(--console-disc)}
  #titus-paper-room .titus-controls [data-player-control="back"],#titus-paper-room .titus-controls [data-player-control="forward"]{left:auto;right:auto;top:6px;width:var(--console-disc);height:var(--console-disc)}
  #titus-paper-room .titus-controls [data-player-control="back"] span,#titus-paper-room .titus-controls [data-player-control="forward"] span{font-size:17px;line-height:1}
  #titus-paper-room .titus-controls small{font-size:11px;line-height:1}
  #titus-paper-room .reference-secondary{position:absolute;left:clamp(8px,1%,14px);top:calc((var(--console-play) - var(--console-disc))/2 + 2px);display:grid!important;grid-template-columns:repeat(3,var(--console-disc));justify-content:space-between;width:24%;height:var(--console-disc);margin:0;padding:0}
  #titus-paper-room .reference-secondary>button,#titus-paper-room .reference-speed{width:var(--console-disc);height:var(--console-disc)}
  #titus-paper-room .reference-secondary .reference-cast>svg{width:calc(var(--console-disc)*.52);height:calc(var(--console-disc)*.52)}
  #titus-paper-room .reference-secondary svg,#titus-paper-room .reference-more b{font-size:clamp(18px,calc(18px + (100vw - 640px)*.014),25px)}
  #titus-paper-room .paper-speed-icon{display:none}
  #titus-paper-room .reference-secondary span.paper-speed-value{display:grid;place-items:center;pointer-events:none;font:600 clamp(15px,calc(15px + (100vw - 640px)*.01),20px)/1 Geist Mono,monospace;color:inherit}
  #titus-paper-room .titus-progress{position:absolute;left:2%;top:calc(var(--console-play) + 12px);display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;width:96%;height:44px;margin:0;padding:0}
  #titus-paper-room .titus-progress input{grid-column:2;grid-row:1;width:100%}
  #titus-paper-room .titus-progress span{grid-row:1;font-size:12px;line-height:1}
  html[data-theme="dark"] #titus-paper-room .titus-progress span{color:#f2efe4;opacity:1}
  @media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .titus-progress span{color:#f2efe4;opacity:1}}
  html[data-theme="dark"] #titus-paper-room .titus-progress input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f2efe4 var(--paper-fill,0%),#d4dce0b8 var(--paper-fill,0%));box-shadow:inset 0 1px 2px #23364466}
  @media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .titus-progress input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f2efe4 var(--paper-fill,0%),#d4dce0b8 var(--paper-fill,0%));box-shadow:inset 0 1px 2px #23364466}}
  html[data-theme="dark"] #titus-paper-room .titus-progress input[type="range"]::-moz-range-track{background:#d4dce0b8}
  @media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .titus-progress input[type="range"]::-moz-range-track{background:#d4dce0b8}}
  html[data-theme="dark"] #titus-paper-room .titus-progress input[type="range"]::-moz-range-progress{background:#f2efe4}
  @media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .titus-progress input[type="range"]::-moz-range-progress{background:#f2efe4}}
  #titus-paper-room .titus-elapsed{grid-column:1;text-align:left}
  #titus-paper-room .titus-duration{grid-column:3;text-align:right}
  #titus-paper-room .reference-volume{position:absolute;right:clamp(8px,1%,14px);top:calc((var(--console-play) - var(--console-volume))/2 + 2px);display:grid;grid-template-columns:var(--console-volume) var(--console-rail) var(--console-volume) var(--console-volume);gap:var(--console-volume-gap);align-items:center;width:calc(var(--console-volume) + var(--console-rail) + var(--console-volume) + var(--console-volume) + var(--console-volume-gap) + var(--console-volume-gap) + var(--console-volume-gap));height:var(--console-volume);padding:0;margin:0}
  #titus-paper-room .reference-volume>button{width:var(--console-volume);height:var(--console-volume);font-size:clamp(26px,calc(26px + (100vw - 640px)*.014),33px)}
  #titus-paper-room .reference-volume .titus-volume{grid-column:2}
  #titus-paper-room .reference-volume input{position:relative;left:-2px}
  #titus-paper-room:not(.player-open) .titus-progress{visibility:visible}
  #titus-paper-room .titus-controls button:before,#titus-paper-room .reference-secondary>button:before,#titus-paper-room .reference-speed:before,#titus-paper-room .reference-volume>button:before{inset:0}
  #titus-paper-room .room-player-grabber{right:0;top:-42px}
  #titus-paper-room .reference-popover{bottom:50px;right:18px}
  /* The inline dossier is a grid item; its modal z-index must not cover the console. */
  #titus-paper-room .titus-dossier-inline{z-index:auto}
}
@media (min-width:1100px){
  #titus-paper-room .room-listen-scroll:has(.titus-dossier:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;padding-inline:max(24px,calc((100% - 1240px)/2))}
  #titus-paper-room .room-listen-scroll:has(.titus-dossier:not([hidden]))>ol{grid-column:1;grid-row:1}
  #titus-paper-room .room-listen-scroll .titus-dossier-inline{grid-column:2;grid-row:1;margin-top:0}
}
/* OS-donker zonder opgeslagen thema volgt hetzelfde patroon als de pagina (:root:not([data-theme="light"])).
   Spiegel van de night-regels uit paper-player-surfaces.css; test_player_theme.mjs bewaakt de pariteit. */
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) #titus-paper-room [data-player-control="play"]{--paper-control:url('paper-controls/play-night-v6.webp');--paper-scale:105.326%;--paper-dx:0.000%;--paper-dy:0.549%}
  html:not([data-theme="light"]) #titus-paper-room [data-player-control="prev"]{--paper-control:url('paper-controls/previous-night-v6.webp');--paper-scale:102.685%;--paper-dx:0.000%;--paper-dy:0.535%}
  html:not([data-theme="light"]) #titus-paper-room [data-player-control="next"]{--paper-control:url('paper-controls/next-night-v6.webp');--paper-scale:104.431%;--paper-dx:0.136%;--paper-dy:0.680%}
  html:not([data-theme="light"]) #titus-paper-room [data-player-control="back"]{--paper-control:url('paper-controls/back15-night-v6.webp');--paper-scale:104.431%;--paper-dx:0.000%;--paper-dy:0.544%}
  html:not([data-theme="light"]) #titus-paper-room [data-player-control="forward"]{--paper-control:url('paper-controls/forward30-night-v6.webp');--paper-scale:102.972%;--paper-dx:0.134%;--paper-dy:0.939%}
  html:not([data-theme="light"]) #titus-paper-room .reference-speed{--paper-control:url('paper-controls/speed-night-v6.webp');--paper-scale:101.694%;--paper-dx:0.000%;--paper-dy:0.662%}
  html:not([data-theme="light"]) #titus-paper-room .reference-cast{--paper-control:url('paper-controls/stream-night-v6.webp');--paper-scale:101.975%;--paper-dx:0.000%;--paper-dy:0.398%}
  html:not([data-theme="light"]) #titus-paper-room .reference-more{--paper-control:url('paper-controls/more-night-v6.webp');--paper-scale:102.685%;--paper-dx:0.000%;--paper-dy:0.267%}
  html:not([data-theme="light"]) #titus-paper-room .paper-volume-down{--paper-control:url('paper-controls/volume-minus-night-v6.webp');--paper-scale:105.326%;--paper-dx:0.137%;--paper-dy:0.960%}
  html:not([data-theme="light"]) #titus-paper-room .paper-volume-up{--paper-control:url('paper-controls/volume-plus-night-v6.webp');--paper-scale:107.789%;--paper-dx:0.000%;--paper-dy:0.842%}
  html:not([data-theme="light"]) #titus-paper-room [data-player-control="mute"]{--paper-control:url('paper-controls/mute-night-v6.webp');--paper-scale:103.116%;--paper-dx:0.134%;--paper-dy:0.269%}
}
/* Keuzemenu van het streamicoon: neutraal, boven de speler, 44 px raakdoelen. */
#titus-paper-room .paper-stream-menu{position:absolute;left:8px;bottom:calc(100% + 6px);z-index:9;min-width:176px;max-width:calc(100% - 16px);margin:0;padding:6px;display:grid;gap:2px;background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:14px;box-shadow:0 10px 28px -10px #1c2a3466}
#titus-paper-room .paper-stream-menu[hidden]{display:none}
#titus-paper-room .paper-stream-item{display:block;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:inherit;font:600 14px/1.2 inherit;text-align:left;cursor:pointer}
#titus-paper-room .paper-stream-item:hover,#titus-paper-room .paper-stream-item:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent);outline:none}
#titus-paper-room .paper-stream-item:focus-visible{box-shadow:inset 0 0 0 2px #496779}
#titus-paper-room .reference-cast[aria-expanded="true"]{color:#3d7152}
/* Stream notices answer a click and fade; they float under the bar and never push content. */
#titus-paper-room .paper-stream-status{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:8;grid-column:auto;width:max-content;max-width:calc(100% - 24px);margin:6px 0 0;padding:8px 14px;background:var(--surface);color:var(--text);border:1px solid var(--rule);border-radius:10px;font-size:13px;line-height:1.35;text-align:center;box-shadow:0 8px 22px -14px #1c2a3466;pointer-events:none}
/* Same rounded cloud shape as the room balloons for stream notices. */
#titus-paper-room .paper-stream-status{border-radius:26px;padding-inline:20px}

/* ===== Feedback op de live player (Ben, 2026-10-10) =====
   Kleinere schijven voor snelheid, Cast, meer en mute met een raakvlak van 44 px via ::after;
   alles binnen het papier; volumeschuif gecentreerd; duidelijke handgreep. */
#titus-paper-room{--fb-btn:36px;--fb-mute:32px;--fb-grab-bg:#fbf6ea;--fb-grab-edge:#3b5560;--fb-grab-ink:#1f323a}
html[data-theme="dark"] #titus-paper-room{--fb-grab-bg:#2b3a47;--fb-grab-edge:#cfdbe0;--fb-grab-ink:#f4eedf}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room{--fb-grab-bg:#2b3a47;--fb-grab-edge:#cfdbe0;--fb-grab-ink:#f4eedf}}
#titus-paper-room .reference-secondary>button,#titus-paper-room .reference-speed{width:var(--fb-btn);height:var(--fb-btn);min-width:var(--fb-btn);min-height:var(--fb-btn)}
#titus-paper-room .reference-secondary>button:after,#titus-paper-room .reference-speed:after{content:'';display:block!important;position:absolute;inset:-4px;border-radius:50%;background:transparent}
#titus-paper-room .reference-speed select{inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px)}
#titus-paper-room .reference-secondary .reference-cast>svg{width:20px;height:20px}
#titus-paper-room .reference-secondary svg,#titus-paper-room .reference-more b{width:50%;height:50%}
#titus-paper-room .reference-more b{font-size:15px}
#titus-paper-room .reference-secondary{height:44px}
/* mute en de volumeschuif */
#titus-paper-room .reference-volume{grid-template-columns:var(--fb-mute) 44px minmax(0,1fr) 44px var(--fb-mute);gap:0 2cqw;height:44px}
#titus-paper-room .reference-volume>.paper-volume-down{grid-column:2;grid-row:1}
#titus-paper-room .reference-volume .titus-volume{grid-column:3;grid-row:1}
#titus-paper-room .reference-volume>.paper-volume-up{grid-column:4;grid-row:1}
#titus-paper-room .reference-volume>[data-player-control="mute"]{grid-column:5;grid-row:1;justify-self:end;align-self:center;width:var(--fb-mute);height:var(--fb-mute);min-width:var(--fb-mute);min-height:var(--fb-mute)}
#titus-paper-room .reference-volume>[data-player-control="mute"]:after{content:'';position:absolute;inset:-6px;border-radius:50%}
#titus-paper-room .reference-volume>[data-player-control="mute"] svg{width:58%;height:58%}
/* de onderrand van het papier ligt hoger dan de onderrand van de container: lucht eronder */
@media (max-width:959px) and (orientation:portrait), (max-width:639px){
  #titus-paper-room .titus-player-main{padding-bottom:16px!important}
  #titus-paper-room .reference-secondary{margin-top:-6px}
}
@media (min-width:960px), (min-width:640px) and (orientation:landscape){
  #titus-paper-room{--fb-btn:clamp(34px,calc(var(--console-disc,44px)*.78),48px)}
  #titus-paper-room .reference-volume{grid-template-columns:var(--fb-mute) var(--console-volume) var(--console-rail) var(--console-volume) var(--fb-mute);gap:var(--console-volume-gap);width:calc(var(--console-volume)*2 + var(--console-rail) + var(--fb-mute)*2 + var(--console-volume-gap)*4)}
  #titus-paper-room .reference-volume .titus-volume{grid-column:3}
  #titus-paper-room .reference-secondary{height:var(--console-disc);margin-top:0}
}
/* handgreep: een duidelijk tabje met chevron; 44 px raakvlak, geen extra hoogte in de indeling */
#titus-paper-room .room-player-grabber{overflow:visible}
#titus-paper-room .room-player-grabber:before{content:'';position:absolute;left:2px;right:2px;top:7px;height:28px;border-radius:14px;background:var(--fb-grab-bg);border:1.5px solid var(--fb-grab-edge);box-shadow:0 2px 6px #1c2a3440;pointer-events:none}
#titus-paper-room .room-player-grabber:after{left:50%;top:15px;width:10px;height:10px;margin-left:-5px;border-right:3px solid var(--fb-grab-ink);border-bottom:3px solid var(--fb-grab-ink);transform:rotate(225deg)}
#titus-paper-room .room-player-grabber[aria-expanded="true"]:after{top:10px;transform:rotate(45deg)}
#titus-paper-room .room-player-grabber:focus-visible:before{outline:2px solid #496779;outline-offset:2px}
/* Ronde 2: de lege vlakken van de bedieningsrij vangen geen aanrakingen; alleen de knoppen zelf (eis 74). */
#titus-paper-room .titus-controls{pointer-events:none}
#titus-paper-room .titus-controls>*{pointer-events:auto}
html[data-theme="dark"] #titus-paper-room .reference-volume input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f2efe4 var(--paper-fill,0%),#d4dce0 var(--paper-fill,0%));box-shadow:0 0 0 1px #0b1620,inset 0 1px 2px #23364466}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room .reference-volume input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f2efe4 var(--paper-fill,0%),#d4dce0 var(--paper-fill,0%));box-shadow:0 0 0 1px #0b1620,inset 0 1px 2px #23364466}}
/* Ronde 4: liggend en ingeklapt één rij (vorige, 15, play, 30, volgende) met de voortgang eronder. */
@media(max-height:520px){#titus-paper-room:not(.player-open) :is(.reference-secondary,.reference-volume,.titus-progress){display:none!important}}

/* Liquid Glass is the active player system. Keep these final authority rules
   after the archived paper-player refinements so old landscape coordinates can
   never re-enter the glass composition. */
#titus-paper-room[data-player-style="liquid-glass"] .room-player-grabber{
  right:8px;top:6px;width:44px;height:44px;
}
#titus-paper-room[data-player-style="liquid-glass"] .room-player-grabber::before{
  inset:7px;width:auto;height:auto;border:0;border-radius:50%;background:rgba(255,255,255,.16);
  box-shadow:inset 0 1px rgba(255,255,255,.36);
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-player-main{
  position:relative;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto;grid-template-rows:58px 5px;
  gap:0 12px;align-items:center;align-content:start;justify-content:stretch;width:100%;height:auto;padding:8px 58px 8px 10px!important;
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls{
  position:static;transform:none;display:grid!important;grid-column:3;grid-row:1;
  grid-template-columns:44px 58px 44px;gap:4px;align-items:center;justify-items:center;width:auto;height:58px;margin:0;
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls button{
  position:relative;inset:auto;width:44px;height:44px;min-width:44px;min-height:44px;
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="prev"]{grid-column:1;grid-row:1}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="play"]{grid-column:2;grid-row:1;width:56px;height:56px;min-width:56px}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="next"]{grid-column:3;grid-row:1}
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="back"],
#titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="forward"]{display:none}
#titus-paper-room[data-player-style="liquid-glass"] .titus-progress{
  position:static;visibility:visible!important;pointer-events:none;display:block!important;grid-column:1/-1;grid-row:2;
  width:100%;height:5px;min-height:5px;margin:0;padding:0;
}
#titus-paper-room[data-player-style="liquid-glass"] .titus-progress input{display:block;grid-column:auto;grid-row:auto;width:100%;height:5px;min-height:5px;margin:0}
#titus-paper-room[data-player-style="liquid-glass"] .titus-progress span{display:none}
#titus-paper-room[data-player-style="liquid-glass"] .reference-secondary,
#titus-paper-room[data-player-style="liquid-glass"] .reference-volume{position:static}

#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-player-main{
  display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-rows:64px 92px 48px 48px 48px;
  column-gap:16px;height:auto;padding:12px 22px 14px!important;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls{
  position:static;transform:none;grid-column:1/-1;grid-row:2;grid-template-columns:56px 56px 78px 56px 56px;
  justify-content:center;gap:clamp(3px,2.5vw,18px);width:100%;height:92px;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="prev"]{grid-column:1}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="back"]{display:grid;grid-column:2;top:auto;width:52px;height:52px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="play"]{grid-column:3;width:76px;height:76px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="forward"]{display:grid;grid-column:4;top:auto;width:52px;height:52px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="next"]{grid-column:5}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress{
  position:static;pointer-events:auto;display:grid!important;grid-column:1/-1;grid-row:3;
  grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;width:100%;height:48px;min-height:48px;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress input{display:block;grid-column:2;grid-row:1;height:44px;min-height:44px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .titus-progress span{display:block;grid-row:1}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary{
  position:static;display:grid!important;grid-column:1/-1;grid-row:4;grid-template-columns:repeat(3,44px);
  justify-content:center;gap:18px;width:100%;height:48px;margin:0;padding:0;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary>button,
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-speed{width:44px;height:44px;min-width:44px;min-height:44px}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume{
  position:static;display:grid;grid-column:1/-1;grid-row:5;grid-template-columns:44px minmax(0,320px) 44px 44px;
  justify-content:center;gap:10px;align-items:center;width:100%;height:48px;padding:0;margin:0;
}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume>.paper-volume-down{grid-column:1}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume .titus-volume{grid-column:2}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume>.paper-volume-up{grid-column:3}
#titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume>[data-player-control="mute"]{grid-column:4;width:44px;height:44px;min-width:44px;min-height:44px}

@media(max-width:520px){
  #titus-paper-room[data-player-style="liquid-glass"] .titus-player-main{grid-template-columns:48px minmax(0,1fr) 56px;grid-template-rows:54px 4px;padding:7px 52px 7px 8px!important;gap:0 9px}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls{grid-template-columns:56px;width:56px;height:54px}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="prev"],
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="next"]{display:none}
  #titus-paper-room[data-player-style="liquid-glass"] .titus-controls [data-player-control="play"]{grid-column:1;width:52px;height:52px;min-width:52px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-player-main{grid-template-columns:56px minmax(0,1fr);grid-template-rows:58px 84px 48px 46px 48px;padding:10px 14px 12px!important}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls{grid-template-columns:46px 46px 66px 46px 46px;gap:2px;height:84px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="prev"],
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="next"]{display:grid;width:44px;height:44px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="back"],
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="forward"]{width:44px;height:44px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .titus-controls [data-player-control="play"]{grid-column:3;width:64px;height:64px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .reference-secondary{height:46px;gap:12px}
  #titus-paper-room[data-player-style="liquid-glass"].player-open .reference-volume{height:48px;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:6px}
}

/* Playerlayout 31-10-2026: presentation.css zet op .titus-room[data-reference-player] .titus-player-main
   grid-template-columns:1fr!important en gap:0!important. Daardoor vielen de kolommen van de liquid-glass
   player weg (titel samengeperst, chevron over de knoppen). Hier staat het grid weer expliciet, met !important
   op een id-selector zodat het wint, voor ingeklapt en uitgeklapt. */
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-player-main{
  grid-template-columns:54px minmax(0,1fr) auto!important;grid-template-rows:58px 5px!important;
  column-gap:12px!important;row-gap:0!important;padding:8px 62px 8px 10px!important;
}
html body #titus-paper-room[data-player-style="liquid-glass"] .room-player-grabber{top:50%;transform:translateY(-50%)}
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-now{align-self:center;overflow:hidden}
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-title,
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-show{max-width:100%}
html body #titus-paper-room[data-player-style="liquid-glass"] .titus-progress{align-self:end}
html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) :is(.reference-secondary,.reference-volume){display:none!important}
@media(max-width:520px){
  html body #titus-paper-room[data-player-style="liquid-glass"] .titus-player-main{
    grid-template-columns:44px minmax(0,1fr) 52px!important;grid-template-rows:54px 4px!important;
    column-gap:9px!important;padding:7px 56px 7px 8px!important;
  }
}

/* Uitgeklapt: één raster. Vijf kolommen 48/48/64/48/48 met gelijke tussenruimte; de tweede en derde rij
   staan op hetzelfde raster; het volume loopt van de linker- tot de rechterrand van de knoppenrij. */
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open{--pl-play:64px;--pl-btn:48px}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-player-main{
  grid-template-columns:60px minmax(0,1fr)!important;grid-template-rows:auto!important;grid-auto-rows:auto;
  column-gap:14px!important;row-gap:10px!important;
  width:min(100%,600px);margin-inline:auto;padding:14px 16px 16px!important;
}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-cover{width:60px;height:60px}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-now{padding-right:46px;align-self:center;text-align:left!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-title{
  font-size:17px;line-height:1.25;white-space:normal;overflow:hidden;text-overflow:clip;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere;
}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-show{margin-top:3px}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open :is(.titus-title,.titus-show){text-align:left!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .room-player-grabber{top:6px;transform:none}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open :is(.titus-controls,.reference-secondary){
  display:grid!important;grid-template-columns:var(--pl-btn) var(--pl-btn) var(--pl-play) var(--pl-btn) var(--pl-btn)!important;
  justify-content:space-between!important;align-items:center;justify-items:center;
  column-gap:0!important;width:100%!important;margin:0!important;padding:0!important;
}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls{height:var(--pl-play)!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="prev"]{grid-column:1!important;width:var(--pl-btn)!important;height:var(--pl-btn)!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="back"]{grid-column:2!important;width:var(--pl-btn)!important;height:var(--pl-btn)!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="play"]{grid-column:3!important;width:var(--pl-play)!important;height:var(--pl-play)!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="forward"]{grid-column:4!important;width:var(--pl-btn)!important;height:var(--pl-btn)!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="next"]{grid-column:5!important;width:var(--pl-btn)!important;height:var(--pl-btn)!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-progress{
  grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;height:44px!important;min-height:44px!important;width:100%;padding:0!important;
}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-progress input{margin:0}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-secondary{height:var(--pl-btn)!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-secondary>.reference-speed{grid-column:2!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-secondary>.reference-cast{grid-column:3!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-secondary>.reference-more{grid-column:4!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-secondary>button,
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-speed{width:var(--pl-btn)!important;height:var(--pl-btn)!important;justify-self:center}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-volume{
  grid-template-columns:var(--pl-btn) minmax(0,1fr) var(--pl-btn) var(--pl-btn)!important;column-gap:10px!important;justify-content:stretch!important;
  width:100%!important;height:var(--pl-btn)!important;padding:0!important;
}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-volume>button{width:var(--pl-btn)!important;height:var(--pl-btn)!important}
@media(max-width:380px){
  html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open{--pl-play:60px;--pl-btn:46px}
  html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-player-main{padding:12px 12px 14px!important}
}

/* Ingeklapt: voortgang als dun streepje onderaan (surfaces.css maakte er 44 px van), tekst links, play niet onder de chevron. */
html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) .titus-room-transport .titus-progress.titus-progress{display:block!important;height:5px!important;min-height:5px!important;grid-template-rows:none!important;padding:0!important;margin:0!important;align-self:end}
html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) .titus-progress input{height:5px!important;min-height:5px!important;margin:0!important}
html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) :is(.titus-now,.titus-title,.titus-show){text-align:left!important}
@media(max-width:520px){
  html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) .titus-player-main{grid-template-columns:44px minmax(0,1fr) 48px!important;padding:7px 60px 7px 8px!important}
  html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) .titus-room-transport .titus-controls>button.tr-btn.tr-btn[data-player-control="play"]{width:48px!important;height:48px!important;min-width:48px!important}
  html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) .titus-controls{width:48px!important;justify-self:end}
}
html body #titus-paper-room[data-player-style="liquid-glass"]:not(.player-open) input[type="range"]::-webkit-slider-thumb{opacity:0}
@media(max-width:380px){
  html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-title{font-size:16px}
}

/* Review 31-10: pictogrammen groter, chevron op de rand van het raster, donkere baan zichtbaar, 1x gecentreerd. */
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="prev"] svg,html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="next"] svg{width:26px!important;height:26px!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="back"] svg,html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="forward"] svg{width:34px!important;height:34px!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .room-player-grabber{right:16px!important}
@media(max-width:380px){html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .room-player-grabber{right:12px!important}}
html[data-theme="dark"] #titus-paper-room[data-player-style="liquid-glass"].player-open input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f2efe4 var(--paper-fill,0%),rgba(242,239,228,.34) var(--paper-fill,0%))!important}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) #titus-paper-room[data-player-style="liquid-glass"].player-open input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f2efe4 var(--paper-fill,0%),rgba(242,239,228,.34) var(--paper-fill,0%))!important}}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .reference-speed span.paper-speed-value{position:absolute;inset:0;display:grid;place-items:center;line-height:1;margin:0}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-controls>button[data-player-control="play"] .titus-play-symbol{width:34px!important;height:34px!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-progress{grid-template-rows:44px!important;align-items:center!important}
html body #titus-paper-room[data-player-style="liquid-glass"].player-open.player-open .titus-progress>:is(input,span){grid-row:1!important;align-self:center}