@font-face{font-family:HouzunSea;src:url('assets/houzun-sea.50eb5fe989bc.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--serif:HouzunSea,serif;--paper:#0a2131;--ink:#e7eeea;--muted:#b4c6cd;--red:#b5d6d9;color-scheme:dark}
body.sea-glass{background:#06131e;color:var(--ink)}.sea-glass .publication{background:linear-gradient(180deg,#061d329e,#061725c9 75%,#04111ced),url('assets/ocean.5f8359a23572.webp') center 36%/cover;min-height:100svh;box-shadow:none;isolation:isolate}.sea-glass .publication:before{background:radial-gradient(ellipse at 46% 25%,#bfecf028,transparent 58%);opacity:.6;z-index:-1}.sea-glass .issue-header{border-bottom:0;height:62px}.sea-glass .issue-header>button{font:17px var(--serif);letter-spacing:.5px}.sea-glass .edition{font:6px var(--mono);letter-spacing:1.2px;opacity:.6}.sea-glass .issue-header>button:last-child{font:17px var(--serif)}
.sea-glass .cover{position:relative;min-height:calc(100svh - 62px);padding:30px 24px 24px;display:flex;flex-direction:column}.sea-glass .cover-title{position:relative;z-index:1;pointer-events:none}.sea-glass .issue-tag{color:#c2d7dc;font-size:8px}.sea-glass .cover-title h1{display:block;font-size:92px;line-height:1.12;letter-spacing:6px;margin:22px 0}.sea-glass .cover-title p{font-size:19px;line-height:1.8;letter-spacing:2px;border:0;max-width:150px;margin:0;color:#d0dde0}.sea-glass .cover-body{display:block;flex:1;min-height:210px;margin-top:38px}.sea-glass .cover .color-index{position:absolute;right:23px;top:151px;border:0;width:172px;height:396px;gap:0;padding:0;align-items:stretch}.sea-glass .cover .color-index:before{display:none}.sea-glass .cover .channel{width:100%;height:44px;min-height:44px;display:flex;justify-content:flex-end;gap:13px;padding:0 6px}.sea-glass .cover .channel:before{content:attr(data-title);font-size:15px;line-height:1.4;color:#d0dfe4;opacity:.8;text-shadow:0 2px 9px #000b}.sea-glass .cover .channel[aria-pressed=true]:before{font-size:19px;color:#fff;opacity:1}.sea-glass .cover .channel:after{display:none}.sea-glass .cover .channel-cap{flex-shrink:0}.sea-glass .cover .feature{position:relative;padding-top:160px}.sea-glass .cover-story{background:linear-gradient(135deg,#b8dce326,#557b8b21);border:1px solid #d6edf037;border-radius:24px;padding:18px 20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #d3eff022,0 15px 35px #0003}.sea-glass .cover-story h2{font-size:34px;margin:7px 0;line-height:1.3}.sea-glass .cover-story p{font-size:16px;color:#bdd1d8;margin:0 0 15px}.sea-glass .running-label{color:#aac4cd;font-size:8px}.sea-glass .editorial-cta{border:1px solid #d0e2e344;background:#b3d4dc0e;border-radius:14px;font-size:19px;min-height:46px;padding:0 17px;box-shadow:inset 0 1px 0 #eaf5ed15}.sea-glass .paper-footer{color:#c1d2d8;align-items:center;font-size:14px;padding:24px 0 0}.sea-glass .paper-footer button{padding:10px 0}.sea-glass .paper-footer a{border-color:#b0c5cb4a}
.sea-glass .room{padding:0 24px 18px}.sea-glass .track-head{padding-top:17px;padding-bottom:17px}.sea-glass .track-head h1{font-size:52px;letter-spacing:2px}.sea-glass .track-byline{color:#bbccd4}.sea-glass .track-byline span{color:#c2d1d6;font-size:15px}.sea-glass .room-body{gap:18px;grid-template-columns:minmax(0,1fr) 45px}.sea-glass .sleeve img{border:9px solid #bedce621;outline:1px solid #d9eaf245;border-radius:21px;box-shadow:inset 0 1px 0 #fffa,0 12px 25px #0004;background:#94b2c233;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sea-glass .sleeve figcaption{color:#b2cbd4;font-size:12px;letter-spacing:.4px}.sea-glass .sleeve figcaption>span:last-child{font-size:6px;opacity:.7}.sea-glass .reading-tabs{border:0;margin-bottom:8px;gap:20px}.sea-glass .reading-tabs button{font-size:18px;color:#d7e4e6}.sea-glass .reading-tabs button[aria-selected=false]{color:#93abb8}.sea-glass .reading-tabs button[aria-selected=true]:after{height:1px;background:#c8e4e3}.sea-glass .reading-tabs .deck-toggle{margin-left:auto;font-size:15px;letter-spacing:.5px;border:1px solid #d0e3eb35;border-radius:12px;min-height:34px;padding:0 11px;background:#91b5c016}.sea-glass #readingPanel{border:1px solid #d4edf030;border-radius:19px;background:linear-gradient(135deg,#b4d8e31e,#7093a31a);box-shadow:inset 0 1px 0 #e5f4f111;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;padding:0 15px}.sea-glass .lyric-line{font-size:24px;color:#9ab3c180;line-height:1.5;letter-spacing:.3px}.sea-glass .lyric-line.active{color:#eff6ef;text-shadow:0 0 18px #b2e3e14f}.sea-glass .lyric-line.active:before{display:none}.sea-glass .note{color:#c5d6dc;font-size:17px}.sea-glass .note h2{color:#e5efea;font-size:23px}.sea-glass .color-index{border:0;padding:0}.sea-glass .color-index:before{color:#aec5cc}.sea-glass .channel-cap{border-radius:7px;box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -2px 3px #172b3e33,0 5px 9px #0003;background:linear-gradient(140deg,#fff5,#fff0 50%,#0001),var(--channel);border-color:#cde5ee66}.sea-glass .channel[aria-pressed=true] .channel-cap{box-shadow:inset 0 1px 1px #fff9,0 0 20px color-mix(in srgb,var(--channel),transparent 82%);transform:scale(1.22)}.sea-glass .channel[aria-pressed=true]:after{display:none}
/* Oxidised blue-grey metal: broad wear on edges, fine scratches on the face. */
.sea-glass .console{background:radial-gradient(ellipse at 8% 98%,#73909645,transparent 32%),linear-gradient(117deg,#3f535d,#273e49 46%,#20333e);border:1px solid #172b36;border-radius:12px;color:#c1d3d5;box-shadow:inset 0 2px 0 #9db4b267,inset 1px 0 1px #b3c3b83c,inset 0 -4px 0 #0b1c27,0 13px 28px #0006}.sea-glass .console:before{background:repeating-linear-gradient(0deg,#d7e9e505 0 1px,transparent 1px 3px),none center/100% 100%;opacity:.65}.sea-glass .console:after{content:'';pointer-events:none;position:absolute;inset:1px;border-radius:11px;box-shadow:inset 1px 0 0 #bbc9b94d,inset -1px 0 0 #657d7780;background:linear-gradient(177deg,#d9d7b710,transparent 7% 93%,#99a69017)}.sea-glass .console-label{color:#aec1c6;letter-spacing:.7px;position:relative;z-index:1}.sea-glass .console-label a{color:#d9e5df}.sea-glass .console-label i{background:#657c74}.sea-glass.playing .console-label i{background:#b9dbc3;box-shadow:0 0 7px #b9dbc377}.sea-glass .meter-pair{background:#10232d;box-shadow:0 1px 1px #bccbc247,0 2px 5px #001421 inset}.sea-glass .meter{background:radial-gradient(ellipse at 50% 85%,#dbe0c6,#a8bba7);box-shadow:inset 0 4px 8px #162c285f;color:#384e48}.sea-glass .meter-arc{border-color:#496056}.sea-glass .needle{background:#8e5b46}.sea-glass .meter b{color:#42584c}.sea-glass .knob{background:repeating-conic-gradient(#748f93 0deg 3deg,#304c59 4deg 7deg);border-color:#192f3b}.sea-glass .knob:before{background:radial-gradient(ellipse at 26% 22%,#6c9297,#315866 57%,#1f3c4a);box-shadow:inset 0 1px 2px #b6d4cf70,inset 0 -2px 2px #122c3b}.sea-glass .knob i:before{background:#dbe5ce}.sea-glass .transport{background:#152d39;box-shadow:inset 0 1px 4px #0a1d27,0 1px 0 #89a39d4a}.sea-glass .hardware-key{background:linear-gradient(145deg,#bfcfcd,#93aeb5 77%,#7f9fa8);border-color:#9db5b9;color:#203d4e;box-shadow:0 5px 0 #587b88,0 6px 3px #001322aa,inset 0 1px 1px #edffff88}.sea-glass .play-key{background:linear-gradient(145deg,#85b8b5,#578f96 80%,#437680);border-color:#80acb1;color:#e6f0e5;box-shadow:0 5px 0 #315766,0 6px 3px #001523aa,inset 0 1px 1px #cbede28c}.sea-glass .repeat-key{background:linear-gradient(145deg,#617e89,#405e6d);color:#ccdcdd;border-color:#708e97;box-shadow:0 5px 0 #254351,0 6px 3px #00111caa,inset 0 1px 1px #a8c6c450}.sea-glass .hardware-key:active,.sea-glass .play-key.is-down,.sea-glass .repeat-key[aria-pressed=true]{box-shadow:0 1px 0 #152e3b,inset 0 1px 3px #1c394655;transform:translateY(4px)}.sea-glass .repeat-key[aria-pressed=true]{color:#e0e6b6}.sea-glass .timeline{color:#b6cad0}.sea-glass .timeline input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#98c4c6 var(--progress,0%),#142c3b var(--progress,0%));box-shadow:0 1px 0 #819fa74f}.sea-glass .timeline input::-webkit-slider-thumb{background:linear-gradient(#c5d5d1,#92aeb5);border-color:#305366}.sea-glass .screw{opacity:.74;background:linear-gradient(135deg,#a2b0a6,#506d75 43%,#162f3b 48%,#132938 58%,#859b96 63%,#506e77)}
.sea-glass dialog{background:linear-gradient(145deg,#284858ef,#0d2333f7);border:1px solid #b1cfd448;border-radius:22px;color:#dae6e9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.sea-glass dialog::backdrop{background:#04121bcc;backdrop-filter:blur(8px)}.sea-glass #trackIndex{border-color:#accbd459}.sea-glass .index-row{border-color:#9bbac32e}.sea-glass .index-row time,.sea-glass .index-no,.sea-glass dialog>p{color:#a6bec7}.sea-glass #status{background:#1d3b4d;color:#e3eeee;border-color:#839fae55;border-radius:14px}
/* Optional turntable sheet. */
#djDialog{width:min(92vw,430px);padding:22px 25px;overflow:auto}.dj-top{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px}.dj-top button{font:30px serif;width:44px;height:44px}.sea-glass #djDialog h2{font:400 32px/1.5 var(--serif);margin:7px 0}.dj-description{font-size:16px;line-height:1.8;color:#adc6cc;margin:0 0 20px}.turntable{position:relative;background:linear-gradient(145deg,#57717a55,#203845aa);padding:20px;border:1px solid #afcace30;border-radius:14px;box-shadow:inset 0 1px 0 #dfefdf20,0 8px 15px #0003}#platter{aspect-ratio:1;border-radius:50%;padding:7px;background:repeating-conic-gradient(#acc4c0 0deg 1deg,#314a58 1deg 3deg);border:3px solid #1d3342;box-shadow:0 7px 11px #001222aa;cursor:grab;touch-action:none;user-select:none}#platter:active{cursor:grabbing}#platter:focus-visible{outline:2px solid #b7dedf;outline-offset:5px}.vinyl{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 23deg,#060f19,#3e52614f 15%,#08131e 22% 44%,#475b684d 51%,#07131c 57% 78%,#1e3545 86%,#060f19),repeating-radial-gradient(circle,#354958 0 1px,#0a1722 1px 3px);display:grid;place-items:center;box-shadow:inset 0 0 0 2px #091a26;will-change:transform}.vinyl-label{width:35%;height:35%;border-radius:50%;overflow:hidden;position:relative;display:grid;place-items:center;border:1px solid #b3d3da55}.vinyl-label img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.6)}.vinyl-label span{font-size:21px;position:relative;color:#fff;z-index:1;text-shadow:0 1px 4px #000b}.vinyl-label i{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;background:#d2d8c7;border:1px solid #849a9b;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:2}.deck-power{position:absolute;width:5px;height:5px;background:#769990;bottom:9px;left:10px;border-radius:50%}.playing .deck-power{background:#a9dac3;box-shadow:0 0 6px #a9dac3}.tonearm{pointer-events:none;position:absolute;right:11px;top:20px;width:7px;height:62%;border-radius:5px;background:linear-gradient(90deg,#213947,#b7c8c5 45%,#527785 70%);transform:rotate(18deg);transform-origin:top;box-shadow:1px 2px 3px #0009}.tonearm:after{content:'';width:12px;height:23px;position:absolute;bottom:-9px;left:-3px;border-radius:2px;background:#648697;border:1px solid #a7babc}.deck-readout{display:flex;justify-content:space-between;align-items:center;margin:18px 0 17px;gap:10px}.deck-readout span{font-size:15px;color:#b9cfd5}.deck-readout output{font:18px var(--mono);color:#d4e9df}.rate-label{display:flex;justify-content:space-between;font-size:17px}.rate-label span{font-size:13px;color:#a4bcc5}#deckSpeed{width:100%;margin:12px 0 22px;accent-color:#9bc3c9;height:26px}.dj-actions{display:flex;gap:12px}.dj-actions .hardware-key{width:50%;font-size:18px;height:43px}.dj-foot{font-size:13px;text-align:center;margin:20px 0 0;color:#94b1be}
#thanksDialog{width:min(92vw,750px);max-height:90svh;padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head .eyebrow{font:7px var(--mono)}#closeThanks{font:30px serif;width:44px;height:44px}.thanks-hero h2{font-size:42px;line-height:1.5;font-weight:400}.thanks-hero p{font-size:18px;line-height:1.9;color:#b1c9d3}.thanks-sign{font:italic 24px serif}.people-section{border-top:1px solid #a9c4ce33;margin-top:28px;padding-top:25px}.people-section .eyebrow{font:8px var(--mono);color:#adc6cf}.people-section h3{font-size:28px;font-weight:400;margin:12px 0 20px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.people-grid strong{display:block;font-weight:400;font-size:23px}.people-grid span{display:block;font-size:15px;line-height:1.7;color:#aac2cd}.credit-track{border-bottom:1px solid #a0c5ce33}.credit-track summary{padding:15px 0;font-size:21px;cursor:pointer}.credit-track dl{display:grid;grid-template-columns:1fr 1fr;font-size:17px;gap:12px}.credit-track dt{color:#a7c3d0}.credit-track dd{margin:0}.thanks-ending{padding:30px 0;text-align:center}.thanks-ending p{font-size:28px;line-height:1.6}.thanks-ending span{display:block;font:8px var(--mono);margin:20px 0}.thanks-ending a{font-size:17px;border-bottom:1px solid #b8d0d055;padding:12px 0}
@media(min-width:700px){.sea-glass{background:linear-gradient(#061522c9,#061522ee),url('assets/ocean.5f8359a23572.webp') center/cover fixed}.sea-glass .publication{margin:30px auto;width:470px;min-height:930px;border:1px solid #9bbbca24;border-radius:25px;overflow:hidden;box-shadow:0 30px 100px #0005}.sea-glass .cover{min-height:900px}.sea-glass .cover .feature{padding-top:190px}.sea-glass .room .sleeve img{width:220px;margin:auto}.sea-glass .lyric-window,.sea-glass .note{height:140px}}
@media(max-width:699px) and (min-height:740px){.sea-glass.in-room .issue-header{height:52px}.sea-glass .track-head{padding:10px 0 12px}.sea-glass .track-head h1{font-size:44px;margin-top:5px}.sea-glass .sleeve img{width:min(100%,22svh)}.sea-glass .reading-tabs button{min-height:34px}.sea-glass .room .color-index{width:45px}.sea-glass #readingPanel{min-height:80px}.sea-glass .room{padding-bottom:max(12px,env(safe-area-inset-bottom))}.sea-glass .console{margin-top:14px}.sea-glass .lyric-window,.sea-glass .note{height:100%}}
@media(max-width:359px){.sea-glass .issue-header{margin:0 17px}.sea-glass .room{padding-left:17px;padding-right:17px}.sea-glass .room-body{grid-template-columns:minmax(0,1fr) 38px;gap:10px}.sea-glass .room .color-index{width:38px}.sea-glass .reading-tabs{gap:14px}.sea-glass .reading-tabs .deck-toggle{padding:0 8px;font-size:14px}.sea-glass .cover-title h1{font-size:79px}.sea-glass .cover .color-index{right:17px;top:132px;width:165px}.sea-glass .cover .channel:before{font-size:14px}.sea-glass .cover .feature{padding-top:190px}}
@media(max-height:739px) and (max-width:699px){.sea-glass .room .sleeve img{width:180px;margin:auto}.sea-glass .console{position:relative}.sea-glass .lyric-window,.sea-glass .note{height:130px}.sea-glass .cover{min-height:830px}}
@media(prefers-reduced-motion:reduce){.vinyl{will-change:auto}}

.sea-glass .track-byline{flex-shrink:0}.sea-glass .cover-title p{max-width:165px}@media(max-width:359px){.sea-glass .track-head h1.long-title{font-size:30px!important;letter-spacing:1px}.sea-glass .track-byline span{font-size:13px}}

#platter[aria-disabled=true]{opacity:.55;cursor:wait}#deckSpeed:disabled{opacity:.35}.dj-actions button:disabled{opacity:.45;cursor:wait}.deck-retry{display:block;margin:12px auto 0;padding:8px 14px;border:1px solid #a2c4cd55;border-radius:10px;font-size:17px}