/* Presentation-only warmth: original portrait pixels and framing are retained. */
body.nocturne .story-portrait img{filter:sepia(.14) saturate(.91) brightness(.90) contrast(1.06)}
/* Dark on-site controls, with the unchanged provider controls available on demand. */
.player-seek-row{display:flex;align-items:center;gap:10px;margin:4px 0 9px;min-height:44px}
.player-seek-row input{display:block;appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:44px;margin:0;background:transparent;cursor:pointer;accent-color:#c8a8ce}
.player-seek-row input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#594760}
.player-seek-row input::-moz-range-track{height:4px;border-radius:4px;background:#594760}
.player-seek-row input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;border:1px solid #e2c9e5;background:#ae82b6;box-shadow:0 0 8px #a86fac44}
.player-seek-row input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:1px solid #e2c9e5;background:#ae82b6}
.player-seek-row input:focus-visible{outline:2px solid #edb8d8;outline-offset:2px}
.player-seek-row input:disabled{opacity:.45;cursor:default}
.player-seek-row output{min-width:5ch;color:#bcaac2;font:400 11px/1.3 var(--mono);text-align:right}
.player-native{position:relative;margin:0 0 8px;color:#bcaac2;font:400 11px/1.4 var(--body)}
.player-native-toggle{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;min-height:44px;padding:10px 4px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.player-native-toggle::before{content:'▸';font-size:12px;line-height:1}
.player-native-toggle[aria-expanded=true]::before{content:'▾'}
.player-native-toggle:focus-visible{outline:2px solid #edb8d8;outline-offset:2px}
.player-native-panel{width:100%;max-width:420px;min-width:0}
/* Keep the official widget measurable while tucked away: a closed details or
   display:none ancestor gives SoundCloud's waveform canvas a zero-size input. */
.player-native[data-expanded=false]>.player-native-panel{position:absolute;left:0;top:44px;width:100%;min-width:240px;visibility:hidden;pointer-events:none}
.player-native .player-embed{margin:4px 0 12px}
@media(forced-colors:active){.player-seek-row input{appearance:auto;-webkit-appearance:auto}.player-seek-row output,.player-native{color:CanvasText}}
/* A small instant photo rests on the page. Its grid track and margins reserve
   the rotated card footprint, keeping the untouched square image clear of copy. */
html body.nocturne .process.process--polaroid{grid-template-columns:minmax(0,320px) minmax(0,1fr);border-radius:0;overflow:visible}
html body.nocturne .process.process--polaroid>figure.process-photo{box-sizing:border-box;width:240px;max-width:calc((100% - 24px)/1.23);min-width:0;margin:36px auto 40px;padding:18px 18px 8px;border:1px solid #d4d0c7;border-radius:1px;background-color:#eeeae2;background-image:repeating-linear-gradient(8deg,#ffffff12 0 1px,#75664e09 1px 2px,transparent 2px 4px),repeating-linear-gradient(98deg,#ffffff12 0 1px,transparent 1px 3px);box-shadow:0 1px 0 #fff8 inset,0 -1px 1px #85786666 inset,0 7px 14px -7px #000b,0 2px 3px #0006;transform:rotate(-15deg);transform-origin:center;overflow:visible}
html body.nocturne .process.process--polaroid>figure.process-photo>.process-photo-caption{display:flex;align-items:center;justify-content:center;min-height:52px;margin:0;padding:6px 0 0;color:#39332e;font:400 31px/1.15 'Parisienne','Segoe Print','Bradley Hand',cursive;letter-spacing:.015em;text-align:center;text-transform:none;text-shadow:none}
html body.nocturne .process.process--polaroid>figure.process-photo>img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none;transform:none;filter:none}
html body.nocturne .process.process--polaroid>figure.process-photo>.process-photo-caption>img{display:block;width:110px;height:auto;max-width:80%;max-height:46px;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none;transform:none;filter:none}
@media(max-width:650px){html body.nocturne .process.process--polaroid{grid-template-columns:1fr}html body.nocturne .process.process--polaroid>figure.process-photo{width:200px;margin:32px auto 34px}}
@media(forced-colors:active){html body.nocturne .process.process--polaroid>figure.process-photo{background:Canvas;border-color:CanvasText;box-shadow:none}html body.nocturne .process.process--polaroid>figure.process-photo>.process-photo-caption{color:CanvasText}}
