/* Threshold look for session pages (2026-10-23): same type, color and quiet square controls as the home page.
   Loaded after diffusion-session.css; each session keeps its own artwork behind the player. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.session-page{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:400;background:#0b1512;color:#f3ead9;-webkit-font-smoothing:antialiased}
.session-page button,.session-page input{font-family:inherit}

/* header: the same quiet wordmark as home */
.session-page .site-header .brand{gap:12px;text-decoration:none}
.session-page .site-header .brand img{width:26px;height:26px}
.session-page .site-header .brand span{font-size:13px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:#d6ccb8}
.session-page .site-nav a{font-size:15px;color:#d6ccb8;text-decoration:none}
.session-page .site-nav a:hover{color:#f3ead9}

/* intro */
.session-page .session-intro .kicker{font-size:13px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:#d2c8b3}
.session-page .session-intro h1{font-weight:300;letter-spacing:-.025em;color:#f6eee0}
.session-page .session-intro .pace-note{letter-spacing:0;font-size:14px;color:#ece0c8}

/* player: a quiet panel with square corners */
.session-page .player{border-radius:4px;border:1px solid rgba(236,226,207,.2);background:rgba(11,21,18,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.session-page .play{border-radius:4px;border:0;background:rgba(236,226,207,.94);color:#10211f}
.session-page .play:hover{background:#fff6e8}
.session-page #seek{accent-color:#f29a5c}
.session-page .playing{font-weight:400}
.session-page .playing small,.session-page .time{color:#e2d8c4}
.session-page .player-controls button{font-size:13px;color:#e8dec9}
.session-page .player-controls button:hover{color:#ffffff}
.session-page .wake{border-radius:4px}

/* after the room */
.session-page .after-room{color:#d6ccb8}
.session-page .after-room summary{color:#f3ead9}
.session-page #transcript-lines p{color:#e2d8c4}
.session-page .tail-note{color:#c9bfa9}
.session-page .offline-tools button{border-radius:4px;border:1px solid rgba(236,226,207,.3);background:transparent;color:#f3ead9;min-height:44px;padding:0 18px;font-size:14px;cursor:pointer}
.session-page .offline-tools button:hover{border-color:#f3ead9}
.session-page .offline-tools button:disabled{opacity:.6;cursor:default}
.session-page #offline-note{color:#c9bfa9}
.session-page .site-disclaimer{color:#bfb5a2}
.session-page .site-footer{color:#bfb5a2}
.session-page .site-footer a,.session-page .site-footer button{color:#d6ccb8}

/* while a session plays the controls fade, but the way back to the library stays */
.session-page #session-back::before{content:"\2190\00a0"}
.session-page .room.immersed .site-header.room-ui{opacity:1;visibility:visible;pointer-events:none}
.session-page .room.immersed .site-header .brand{opacity:0;visibility:hidden}
.session-page .room.immersed #session-back{opacity:.7;pointer-events:auto}

/* inside the app the page fills the screen: keep the header clear of the clock and camera */
.session-page .site-header{padding-top:env(safe-area-inset-top)}
.session-page .site-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}