@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#e9e9e5;background:#090a0b;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:5px}button{border:0;background:none}.topbar{position:fixed;z-index:40;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{pointer-events:auto;text-decoration:none;font:21px 'Instrument Serif',Georgia,serif;letter-spacing:-.4px}.menu-toggle{pointer-events:auto;border:1px solid #ffffff38;border-radius:30px;padding:10px 17px;background:#0c0d0ee8;backdrop-filter:blur(16px);font-size:10px;letter-spacing:.02em;display:flex;gap:26px;align-items:center}.menu-toggle span:last-child{font-size:17px;font-weight:400}.directory{position:fixed;z-index:50;right:30px;top:78px;width:256px;background:#111214ed;backdrop-filter:blur(30px);border:1px solid #ffffff20;border-radius:15px;padding:12px;box-shadow:0 15px 60px #0004}.directory[hidden]{display:none}.directory .eyebrow{padding:11px 10px;color:#777;font:9px monospace;letter-spacing:.16em}.directory a{display:flex;align-items:baseline;justify-content:space-between;padding:18px 12px;border-radius:7px;text-decoration:none;font:28px 'Instrument Serif',Georgia,serif}.directory a:hover{background:#ffffff0a}.directory a small{font:9px monospace;color:#8d8e8b}.directory footer{margin:10px;border-top:1px solid #ffffff12;padding-top:15px;font:9px monospace;color:#777;line-height:1.8}
#saves{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}#saves.dragging{cursor:grabbing}#threads{position:absolute;inset:0;pointer-events:none}#tile-layer{position:absolute;left:50%;top:50%;transform-origin:0 0}.tile{position:absolute;display:block;text-decoration:none;background:#17191b;overflow:hidden;will-change:transform;box-shadow:0 1px 5px #0006;transition:filter .2s;isolation:isolate}.tile:hover,.tile:focus-visible{z-index:10;filter:brightness(1.15)}.tile img{display:block;width:100%;height:100%;object-fit:cover}.tile .text-preview{display:flex;height:100%;flex-direction:column;justify-content:space-between;padding:8px;background:#e9e8e1;color:#1b1c1e;font-size:7px;line-height:1.3}.text-preview b{font-size:8px;font-weight:500;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.text-preview small{font:5px monospace;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.tile[data-type="twitter"] .text-preview{background:#cbd8dd}.tile[data-type="link"] .text-preview{background:#e2d9c6}.tile[data-type="instagram"] .text-preview{background:#ccc4d1}.tile .topic{display:block;overflow:hidden;max-height:2.6em;opacity:.6}
#orb{position:absolute;left:0;top:0;width:380px;height:380px;border-radius:50%;background:#000;border:1px solid #242629;box-shadow:0 0 65px 18px #0007,inset 0 0 60px #050505;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:15;touch-action:none;will-change:transform;user-select:none;color:#f1f0e9}#orb:active{cursor:grabbing}#orb span{font:66px/.92 'Instrument Serif',Georgia,serif;letter-spacing:-2.5px;text-align:center;pointer-events:none}#orb .orb-note{position:absolute;bottom:42px;font:8px monospace;color:#5f6060;letter-spacing:.15em}#hint{position:fixed;z-index:20;bottom:23px;left:30px;color:#65676a;font:8px monospace;letter-spacing:.1em;pointer-events:none}#overview{position:fixed;right:30px;bottom:19px;z-index:20;font:9px monospace;color:#8b8b89;padding:8px 12px;border:1px solid #ffffff20;border-radius:20px;background:#101113c9}#tooltip{position:fixed;left:30px;bottom:58px;z-index:30;max-width:280px;pointer-events:none;font-size:11px;line-height:1.5;color:#d8d8d2;text-shadow:0 1px 8px #000;background:#090a0bd9;padding:12px 15px;border:1px solid #ffffff15;border-radius:8px}#tooltip small{display:block;color:#777;font:8px monospace;margin-top:7px;text-transform:uppercase;letter-spacing:.04em}#tooltip[hidden]{display:none}
#music{position:absolute;inset:0;background:#f1f0ec;color:#222;overflow:hidden}#music[hidden],#saves[hidden]{display:none}.music-mode .brand{color:#222}.music-mode .menu-toggle{background:#f5f4f0dd;border-color:#0003;color:#222}.music-intro{position:absolute;z-index:2;top:130px;left:7vw;max-width:270px;pointer-events:none}.music-intro .eyebrow{font:9px monospace;text-transform:uppercase;letter-spacing:.15em;color:#8b8b83}.music-intro h1{font:76px/.9 'Instrument Serif',Georgia,serif;letter-spacing:-3px;margin:26px 0 22px}.music-intro p{font-size:11px;color:#8a8a82;line-height:1.8}.music-controls{position:absolute;z-index:10;left:7vw;bottom:50px;width:240px}.music-controls #now-title{font-size:12px;line-height:1.5;max-width:210px}.music-controls #now-artist{font:9px monospace;color:#999;margin:8px 0 18px}.transport{display:flex;align-items:center;gap:20px}.transport button{font-size:13px;min-width:32px;min-height:32px}.transport #play{width:44px;height:44px;border:1px solid #bdbdb5;border-radius:50%;font-size:12px}.music-controls progress{display:block;width:210px;height:2px;margin:20px 0;accent-color:#272923;border:0}.sc-credit{font:8px monospace;color:#999;text-decoration:none}.autoplay-note{font:9px monospace;color:#999;line-height:1.6;max-width:220px}.autoplay-note[hidden]{display:none}#music-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3c3b9 transparent;padding:90px 6vw 140px 39vw;perspective:1200px}#music-list{max-width:900px;margin:auto}.track{height:230px;position:relative;display:flex;align-items:center;padding:0;border:0;width:100%;text-align:left}.cover{width:255px;height:255px;flex-shrink:0;position:relative;transform:perspective(850px) rotateY(-26deg) rotateZ(-7deg);transform-origin:center;transition:transform .4s,filter .4s;filter:saturate(.9);box-shadow:-12px 20px 25px #00000016;background:#d5d5cd;overflow:hidden}.cover img{width:100%;height:100%;display:block;object-fit:cover}.cover-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:70px 'Instrument Serif',Georgia,serif;color:#888}.track:nth-child(4n+1){padding-left:0}.track:nth-child(4n+2){padding-left:85px}.track:nth-child(4n+3){padding-left:150px}.track:nth-child(4n){padding-left:65px}.track:hover .cover,.track.active .cover{transform:perspective(850px) rotateY(-10deg) rotateZ(0);filter:saturate(1.1)}.track.active .cover:after{content:'♫';position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#f1f0ecd9;display:grid;place-items:center;font-size:11px;color:#333}.track-info{position:absolute;left:calc(100% - 130px);max-width:170px;font-size:10px;line-height:1.6;opacity:.5;transition:opacity .3s;pointer-events:none}.track:hover .track-info,.track.active .track-info{opacity:1}.track-info small{display:block;font:8px monospace;margin-bottom:9px;color:#999}.track-info span{font-size:9px;color:#999}#music-loading{font:12px 'Instrument Serif',Georgia,serif;color:#999;margin:30vh 0}#sc-frame{position:fixed;left:-10000px;bottom:0;width:320px;height:166px;border:0}.collection-note{position:fixed;bottom:23px;right:30px;z-index:10;color:#aaa;font:8px monospace;pointer-events:none}
@media(max-width:700px){.topbar{left:18px;right:18px;top:18px}.brand{font-size:19px}.directory{right:18px;top:68px}#hint{left:18px;font-size:7px;max-width:65%;line-height:1.6}#overview{right:18px;font-size:8px}.music-intro{top:95px;left:24px;max-width:150px}.music-intro h1{font-size:49px;letter-spacing:-2px}.music-intro p{font-size:9px;max-width:115px}.music-controls{left:24px;bottom:30px;width:160px;background:#f1f0eceb;padding:10px 0}.music-controls #now-title{font-size:10px;max-width:140px}.music-controls progress{width:135px}.transport{gap:8px}#music-scroll{padding:160px 12px 130px 35vw}.track{height:190px}.cover{width:170px;height:170px}.track:nth-child(4n+2){padding-left:25px}.track:nth-child(4n+3){padding-left:45px}.track:nth-child(4n){padding-left:15px}.track-info{display:none}.collection-note{right:18px;bottom:18px;font-size:7px}.autoplay-note{font-size:8px;max-width:140px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.tile[hidden]{display:none}
.brand{padding:5px 9px;margin-left:-9px;background:#090a0bdd;border-radius:5px;backdrop-filter:blur(8px)}.music-mode .brand{background:#f1f0ecdd}
#orb{background:#000 url("/circle.svg") center/100% 100% no-repeat}#orb>span,#orb>.orb-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Image wall controls and monochrome themes */
:root{--page:#000;--ink:#eee;--muted:#777;--line:#ffffff30;--pill:#171717e8;--card:#171717}
:root[data-theme="light"]{--page:#fff;--ink:#171717;--muted:#777;--line:#0002;--pill:#f5f5f5e8;--card:#f2f2f2}
html,body,#saves,#music{background:var(--page);color:var(--ink)}
.topbar{justify-content:flex-start;gap:10px;top:20px;left:24px;right:24px;align-items:center;flex-wrap:wrap;font:11px 'DM Sans',Arial,sans-serif}.brand,.music-mode .brand{font:500 16px 'DM Sans',Arial,sans-serif;letter-spacing:-.5px;background:var(--page);color:var(--ink);padding:8px 9px;margin-right:10px;backdrop-filter:none}
.top-nav,.layout-controls{display:flex;gap:7px;align-items:center;pointer-events:auto}.layout-controls[hidden]{display:none}
.top-nav a,.layout-controls button,#theme-toggle{border:1px solid var(--line);border-radius:24px;background:var(--pill);color:var(--muted);padding:9px 14px;font:10px 'DM Sans',Arial,sans-serif;text-decoration:none;pointer-events:auto;white-space:nowrap;backdrop-filter:blur(10px)}.top-nav a span{font:9px monospace;margin-left:6px;opacity:.55}.top-nav a[aria-current="page"],.layout-controls button[aria-pressed="true"]{color:var(--ink);border-color:var(--muted)}
.tile{box-shadow:none;background:var(--card)}.tile:hover,.tile:focus-visible{filter:none;transform-origin:initial}.tile .text-preview{background:var(--card)!important;color:var(--muted);border:1px solid var(--line)}#tooltip{display:none!important}
#orb{box-shadow:none;border:0;background:transparent url('/circle.svg') center/100% 100% no-repeat}#hint{color:var(--muted)}#overview{color:var(--muted);background:var(--pill);border-color:var(--line)}
.music-intro h1{font:400 66px/.95 'DM Sans',Arial,sans-serif;letter-spacing:-3px}.music-intro h1 i{font-style:normal}.music-intro p,.music-intro .eyebrow,.track-info,.track-info small,.track-info span,.music-controls #now-artist,.sc-credit,.autoplay-note,.collection-note{color:var(--muted)}.music-controls{color:var(--ink)}.music-controls #play{border-color:var(--line)}.music-controls progress{accent-color:var(--ink)}.cover{background:var(--card)}.track.active .cover:after{background:var(--pill);color:var(--ink)}#music-scroll{scrollbar-color:var(--line) transparent}.track:hover .cover{filter:saturate(.9);transform:perspective(850px) rotateY(-26deg) rotateZ(-7deg)}.track:hover .track-info{opacity:.5}.track.active .track-info{opacity:1}
@media(max-width:700px){.topbar{left:17px;right:17px;top:14px;gap:6px}.brand,.music-mode .brand{font-size:14px;margin-right:3px}.top-nav,.layout-controls{gap:4px}.top-nav a,.layout-controls button,#theme-toggle{font-size:9px;padding:7px 9px}.top-nav a span{display:none}.music-intro h1{font-size:45px;letter-spacing:-2px}.music-controls{background:var(--page)}}
#orb{background-image:url("/circle.svg"),url("/avatar.jpg");background-size:100% 100%,100% 100%;background-position:center;background-repeat:no-repeat}
/* High resolution avatar, and a rising shelf of records */
#orb{background-image:url('/circle.svg'),url('/avatar-upscaled.png')}
#music-scroll{padding:0;perspective:none;scrollbar-gutter:stable}
#music-list{position:relative;max-width:none;margin:0;width:100%;--cover-size:300px}
#music .track:nth-child(n){position:absolute;padding:0;margin:0;width:var(--cover-size);height:var(--cover-size);display:block;isolation:auto}
#music .track[hidden]{display:none}
#music .cover{width:100%;height:100%;transform:perspective(1000px) rotateY(-48deg);transform-origin:left center;filter:none;overflow:hidden;box-shadow:-12px 18px 22px #0003;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
#music .cover:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(90deg,#ffffff55,#00000038);z-index:2;pointer-events:none}
#music .track.active .cover{transform:perspective(1000px) translate(-12px,-12px) rotateY(-38deg);filter:none}
#music .track:hover,#music .track:focus-visible{z-index:5000!important}
#music .track:hover .cover,#music .track:focus-visible .cover{transform:perspective(1000px) translate(-58px,-58px) rotateY(-13deg) scale(1.06);box-shadow:-22px 28px 35px #0004;filter:none}
#music .track-info{display:block;position:absolute;left:-48px;top:calc(100% - 35px);max-width:250px;width:230px;padding:10px 12px;background:var(--page);border:1px solid var(--line);font-size:10px;line-height:1.4;opacity:0;transition:opacity .2s;z-index:8}
#music .track-info small{margin-bottom:5px}
#music .track.active .track-info{opacity:0}
#music .track:hover .track-info,#music .track:focus-visible .track-info{opacity:1}
.music-intro{z-index:5500}.music-intro h1{font-size:58px}.music-controls{z-index:6000;background:var(--page);padding:14px 16px;margin-left:-16px;border-radius:8px}.music-controls progress{margin-bottom:7px}
@media(max-width:700px){.music-intro h1{font-size:42px}.music-controls{padding:10px;margin-left:-10px}#music .track-info{width:160px;font-size:9px;left:-25px}#music .track:hover .cover,#music .track:focus-visible .cover{transform:perspective(800px) translate(-28px,-38px) rotateY(-10deg) scale(1.04)}}
/* Yap: an archive of video frames, with a selected frame pulled forward */
#yap{position:absolute;inset:0;overflow:hidden;background:var(--page);color:var(--ink)}#yap[hidden]{display:none}
.yap-intro{position:absolute;left:6vw;top:125px;z-index:4000;pointer-events:none}.yap-intro .eyebrow{font:9px monospace;letter-spacing:.13em;color:var(--muted)}.yap-intro h1{font:400 62px 'DM Sans',Arial,sans-serif;letter-spacing:-3px;margin:15px 0}
#yap-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none}
.video-card{position:absolute;aspect-ratio:16/9;padding:0;border:0;background:var(--card);transform:translate(-50%,-50%) perspective(1200px) rotateY(var(--plane-angle));transform-origin:center;box-shadow:-4px 6px 12px #0002;transition:left .5s cubic-bezier(.2,.7,.2,1),top .5s cubic-bezier(.2,.7,.2,1),transform .4s,width .4s;cursor:pointer}
.video-card[hidden]{display:none}.video-card img{width:100%;height:100%;object-fit:cover;display:block}.video-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ffffff88}.video-card.selected{box-shadow:-16px 24px 45px #0003}.video-card:hover{transform:translate(-50%,-54%) perspective(1200px) rotateY(-18deg)}.video-card.selected:hover{transform:translate(-50%,-50%) perspective(1200px) rotateY(-4deg)}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#000b;border:1px solid #fff8;color:#fff;display:none;place-items:center;font-size:14px;padding-left:3px}.video-card.selected .video-play{display:grid}
#yap-player{position:absolute;left:51%;top:50%;transform:translate(-50%,-50%);width:var(--player-width,70vw);aspect-ratio:16/9;background:#000;z-index:6000;box-shadow:0 24px 70px #0005}#yap-player[hidden]{display:none}#yap-player iframe{display:block;width:100%;height:100%;border:0}.yap-close{position:absolute;right:0;top:-35px;border:1px solid var(--line);border-radius:20px;padding:6px 12px;background:var(--page);color:var(--ink);font-size:10px}
.yap-info{position:absolute;z-index:3000;left:6vw;bottom:70px;width:min(370px,40vw);padding:12px 0;background:var(--page);pointer-events:none}#yap-title{font-size:13px;line-height:1.6}#yap-detail{font:9px monospace;color:var(--muted);margin-top:9px;text-transform:uppercase;letter-spacing:.04em}
.yap-filters{position:absolute;z-index:4000;right:30px;bottom:120px;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.yap-filters button{font-size:11px;color:var(--muted);padding:2px 5px}.yap-filters button[aria-pressed="true"]{color:var(--ink)}.yap-filters small{font:8px monospace;vertical-align:super;margin-left:4px}
.yap-controls{position:absolute;right:30px;bottom:50px;z-index:4000;display:flex;align-items:center;gap:17px}.yap-controls button{font-size:18px;min-width:30px;min-height:30px}.yap-controls span{font:9px monospace;color:var(--muted)}.yap-hint{position:absolute;left:6vw;bottom:30px;font:8px monospace;letter-spacing:.08em;color:var(--muted);pointer-events:none}
@media(max-width:700px){.topbar{row-gap:7px}.top-nav a{padding:7px 8px}.yap-intro{top:110px;left:24px}.yap-intro h1{font-size:45px}.yap-intro .eyebrow{font-size:8px}.yap-info{left:24px;bottom:90px;width:65vw}#yap-title{font-size:11px}#yap-detail{font-size:8px}.yap-filters{right:15px;bottom:170px;gap:6px}.yap-filters button{font-size:9px}.yap-controls{right:18px;bottom:42px;gap:9px}.yap-controls span{font-size:8px}.yap-hint{left:24px;bottom:25px;font-size:7px}.video-play{width:34px;height:34px;font-size:11px}#yap-player{width:92vw!important;left:50%}}
#music-scroll{overflow-x:hidden}
/* Episode orbit: cards rotate around a quiet, changing centre. */
.video-card{aspect-ratio:1.1;border-radius:18px;overflow:hidden;transform:translate(-50%,-50%) rotate(var(--orbit-angle));transition:transform .25s,box-shadow .25s;box-shadow:0 8px 25px #0002}
.video-card:before{display:none}.video-card.selected{box-shadow:0 10px 30px #0003;outline:1px solid var(--line);outline-offset:5px}
.video-card:hover,.video-card.selected:hover{transform:translate(-50%,-50%) rotate(var(--orbit-angle)) scale(1.055)}
.video-card:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.video-card img{object-fit:cover}.video-play{display:none!important}
.yap-info{left:50%;top:57%;bottom:auto;transform:translate(-50%,-50%);width:min(510px,43vw);padding:0;background:none;text-align:center;pointer-events:auto}
#yap-title{font:400 clamp(22px,2.6vw,38px)/1.16 'DM Sans',Arial,sans-serif;letter-spacing:-.045em;margin:13px 0 15px;text-wrap:balance}
#yap-detail{font:10px monospace;letter-spacing:.04em;margin:0;color:var(--muted);text-transform:none}
#yap-featured{font-size:12px;line-height:1.5;margin:0 0 12px;color:var(--ink)}
#yap-summary{font-size:13px;line-height:1.65;color:var(--muted);margin:0 auto 20px;max-width:440px;text-wrap:pretty}
#yap-watch{border:1px solid var(--line);border-radius:24px;padding:11px 20px;color:var(--page);background:var(--ink);font-size:11px;cursor:pointer}
#yap-watch:hover{opacity:.8}#yap-player{left:50%;top:52%}.yap-controls{left:50%;right:auto;transform:translateX(-50%);bottom:32px}.yap-hint{left:50%;transform:translateX(-50%);white-space:nowrap;bottom:15px;font-size:7px}
@media(max-width:700px){.yap-info{left:50%;top:57%;bottom:auto;width:65vw}#yap-title{font-size:23px;margin:10px 0 12px}#yap-summary{font-size:11px;line-height:1.55;margin-bottom:15px}#yap-featured{font-size:10px;margin-bottom:9px}#yap-detail{font-size:8px}#yap-watch{padding:9px 16px;font-size:10px}.video-card{border-radius:12px}.yap-controls{left:50%;right:auto;bottom:35px}.yap-hint{left:50%;bottom:16px}}
@media(prefers-reduced-motion:reduce){.video-card{transition:none}}
/* Preserve complete episode artwork and reserve a clear centre for every title. */
.video-card{aspect-ratio:16/9;border-radius:3px;overflow:visible}
.video-card img{object-fit:contain;border-radius:3px;background:var(--page)}
.yap-info{max-height:calc(100% - 190px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#yap-title{overflow-wrap:anywhere}
@media(max-width:700px){.video-card{border-radius:3px}.yap-info{max-height:calc(100% - 220px)}#yap-title{font-size:clamp(18px,5.3vw,23px)}}
#orb[hidden]{display:none}
#saves>.layout-controls{position:absolute;z-index:35;left:50%;bottom:18px;transform:translateX(-50%);padding:4px;gap:3px;border:1px solid var(--line);border-radius:30px;background:var(--page)}#saves>.layout-controls button{border-color:transparent;background:none}#saves>.layout-controls button[aria-pressed="true"]{border-color:var(--line);background:var(--pill)}@media(max-width:700px){#saves>.layout-controls{bottom:55px}}
/* A quiet horizontal filmstrip, with title and date only. */
#yap .video-card,#yap .video-card:hover,#yap .video-card.selected:hover{transform:translate(-50%,-50%) scale(var(--card-scale,1));transition:box-shadow .2s;box-shadow:0 12px 35px #0002}
#yap .video-card.selected{outline:none;box-shadow:0 15px 45px #0002}
#yap .yap-info{top:59%;left:50%;transform:translateX(-50%);width:min(760px,76vw);max-height:calc(41% - 80px);padding:0 5px}
#yap #yap-detail{font:500 clamp(18px,2.1vw,27px)/1.3 'DM Sans',Arial,sans-serif;letter-spacing:-.025em;color:var(--ink);margin:0 0 15px}
#yap #yap-title{font:400 clamp(20px,2.6vw,34px)/1.2 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 23px}
#yap #yap-watch{padding:9px 17px;font-size:10px}
@media(max-width:700px){#yap .yap-info{top:57%;width:88vw;max-height:calc(43% - 85px)}#yap #yap-detail{font-size:20px;margin-bottom:14px}#yap #yap-title{font-size:22px;margin-bottom:20px}}
/* A little console, with an episode library sitting on top. */
.ps-scene{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:680px;height:440px;perspective:1000px;isolation:isolate}
.ps-console{position:absolute;width:540px;height:139px;bottom:8px;left:70px;filter:drop-shadow(0 30px 20px #0003);transform:skewX(-10deg);z-index:10}
.console-top{position:absolute;inset:0 0 51px;background:linear-gradient(110deg,#292b2f 0%,#17191c 35%,#303236 35.3%,#24262a 36%,#191b1f 36.6%,#292b2e 100%);border-top:2px solid #55575b;border-right:2px solid #121315;clip-path:polygon(0 12%,95% 0,100% 86%,5% 100%)}
.console-brand{position:absolute;left:57%;top:26px;color:#898b8e;font:italic 22px Arial;letter-spacing:2px;transform:skewX(10deg) rotate(-2deg)}
.console-mark{position:absolute;left:42px;top:34px;color:#73777c;font:10px Arial;letter-spacing:5px;transform:skewX(10deg)}
.console-seam{position:absolute;left:17px;right:-8px;top:80px;height:12px;background:#08090b;transform:rotate(-1.3deg);box-shadow:0 -2px 1px #373a3e}
.console-front{position:absolute;left:26px;right:-8px;top:91px;height:36px;background:linear-gradient(#202226,#131518);border-bottom:3px solid #07080a;transform:rotate(-1.3deg)}
.console-slot{position:absolute;width:270px;height:3px;left:37px;top:8px;background:#000;box-shadow:0 1px #45484a}
.console-light{position:absolute;left:166px;top:-21px;width:3px;height:21px;background:#4f99ff;box-shadow:0 0 11px #448aff}
.console-usb{position:absolute;right:84px;top:12px;width:21px;height:7px;background:#050607;border:1px solid #3b3e43}.console-usb.second{right:39px}
.console-foot{position:absolute;bottom:0;left:60px;right:0;height:8px;background:#101114;transform:rotate(-1.3deg);border-radius:0 0 2px 2px}
.ps-holder{position:absolute;bottom:144px;left:50%;width:490px;height:230px;transform:translateX(-50%);z-index:12;perspective:1000px}
.holder-base{position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(#42464b,#17191d);box-shadow:0 7px 10px #0003;transform:skewX(-10deg);border-radius:2px}
#yap-cards{position:absolute;inset:0}
.ps-case{position:absolute;left:calc(50% + var(--case-offset)*44px);bottom:12px;width:138px;height:192px;padding:0 4px 4px 7px;background:linear-gradient(90deg,#0652af 0%,#338be9 4%,#0b50a5 8%,#0751aa 100%);border:1px solid #3b8de0;border-radius:3px 5px 5px 3px;transform:translateX(-50%) perspective(800px) rotateY(-34deg) rotateZ(calc(var(--case-offset)*1deg));transform-origin:bottom center;box-shadow:-6px 3px 8px #0003;text-align:left;transition:left .6s cubic-bezier(.22,.7,.2,1),transform .6s,filter .2s;overflow:hidden;cursor:pointer;color:#161719}
.ps-case[hidden]{display:none}.ps-case .case-band{display:block;height:21px;color:#fff;font:italic 9px/21px Arial;letter-spacing:1px;padding-left:5px}
.ps-case img{display:block;width:100%;height:71px;object-fit:contain;background:#f7f7f4}
.ps-case .case-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font:600 10px/1.2 Arial;padding:9px 7px 0;height:71px;background:#f7f7f4}
.case-number{display:block;height:22px;background:#f7f7f4;padding:4px 7px;font:8px monospace;letter-spacing:2px;color:#777}
.ps-case.selected{transform:translateX(-50%) translateY(-24px) perspective(800px) rotateY(-8deg);box-shadow:0 12px 25px #0003;z-index:35!important}.ps-case:hover{filter:brightness(1.12)}
#episode-disc{position:absolute;z-index:22;left:48%;bottom:11px;width:170px;height:170px;border-radius:50%;opacity:0;transform:translate(-50%,0) rotateX(66deg) scale(.76);background:conic-gradient(#e5e8f2,#b1b8ce,#f2e3f1,#c7e2e6,#f5f4e4,#c3c8dd,#e5e8f2);box-shadow:0 5px 12px #0004;border:1px solid #ccc;pointer-events:none}
.disc-label{position:absolute;inset:7px;border-radius:50%;overflow:hidden;background:#072f6e}.disc-label img{width:100%;height:100%;object-fit:cover;opacity:.85}.disc-label span{position:absolute;bottom:19px;left:0;width:100%;text-align:center;font:6px monospace;color:white;text-shadow:0 1px 3px #000;letter-spacing:1px}.disc-hole{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:29px;height:29px;border:7px solid #cbd0d9;border-radius:50%;background:#16181c;box-shadow:0 0 0 1px #ffffffa0}
.ps-status{position:absolute;bottom:-39px;left:0;right:0;text-align:center;color:var(--muted);font:9px monospace;letter-spacing:.08em;text-transform:uppercase}
#yap .yap-info{top:70%;width:min(720px,80vw);max-height:calc(30% - 80px)}
#yap #yap-detail{font-size:22px;margin-bottom:12px}#yap #yap-title{font-size:27px;line-height:1.2;margin-bottom:19px}#yap-watch:disabled{opacity:.4;cursor:wait}
@media(max-width:700px){.ps-scene{transform:translate(-50%,-50%) scale(.55);top:39%}#yap .yap-info{top:61%;width:87vw;max-height:calc(39% - 85px)}#yap #yap-detail{font-size:19px}#yap #yap-title{font-size:21px}.ps-case{left:calc(50% + var(--case-offset)*46px)}}
@media(max-height:740px) and (min-width:701px){.ps-scene{top:39%;transform:translate(-50%,-50%) scale(.7)}#yap .yap-info{top:67%;max-height:calc(33% - 75px)}#yap #yap-title{font-size:22px}#yap #yap-detail{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ps-case{transition:none}}
/* Horizontal hard-copy cases: printed spines and translucent blue ends. */
.ps-scene{height:500px;top:42%;transform:translate(-50%,-50%) rotate(10deg)}
.ps-holder{bottom:174px;width:460px;height:275px;transform:translateX(-50%);perspective:none}
.holder-base{display:none}
.ps-case,.ps-case.selected{--spine-paper:#ecebe3;--spine-ink:#191919;left:calc(50% + var(--case-offset)*1.5px);bottom:calc(5px + (var(--case-offset) + 4)*28px);width:440px;height:28px;padding:0;overflow:visible;border:1px solid #164cc0;border-radius:5px 7px 7px 5px;background:linear-gradient(180deg,#4769da 0%,#172e8c 13%,#233aa0 77%,#0d1c68 100%);transform:translateX(-50%) skewX(-8deg);transform-origin:center;box-shadow:0 2px 2px #0009,inset 1px 0 3px #b3c5ff;transition:left .5s,bottom .5s,transform .5s,filter .2s}
.ps-case:nth-child(3n){--spine-paper:#222321;--spine-ink:#eeeae0}.ps-case:nth-child(5n){--spine-paper:#191b22;--spine-ink:#e4cfa5}
.ps-case:before{content:'';position:absolute;left:76px;right:11px;top:2px;bottom:3px;background:linear-gradient(180deg,#ffffff35,transparent 40%,#0002),var(--spine-paper);box-shadow:0 0 1px #000;pointer-events:none}
.ps-case:after{content:'';position:absolute;left:2px;right:2px;top:1px;height:3px;border-radius:3px;background:linear-gradient(90deg,#849dff90,#ffffff30 60%,#ffffff70);pointer-events:none}
.ps-case .case-band{position:absolute;left:6px;top:0;width:67px;height:25px;padding:0;text-align:center;color:#f5f5ff;font:italic 18px/25px Arial;letter-spacing:2px;text-shadow:0 1px 2px #0008}
.ps-case img{display:none}
.ps-case .case-title{position:absolute;left:85px;top:2px;right:40px;height:22px;padding:0;background:none;color:var(--spine-ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 10px/22px 'DM Sans',Arial,sans-serif;letter-spacing:.1px;text-transform:uppercase}
.ps-case:nth-child(4n) .case-title{font-family:Georgia,serif;font-style:italic;font-size:11px;text-transform:none}
.ps-case .case-number{position:absolute;right:13px;top:2px;width:24px;height:22px;padding:0;background:none;color:var(--spine-ink);font:6px/22px monospace;letter-spacing:0;text-align:center;opacity:.65}
.ps-case.selected{transform:translateX(calc(-50% + 35px)) skewX(-8deg);box-shadow:0 3px 5px #0008,inset 1px 0 3px #b3c5ff;z-index:35!important}
.ps-case:hover{filter:brightness(1.12);transform:translateX(calc(-50% + 20px)) skewX(-8deg)}.ps-case.selected:hover{transform:translateX(calc(-50% + 40px)) skewX(-8deg)}
.ps-console{bottom:0;height:180px;transform:skewX(-10deg)}
.console-top{inset:0 0 40px;background:linear-gradient(110deg,#16181b 0%,#08090b 31.5%,#414346 31.8%,#0c0d10 32.3%,#26272a 32.8%,#242528 100%);clip-path:polygon(0 9%,95% 0,100% 90%,5% 100%);border-top:1px solid #66686a}
.console-brand{left:auto;right:35px;top:99px;color:#707277;font-size:18px;letter-spacing:3px}
.console-mark{left:38px;top:53px;color:#414449}
.console-seam{top:135px;height:9px;box-shadow:0 -1px #35383c}
.console-front{top:146px;height:25px;background:linear-gradient(#1f2023,#101114)}
.console-slot{top:5px;height:2px;width:275px}.console-usb{top:8px;height:6px}.console-light{top:-17px;height:18px;left:166px}
.console-foot{height:6px;bottom:2px}
#episode-disc{bottom:28px;left:45%}
.ps-status{transform:rotate(-10deg);bottom:-47px}
@media(max-width:700px){.ps-scene{top:38%;transform:translate(-50%,-50%) rotate(10deg) scale(.55)}.ps-case,.ps-case.selected{left:calc(50% + var(--case-offset)*1.5px)}}
@media(max-height:740px) and (min-width:701px){.ps-scene{top:39%;transform:translate(-50%,-50%) rotate(10deg) scale(.7)}}
@media(min-width:701px){.ps-scene{top:37%}}@media(max-height:740px) and (min-width:701px){.ps-scene{top:34%}}
/* The hardware sits level; hover the cases to explore the complete library. */
.ps-status{transform:none}.ps-scene{transform:translate(-50%,-50%)}.console-seam,.console-front,.console-foot{transform:none}
.browse-discs{position:absolute;left:50%;top:calc(70% - 30px);transform:translateX(-50%);font:9px monospace;color:var(--muted);z-index:35;padding:7px 12px;border:1px solid var(--line);border-radius:20px;background:var(--page)}
.episode-library{position:absolute;z-index:4500;right:22px;top:90px;bottom:90px;width:310px;padding:15px;background:var(--page);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 60px #0003;display:flex;flex-direction:column;gap:12px;touch-action:pan-y}
.episode-library[hidden]{display:none}.library-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font:10px monospace;color:var(--muted)}.library-head button{font-size:22px;padding:0 4px;color:var(--ink)}
.library-preview{flex-shrink:0}.library-preview>img{display:block;width:100%;height:138px;object-fit:contain;background:var(--card)}.library-preview time{display:block;font:10px monospace;color:var(--muted);margin:12px 0 7px}.library-preview>div{font-size:13px;line-height:1.4;max-height:55px;overflow:auto}
.library-list{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.library-episode{display:flex;width:100%;padding:10px 3px;gap:10px;text-align:left;border-bottom:1px solid var(--line);align-items:center}.library-episode:hover,.library-episode:focus-visible{background:var(--pill)}.library-episode img{width:70px;height:40px;object-fit:contain;flex-shrink:0}.library-episode b{display:block;font-size:10px;line-height:1.4;font-weight:400}.library-episode small{display:block;font:8px monospace;color:var(--muted);margin-top:5px}
@media(max-width:700px){.episode-library{left:14px;right:14px;top:85px;bottom:70px;width:auto}.library-preview>img{height:140px}.browse-discs{top:calc(61% - 34px)}}
@media(max-height:740px) and (min-width:701px){.browse-discs{top:calc(67% - 32px)}.library-preview>img{height:100px}.episode-library{top:85px;bottom:50px}}
.ps-status{visibility:hidden}
/* A modelled launch PS4, and a physical disc path from the selected open case. */
.ps-console{left:50px;bottom:0;width:580px;height:215px;transform:none;filter:drop-shadow(0 18px 14px #0004);z-index:10}.console-body{display:block;width:100%;height:100%}
.ps-holder{bottom:185px;left:50%;width:460px}.ps-case.loading{filter:brightness(1.35);transform:translateX(calc(-50% + 60px)) skewX(-8deg)}
.disc-feed{position:absolute;inset:0;z-index:45;pointer-events:none}.disc-feed.feeding{clip-path:inset(430px 0 -200px 0)}
#episode-disc{left:0;top:0;bottom:auto;width:170px;height:170px;transform-origin:center;box-shadow:0 10px 20px #0004;border:2px solid #d5d9e2;will-change:transform;opacity:0}
.disc-label{inset:6px}.disc-label img{opacity:1}.disc-label span{font-size:7px;background:#064094c9;bottom:20px;padding:4px 0}.disc-hole{width:30px;height:30px;background:var(--page);border:8px solid #d5d9e2}
.open-disc-case{position:absolute;z-index:40;left:340px;top:180px;width:290px;height:175px;display:flex;border:4px solid #0958ba;border-radius:6px;background:#1265c8;box-shadow:0 18px 30px #0004;opacity:0;transform:translate(-50%,-50%) scale(.25);pointer-events:none}
.case-cover{width:50%;border-right:4px solid #004498;background:#f2f1eb;color:#17191d;overflow:hidden}.case-cover>div{height:20px;background:#0859bd;color:white;font:italic 13px/20px Arial;padding-left:8px}.case-cover img{width:100%;height:80px;object-fit:contain;display:block;background:#15171b}.case-cover small{display:block;font:9px/1.2 Arial;padding:7px;max-height:56px;overflow:hidden}
.case-tray{width:50%;position:relative;background:linear-gradient(110deg,#0960c6,#084b9b);box-shadow:inset 0 0 0 5px #1a78dc}.tray-circle{position:absolute;inset:18px 4px;border:2px solid #00489b;border-radius:50%;background:#0650a8;box-shadow:inset 0 3px 7px #002e6980}.case-tray>span{position:absolute;width:22px;height:22px;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid #1d82e4;border-radius:50%;background:#064895}
.ps-status{visibility:visible;bottom:-9px;font:10px monospace;letter-spacing:.02em;color:var(--muted)}.ps-scene:not(.swapping) .ps-status{visibility:hidden}
.ps-scene.swapping .ps-holder{pointer-events:none}
.ps-holder{bottom:178px}
.ps-console{height:290px;filter:drop-shadow(0 14px 12px #0003)}.console-body{object-fit:contain}.disc-feed.feeding{clip-path:inset(434px 0 -200px 0)}
.ps-scene.replaced-by-3d{visibility:hidden;pointer-events:none}
.ps3d-view{position:absolute;left:0;right:0;top:75px;height:55%;z-index:20;touch-action:none;outline:none}.ps3d-view canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.ps3d-view canvas:active{cursor:grabbing}
.ps3d-tools{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:16px;white-space:nowrap;color:var(--muted);font:8px monospace}.ps3d-tools button{border:1px solid var(--line);padding:7px 11px;border-radius:20px;background:var(--page);color:var(--ink);font:9px 'DM Sans',Arial,sans-serif}
@media(max-width:700px){.ps3d-view{top:80px;height:46%}.ps3d-tools{gap:8px;font-size:7px}.ps3d-tools button{font-size:8px}}
.spine-readout{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);display:flex;align-items:stretch;width:max-content;max-width:min(680px,85vw);background:var(--page);border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 20px #0002;overflow:hidden;pointer-events:none;z-index:25}.spine-readout[hidden]{display:none}.spine-readout>span{display:flex;align-items:center;padding:12px 15px;background:#0849ae;color:#fff;font:italic 19px Arial}.spine-readout strong{font:500 14px/1.45 'DM Sans',Arial,sans-serif;padding:10px 15px;color:var(--ink);max-width:570px}
@media(max-width:700px){.spine-readout{bottom:42px;max-width:90vw}.spine-readout strong{font-size:12px;padding:8px 10px}.spine-readout>span{font-size:16px;padding:10px}}
.ps3d-tools{left:auto;right:24px;top:8px;bottom:auto;transform:none}@media(max-width:700px){.ps3d-tools{right:14px;top:3px;gap:8px}}
.transport{flex-wrap:wrap}.transport #shuffle{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;min-height:30px}.transport #shuffle:disabled{opacity:.35;cursor:wait}.transport #shuffle:hover:not(:disabled){background:var(--pill)}
/* Monochrome console home screen. */
#yap.ps-home{font-family:'Segoe UI','DM Sans',Arial,sans-serif;background:var(--page);isolation:isolate;--ps-tile:150px;--ps-selected:220px}
.ps-wave{position:absolute;z-index:-1;pointer-events:none;width:130vw;height:60vh;left:18vw;top:45%;border-radius:48%;border:1px solid var(--line);transform:rotate(-24deg);opacity:.24;background:linear-gradient(150deg,transparent 35%,var(--line) 49%,transparent 60%);animation:ps-wave-drift 20s ease-in-out infinite alternate}
.wave-two{top:51%;left:-32vw;opacity:.13;transform:rotate(-18deg);animation-delay:-10s}
@keyframes ps-wave-drift{to{transform:translate(4vw,-4vh) rotate(-28deg)}}
.ps-system-bar{position:absolute;top:100px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--ink);height:40px}
.ps-system-icons{font-size:23px;letter-spacing:13px;white-space:nowrap}.ps-profile{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:auto;font-size:16px;font-weight:300}.ps-profile small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.ps-user-icon{width:33px;height:33px;border:1px solid var(--line);display:grid;place-items:center;font-size:22px}.ps-system-end{display:flex;align-items:center;gap:25px;white-space:nowrap}#ps-total{font-size:12px;color:var(--muted)}#ps-clock{font-size:20px;font-weight:300}#ps-sound{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}
#ps-apps-viewport{position:absolute;top:175px;left:0;right:0;height:325px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;outline:none;touch-action:pan-x;overscroll-behavior-x:contain;cursor:grab}#ps-apps-viewport::-webkit-scrollbar{display:none}#ps-apps{display:flex;align-items:flex-start;gap:15px;width:max-content;padding:15px 5vw 45px;min-width:100%;}
.ps-app-item{flex:none;width:var(--ps-tile);transition:width .22s ease;position:relative}.ps-app-item:has(.selected){width:var(--ps-selected)}
.ps-app{display:block;width:100%;padding:0;background:var(--pill);color:var(--ink);border:1px solid var(--line);position:relative;text-align:center;transition:box-shadow .2s,border-color .2s;outline-offset:4px}.ps-app-art{display:block;aspect-ratio:1;overflow:hidden;background:var(--card)}.ps-app-art img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.ps-app.selected{border:2px solid var(--ink);box-shadow:0 0 0 3px var(--page),0 0 0 4px var(--muted)}.ps-app-start{display:none;font-size:15px;font-weight:300;padding:11px 0;background:var(--pill);border-top:1px solid var(--line)}.ps-app.selected .ps-app-start{display:block}.ps-app-caption{display:block;max-width:100%;margin-top:11px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-app-item:has(.selected) .ps-app-caption{visibility:hidden}
.ps-selection{position:absolute;top:425px;left:calc(5vw + 253px);right:7vw;pointer-events:none;max-width:850px}#ps-episode-number{font:9px monospace;letter-spacing:.09em;color:var(--muted);margin-bottom:10px}#yap.ps-home #yap-title{font:300 clamp(24px,3.1vw,42px)/1.16 'Segoe UI','DM Sans',Arial,sans-serif;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}#yap.ps-home #yap-detail{font:300 23px/1.3 'Segoe UI','DM Sans',Arial,sans-serif;color:var(--ink);margin:0;letter-spacing:0;text-transform:none}
.ps-bottom-bar{position:absolute;bottom:35px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:17px}.ps-bottom-bar>span>span{font-size:11px;color:var(--muted)}.ps-key-gap{margin-left:24px}.ps-bottom-bar>div{display:flex;align-items:center;gap:18px}.ps-bottom-bar button{padding:8px;font-size:20px}.ps-bottom-bar #yap-position{font:10px monospace;color:var(--muted)}
#yap.ps-home #yap-player{width:min(1050px,90vw);top:52%;left:50%;box-shadow:0 0 0 100vmax #000b}
@media(max-width:700px){#yap.ps-home{--ps-tile:120px;--ps-selected:185px}.ps-system-bar{top:100px;left:6vw;right:6vw;gap:10px}.ps-system-icons{font-size:13px;letter-spacing:4px}.ps-profile{font-size:13px;gap:7px;margin-left:5px;margin-right:auto}.ps-profile small{font-size:9px}.ps-user-icon{width:25px;height:25px;font-size:17px}.ps-system-end{gap:8px}#ps-total{display:none}#ps-clock{display:none}#ps-sound{font-size:8px;padding:7px 8px}#ps-apps-viewport{top:170px;height:290px}#ps-apps{padding-left:6vw;gap:12px}.ps-selection{left:6vw;right:6vw;top:445px}#yap.ps-home #yap-title{font-size:27px}#yap.ps-home #yap-detail{font-size:20px}.ps-bottom-bar{left:6vw;right:6vw;bottom:24px}.ps-bottom-bar>span>span{font-size:9px}.ps-key-gap{margin-left:12px}.ps-bottom-bar>div{gap:7px}}
@media(max-height:680px){.ps-system-bar{top:85px}#ps-apps-viewport{top:145px;height:260px}#yap.ps-home{--ps-tile:120px;--ps-selected:175px}.ps-selection{top:365px;left:calc(5vw + 205px)}#yap.ps-home #yap-title{font-size:26px}#yap.ps-home #yap-detail{font-size:19px}}
@media(max-height:680px) and (max-width:700px){.ps-selection{top:375px;left:6vw}#yap.ps-home #yap-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ps-wave{animation:none}.ps-app-item{transition:none}}
@media(min-width:701px){.ps-selection{top:480px;left:5vw;right:5vw;max-width:none;max-height:calc(100% - 570px);overflow:auto;pointer-events:auto}#yap.ps-home #yap-title{font-size:clamp(24px,2.6vw,36px)}}@media(max-height:680px) and (min-width:701px){.ps-selection{top:400px;left:5vw;max-height:calc(100% - 490px)}#yap.ps-home #yap-title{font-size:26px}}
.ps-selection{scrollbar-width:none}.ps-selection::-webkit-scrollbar{display:none}

html[data-theme="light"] body.yap-mode{--page:#084aa4;--ink:#fff;--muted:#b9d2f6;--line:#ffffff45;--pill:#164eaaa0;--card:#0b3c85}html[data-theme="light"] #yap.ps-home{background:linear-gradient(130deg,#0854bb 0%,#06469d 43%,#032469 100%)}#yap.ps-home .ps-app-art img{filter:none}html[data-theme="light"] #yap.ps-home .ps-wave{border-color:#5cbfff44;background:linear-gradient(150deg,transparent 35%,#329aff30 49%,transparent 60%);opacity:.7}html[data-theme="light"] #yap.ps-home .wave-two{opacity:.35}html[data-theme="light"] #yap.ps-home .ps-app.selected{box-shadow:0 0 0 3px #0d4799,0 0 0 4px #cde5ff,0 0 24px #8ecbff28}.yap-mode .brand{background:transparent}

/* Bound paint work to visible tiles; avoid one GPU layer per saved link. */
#tile-layer{will-change:transform}.tile{will-change:auto;contain:layout paint style;box-shadow:none;isolation:auto}
.transport #shuffle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:6px;border:0;border-radius:0;background:transparent;color:var(--muted);vertical-align:middle}.transport #shuffle svg{width:20px;height:20px;display:block}.transport #shuffle[data-active="true"]{color:var(--ink)}.transport #shuffle:hover:not(:disabled){background:transparent;color:var(--ink);opacity:.8}.transport #shuffle:disabled{opacity:.3}
/* Quiet, text-only site navigation. */
.topbar .brand{background:transparent;backdrop-filter:none;padding:6px 0;margin-right:20px}
.topbar .top-nav{gap:22px}.topbar .top-nav a,.topbar #theme-toggle{border:0;border-radius:0;background:transparent;backdrop-filter:none;padding:6px 0;font:11px 'DM Sans',Arial,sans-serif;color:var(--muted);box-shadow:none}
.topbar .top-nav a[aria-current="page"],.topbar .top-nav a:hover,.topbar #theme-toggle:hover{color:var(--ink)}.topbar #theme-toggle{margin-left:12px}
.ps-profile img.ps-user-icon{display:block;object-fit:contain;background:#000;border:0}
@media(max-width:700px){.topbar .brand{margin-right:12px}.topbar .top-nav{gap:16px}.topbar .top-nav a,.topbar #theme-toggle{font-size:10px}.topbar #theme-toggle{margin-left:8px}}
/* Solid rectangular backing keeps navigation legible over the moving wall. */
.topbar{z-index:10000;gap:7px}.topbar .top-nav{gap:6px}
.topbar .top-nav a,.topbar #theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;background:#080808f5;color:#eee;border:1px solid #ffffff30;border-radius:3px;font-size:12px;pointer-events:auto;box-shadow:0 2px 8px #0002}
.topbar .top-nav a[aria-current="page"]{color:#fff;border-color:#ffffffb0}.topbar .top-nav a:hover,.topbar #theme-toggle:hover{background:#252525;color:#fff;border-color:#fff8}.topbar #theme-toggle{margin-left:3px}
.topbar .brand{background:#080808f5;color:#fff;padding:8px 10px;border-radius:3px;margin-right:5px}
@media(max-width:700px){.topbar{gap:5px}.topbar .top-nav{gap:5px}.topbar .top-nav a,.topbar #theme-toggle{font-size:11px;padding:8px 10px}.topbar .brand{font-size:14px;margin-right:3px;padding:8px}.topbar #theme-toggle{margin-left:1px}}
.topbar #theme-toggle{width:34px;min-width:34px;padding:8px}.topbar #theme-toggle svg{display:block;width:16px;height:16px;flex:none}

.atlas-art{display:block;width:100%;height:100%;background-repeat:no-repeat;pointer-events:none}

.ps-welcome{position:absolute;inset:0;z-index:60;overflow:hidden;background:radial-gradient(ellipse at 30% -20%,#3274bd 0,transparent 60%),linear-gradient(155deg,#1659af 0%,#183b9b 45%,#070e46 100%);color:#fff;animation:ps-welcome-in 1.4s ease both}.ps-welcome[hidden]{display:none}.ps-enter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:0;background:transparent;color:inherit;font-family:Arial,sans-serif;cursor:pointer;padding:30px;text-align:center}.ps-welcome-title{font-size:clamp(23px,3vw,38px);font-weight:300;letter-spacing:.025em}.ps-welcome-prompt{font-size:clamp(13px,1.5vw,18px);color:#d9e8ff;animation:ps-prompt-pulse 3s ease-in-out infinite}.ps-boot-wave{position:absolute;left:-25%;top:38%;width:155%;height:85%;border-radius:45% 55% 0 0;border-top:2px solid #a9cdff26;box-shadow:0 -50px 110px #6fa8fa12;transform:rotate(-13deg);animation:ps-boot-flow 13s ease-in-out infinite alternate}.ps-boot-wave.second{top:60%;left:-40%;transform:rotate(10deg);animation-delay:-6s;opacity:.45}.ps-booting>.ps-system-bar,.ps-booting>#ps-apps-viewport,.ps-booting>.ps-selection,.ps-booting>.ps-bottom-bar{visibility:hidden}.ps-enter:focus-visible{outline:1px solid #ffffff80;outline-offset:-25px}@keyframes ps-welcome-in{from{opacity:0}to{opacity:1}}@keyframes ps-boot-flow{to{transform:translateY(-35px) rotate(-6deg)}}@keyframes ps-prompt-pulse{50%{opacity:.6}}@media(prefers-reduced-motion:reduce){.ps-welcome,.ps-boot-wave,.ps-welcome-prompt{animation:none}}

#ps-apps{padding-right:90vw}

:root[data-theme="dark"] .ps-welcome{background:radial-gradient(ellipse at 30% -20%,#202532 0,transparent 60%),linear-gradient(155deg,#0b0e14,#020305)}

/* Crossfade the welcome away while the dashboard settles into place. */
.ps-welcome.entered{animation:ps-welcome-out .68s cubic-bezier(.22,.61,.36,1) both;pointer-events:none}
.ps-enter{transition:transform .68s cubic-bezier(.22,.61,.36,1)}
.ps-welcome.entered .ps-enter{transform:translateY(-24px)}
.ps-home.ps-entering>.ps-system-bar,.ps-home.ps-entering>#ps-apps-viewport,.ps-home.ps-entering>.ps-selection,.ps-home.ps-entering>.ps-bottom-bar{animation:ps-menu-in .68s cubic-bezier(.22,.61,.36,1) both;pointer-events:none}
@keyframes ps-welcome-out{from{opacity:1}to{opacity:0}}
@keyframes ps-menu-in{0%{opacity:0;transform:translateY(24px)}20%{opacity:0}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ps-welcome.entered,.ps-home.ps-entering>.ps-system-bar,.ps-home.ps-entering>#ps-apps-viewport,.ps-home.ps-entering>.ps-selection,.ps-home.ps-entering>.ps-bottom-bar{animation-duration:.14s}.ps-enter{transition:none}.ps-welcome.entered .ps-enter{transform:none}@keyframes ps-menu-in{from{opacity:0}to{opacity:1}}}

.ps-welcome,:root[data-theme="dark"] .ps-welcome{background:#000}.ps-welcome .ps-boot-wave{border-top-color:#ffffff12;box-shadow:none}.ps-welcome-prompt{color:#ddd}