@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101010;--ink:#eeeae0;--orange:#f35431;--muted:#99958e;--rule:#ffffff25;--sans:'DM Sans',Arial,sans-serif;--condensed:'Barlow Condensed',Impact,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--sans);padding-bottom:88px}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button,a{transition:color .25s}button:hover,a:hover{color:var(--orange)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:7px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--orange);color:#101010;padding:15px}.skip:focus{top:10px}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);position:relative;z-index:5;background:var(--bg)}.small-brand{width:210px}.small-brand img{width:100%}nav{display:flex;gap:33px;align-items:center;font-size:10px}nav button{padding:0;font-size:10px}#saved-count{border:1px solid var(--rule);border-radius:50%;padding:3px 6px;margin-left:7px}.reference-button{font-size:9px;color:var(--muted);border-bottom:1px solid #666;padding:7px 0}.tiny{font:9px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase}.experience{height:calc(100svh - 88px);min-height:710px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#101010}#signal{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-rule{position:absolute;top:26px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.6px;color:var(--muted)}.hero-rule>span:before{content:'';display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:10px}.hero-rule button{font-size:8px;color:var(--muted);letter-spacing:0}.hero-title{position:absolute;left:3%;top:65px;width:42%;z-index:2}.hero-title :is(h1,h2) span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.hero-title img{width:100%}.hero-title p{margin:17px 0 0 3%;font:14px/1.65 Georgia,serif;color:#cbc6bb}.hero-title em{color:var(--muted)}.world-index{position:absolute;right:4%;top:72px;font:500 110px/.8 var(--condensed);letter-spacing:-4px;color:#eeeae020;display:flex;align-items:flex-end;gap:14px}.world-index i{font:8px var(--sans);letter-spacing:1px;font-style:normal;color:var(--muted);margin-bottom:7px}.sound-field{position:absolute;inset:0;perspective:1100px}.portal{position:absolute;display:flex;align-items:center;gap:24px;padding:0;text-align:left;z-index:2;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s;will-change:transform}.portal-art{position:relative;display:block;border-radius:50%;width:160px;aspect-ratio:1;border:1px solid #eeeae040;padding:8px;background:#101010;box-shadow:0 20px 40px #0006;transition:width 1s,box-shadow 1s,border-color .7s;flex-shrink:0}.portal-art:before,.portal-art:after{content:'';position:absolute;border:1px solid #eeeae020;border-radius:50%;inset:-10px;transition:transform 1s,border-color .8s;pointer-events:none}.portal-art:after{inset:-20px;border-style:dashed;border-color:#eeeae016;animation:orbit 80s linear infinite}.portal-art img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:saturate(.4) brightness(.8);transition:filter 1s}.portal-art i{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#ffffff15,transparent 45%);pointer-events:none}.portal-text{display:flex;flex-direction:column;gap:9px;max-width:180px}.portal-text small{font-size:7px;letter-spacing:1.7px;color:#99958e}.portal-text strong{font:25px/1.05 Georgia,serif;font-weight:400;color:var(--ink)}.portal-text>span{font-size:9px;color:var(--muted);max-height:0;opacity:0;transition:opacity .7s,max-height .7s}.portal-plus{font-size:20px;position:absolute;left:132px;top:126px;background:var(--ink);color:#101010;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;transition:background .5s,transform .7s}.portal:hover .portal-art img,.portal.active .portal-art img{filter:saturate(.8) brightness(1)}.portal:hover .portal-art{box-shadow:0 20px 50px #0009,0 0 0 10px #f3543108}.portal.active .portal-art{border-color:var(--orange)}.portal.active .portal-art:before{border-color:#f3543160;transform:scale(1.04)}.portal.active .portal-text>span{max-height:30px;opacity:1}.portal.active .portal-plus{background:var(--orange);transform:rotate(-45deg)}.portal-vivid{left:43%;top:38%;--float:0px}.portal-vivid .portal-art{width:245px}.portal-vivid .portal-plus{left:202px;top:198px;width:36px;height:36px}.portal-vivid .portal-text{display:none}.portal-salma{left:8%;top:62%}.portal-salma .portal-art{width:125px}.portal-salma .portal-plus{left:100px;top:92px;width:26px;height:26px;font-size:16px}.portal-iskron{right:10%;top:18%}.portal-iskron .portal-art{width:132px}.portal-iskron .portal-plus{left:105px;top:103px;width:26px;height:26px;font-size:16px}.portal-iskron .portal-text{max-width:145px}.hero-caption{position:absolute;left:66%;top:55%;width:28%;z-index:3;transition:opacity .25s,transform .4s}.hero-caption>.tiny{font-size:7px;letter-spacing:1.6px;color:var(--orange)}.hero-caption>p{font:25px/1.15 Georgia,serif;max-width:310px;margin:15px 0 23px}.hero-caption>div{display:flex;align-items:center;gap:15px}.round-play{width:43px;height:43px;border-radius:50%;background:var(--orange);color:#101010;flex-shrink:0;transition:transform .3s,background .3s;font-size:12px}.round-play:hover{transform:scale(1.1);color:#101010;background:var(--ink)}.hero-caption small{display:block;font-size:6px;letter-spacing:1.3px;margin-bottom:6px;color:var(--muted)}.hero-caption strong{font-size:11px;font-weight:500}.plus{font-size:24px;color:var(--muted)}.hero-bottom{position:absolute;bottom:34px;left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.frequency>.tiny{font-size:6px;color:var(--muted);display:block;margin-bottom:15px}.frequency>div{display:flex;gap:23px}.frequency button{font-size:11px;padding:0 0 8px;border-bottom:1px solid #fff4}.frequency button.active{color:var(--orange);border-color:var(--orange)}.mouse-hint{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:8px}.mouse-hint i{width:10px;height:15px;border:1px solid #777;border-radius:7px;position:relative}.mouse-hint i:after{content:'';position:absolute;top:3px;left:3px;width:2px;height:3px;background:var(--orange)}.hero-bottom>a{font-size:7px;letter-spacing:1.4px;margin-bottom:7px}.hero-bottom>a span{font-size:20px;margin-left:20px}.experience[data-world="1"] .portal-vivid{transform:translate(-28vw,-1vh) scale(.6);opacity:.6}.experience[data-world="1"] .portal-salma{transform:translate(36vw,-24vh) scale(1.55)}.experience[data-world="1"] .portal-salma .portal-text{opacity:0}.experience[data-world="1"] .portal-iskron{transform:translate(1vw,-1vh) scale(.8);opacity:.65}.experience[data-world="2"] .portal-vivid{transform:translate(-32vw,5vh) scale(.6);opacity:.6}.experience[data-world="2"] .portal-salma{transform:translate(5vw,-35vh) scale(.8);opacity:.65}.experience[data-world="2"] .portal-iskron{transform:translate(-20vw,17vh) scale(1.55)}.experience[data-world="2"] .portal-iskron .portal-text{opacity:0}.world-changing .hero-caption{opacity:0;transform:translateY(8px)}.transition-line{padding:32px 4%;border-block:1px solid #fff2;display:flex;align-items:center;gap:30px;background:#101010;font-size:8px;letter-spacing:2px}.transition-line .line{height:1px;background:#fff2;flex:1}.transition-line b{color:var(--orange);font:40px Georgia}.record-chapter{height:175svh;min-height:1200px;background:#e8e4da;color:#181817;position:relative;--extract:0}.record-sticky{position:sticky;top:0;height:100svh;min-height:740px;max-height:1200px;overflow:hidden;background:#e8e4da;isolation:isolate}.record-sticky:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 45% 38%,#fff8,transparent 65%)}.record-heading{position:absolute;top:6%;left:4%;z-index:2;max-width:260px}.record-heading .tiny{font-size:7px;color:#77716a}.record-heading :is(h1,h2){font:600 58px/.96 var(--condensed);letter-spacing:-1px;margin:24px 0 17px}.record-heading :is(h1,h2) em{font:italic 42px/1.05 Georgia,serif;letter-spacing:-2px}.record-heading>p:last-child{font:12px/1.6 Georgia,serif;color:#716b63}.record-table{position:absolute;left:24%;top:13%;width:52%;height:57%;perspective:1500px;transform-style:preserve-3d;--tilt-x:0deg;--tilt-y:0deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s ease-out}.physical-record{position:absolute;left:calc(13% + var(--extract)*21%);top:4%;width:68%;aspect-ratio:1;transform:rotate(calc(var(--extract)*25deg));transition:left .18s linear,transform .2s;filter:drop-shadow(5px 12px 8px #0003)}.record-material{width:100%;height:100%;object-fit:contain}.record-center{position:absolute;left:34%;top:35%;width:32%;height:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#191713;font-size:8px;gap:9px;text-align:center;pointer-events:none}.record-center>span{font-size:6px;letter-spacing:2px}.record-center>b{font:600 15px var(--condensed);max-width:80%;line-height:1}.record-center>small{font-size:5px;margin-top:7px;letter-spacing:.5px}.physical-sleeve{position:absolute;left:0;top:0;width:68%;aspect-ratio:1;transform:rotate(-8deg) translateX(calc(var(--extract)*-2%));box-shadow:3px 4px 0 #bcb5a8,5px 7px 2px #b3aa9b,9px 19px 20px #0003;z-index:2;transition:transform .2s;overflow:hidden;background:#24201d}.physical-sleeve>img{width:100%;height:100%;object-fit:cover}.sleeve-light{position:absolute;inset:0;background:linear-gradient(110deg,#ffffff1c,transparent 35%,#0001 70%,#ffffff0d);box-shadow:inset 1px 0 1px #ffffff55,inset -2px 0 2px #0009;pointer-events:none}.sleeve-edge{position:absolute;inset:2px;border:1px solid #ffffff15;pointer-events:none}.record-shadow{position:absolute;left:3%;top:67%;height:15%;width:80%;background:#0002;border-radius:50%;filter:blur(24px)}.object-note{position:absolute;bottom:0;left:3%;font-size:6px;letter-spacing:2px;color:#77716a}.record-info{position:absolute;right:4%;top:21%;width:21%;z-index:3}.record-info>.tiny{font-size:7px;color:#77716a}.record-info h3{font:48px/1 var(--condensed);font-weight:500;letter-spacing:-1px;margin:17px 0 9px}.record-info>p{font-size:9px;color:#77716a;letter-spacing:1px;margin-bottom:20px}.mini-track{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 0;border-bottom:1px solid #18181725;font-size:10px}.mini-track span{font-size:7px;color:#a24b31}.mini-track b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track i{margin-left:auto;font-style:normal}.record-actions{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.solid{background:var(--orange);color:#171714;font-size:10px;padding:13px 20px;font-weight:600}.solid:hover{background:#191919;color:var(--ink)}.record-actions>button:last-child{font-size:8px;padding:5px 0}.record-info>a{display:block;font-size:9px;border-top:1px solid #18181725;padding-top:14px;margin-top:18px;color:#b13d21}.record-shelf{position:absolute;bottom:10%;left:4%;right:4%;display:flex;justify-content:center;gap:22px;height:19%;align-items:flex-end}.shelf-item{height:100%;aspect-ratio:1;padding:0;position:relative;transform:rotate(var(--angle,-5deg));transition:transform .5s,filter .5s;filter:saturate(.65);box-shadow:3px 7px 10px #0003}.shelf-item:nth-child(2){--angle:3deg}.shelf-item:nth-child(3){--angle:-3deg}.shelf-item:nth-child(4){--angle:4deg}.shelf-item:nth-child(5){--angle:-2deg}.shelf-item img{width:100%;height:100%;object-fit:cover}.shelf-item span{position:absolute;bottom:-21px;left:0;font-size:7px;white-space:nowrap;color:#5c564e}.shelf-item.active,.shelf-item:hover{transform:translateY(-12px) rotate(0);filter:saturate(1);z-index:2}.shelf-item.active:after{content:'';position:absolute;inset:-5px;border:1px solid var(--orange);pointer-events:none}.desk-bottom{position:absolute;bottom:3%;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1px;color:#77716a}.desk-bottom button{font-size:10px;color:#27241e;padding:0;border-bottom:1px solid #27241e;padding-bottom:5px}.desk-bottom>span:last-child{font-size:9px}.album-changing .physical-sleeve{animation:swap .65s cubic-bezier(.2,.8,.2,1)}@keyframes swap{0%{opacity:1;transform:translateY(0) rotate(-8deg)}40%{opacity:0;transform:translateY(-25px) rotate(-12deg)}55%{opacity:0;transform:translateY(25px) rotate(-3deg)}100%{opacity:1;transform:translateY(0) rotate(-8deg)}}.closing{padding:100px 6% 60px;text-align:center;background:var(--bg)}.closing>.tiny{color:var(--orange);font-size:7px}.closing>p{font:600 clamp(60px,7vw,110px)/.95 var(--condensed);letter-spacing:-2px;margin:30px 0}.closing em{font:italic .7em/1.1 Georgia,serif}.closing>div{display:flex;justify-content:center;gap:35px;font-size:10px}.closing>div button{padding:0;font-size:10px}.prototype-note{display:block;margin-top:70px;font-size:7px;letter-spacing:2px;color:#666}.player{height:88px;position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;align-items:center;gap:24px;padding:12px 4%;background:#111111f5;border-top:1px solid #ffffff30;backdrop-filter:blur(15px)}.playing-info{display:flex;gap:13px;align-items:center;width:31%;min-width:0}.playing-info img{width:44px;height:44px;object-fit:cover}.playing-info>div{min-width:0}.playing-info strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playing-info span{font-size:8px;color:var(--muted);display:block;margin-top:6px}.transport{display:flex;align-items:center;gap:15px}.transport>button{font-size:15px;padding:5px}.transport #play{border:1px solid var(--orange);border-radius:50%;width:37px;height:37px;font-size:11px}.progress{display:flex;align-items:center;gap:12px;flex:1;font-size:8px;color:var(--muted)}.progress input{min-width:0;width:100%;height:2px;accent-color:var(--orange)}#save-current{font-size:22px}#official-open{font-size:9px;border:1px solid #555;padding:9px}#status{position:absolute;bottom:100%;left:4%;font-size:9px;background:#111;padding:5px;color:var(--muted)}#status:empty{display:none}dialog{background:#171717;color:var(--ink);border:1px solid #555;max-width:min(1100px,94vw);max-height:88svh;padding:30px;width:100%;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dialog-heading h2{font:38px var(--condensed);font-weight:500}.dialog-heading .tiny{font-size:7px;color:var(--orange)}.dialog-heading button{font-size:28px}dialog>p{font-size:12px;line-height:1.6;color:#aaa;max-width:700px;margin-bottom:25px}.reference-tabs{display:flex;gap:20px;margin-bottom:20px;font-size:10px}.reference-tabs button{font-size:10px;padding:9px 0;border-bottom:1px solid #555}.reference-tabs button.active{color:var(--orange);border-color:var(--orange)}#reference-image{width:100%}#list-dialog{max-width:650px}.list-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #fff2;align-items:center}.list-row>button:first-child{flex:1;text-align:left;font-size:12px;padding:0}.list-row small{font-size:8px;color:#999;display:block;margin-top:6px}.list-row>button:last-child{font-size:20px;color:var(--orange)}#session-play{margin-top:25px}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,10px);background:var(--ink);color:#161616;padding:13px 20px;z-index:40;opacity:0;pointer-events:none;font-size:11px;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#official:not([open]){display:block;position:fixed;left:-10000px;right:auto;top:0;visibility:hidden;pointer-events:none;width:600px}#widget-slot iframe{width:100%;height:220px;border:0}#official>a{font-size:11px;display:block;margin-top:20px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important;transition:none!important}body.focused .portal.active .portal-art:after{border-color:#f3543180}@keyframes orbit{to{transform:rotate(360deg)}}[hidden]{display:none!important}
@media(min-width:701px) and (max-height:850px){.experience{min-height:610px;height:calc(100svh - 176px)}.hero-title{top:52px;width:37%}.hero-title p{font-size:12px;margin-top:5px}.hero-caption{top:50%;left:67%}.hero-caption>p{font-size:21px}.portal-vivid{top:35%;left:43%}.portal-vivid .portal-art{width:210px}.portal-vivid .portal-plus{left:170px;top:170px}.portal-salma{top:59%}.portal-iskron{top:17%}.hero-bottom{bottom:25px}.record-sticky{min-height:650px}.record-heading :is(h1,h2){font-size:48px}.record-heading :is(h1,h2) em{font-size:35px}.record-table{width:48%;left:25%;top:12%}.record-info{top:12%;width:23%}.record-info h3{font-size:38px}.record-shelf{height:17%;bottom:11%}}
@media(max-width:1000px){.small-brand{width:165px}nav{gap:20px}.hero-title{width:44%}.portal-vivid{left:40%}.portal-vivid .portal-art{width:200px}.portal-vivid .portal-plus{left:160px;top:160px}.portal-salma{left:7%}.portal-salma .portal-text{max-width:130px}.portal-iskron{right:7%}.portal-iskron .portal-text{max-width:100px}.hero-caption{left:65%;top:55%;width:30%}.hero-caption>p{font-size:20px}.record-heading{max-width:170px}.record-heading :is(h1,h2){font-size:46px}.record-heading :is(h1,h2) em{font-size:34px}.record-table{left:22%;width:52%;top:19%;height:45%}.record-info{right:3%;width:23%;top:16%}.record-info h3{font-size:37px}.record-heading>p:last-child{font-size:10px}.record-info .solid{padding:12px}.record-shelf{height:16%;gap:18px}.mouse-hint{display:none}}
@media(max-width:700px){body{padding-bottom:100px}header{height:75px;padding:0 5%}.small-brand{width:148px}nav{gap:15px}nav>a{display:none}nav button{font-size:9px}.reference-button{font-size:7px}.experience{height:970px;min-height:970px;max-height:none}.hero-rule{left:5%;right:5%;top:20px;font-size:5px;letter-spacing:1px}.hero-rule button{font-size:6px}.hero-title{left:3%;top:66px;width:86%}.hero-title p{font-size:12px;margin:8px 0 0 3%}.world-index{top:237px;right:7%;font-size:70px}.world-index i{font-size:6px}.portal-vivid{left:12%;top:39%}.portal-vivid .portal-art{width:190px}.portal-vivid .portal-plus{left:158px;top:150px}.portal-salma{left:8%;top:66%;gap:13px}.portal-salma .portal-art{width:82px;padding:5px}.portal-salma .portal-plus{left:63px;top:62px;width:23px;height:23px}.portal-text{max-width:100px;gap:5px}.portal-text small{font-size:5px;letter-spacing:1px}.portal-text strong{font-size:18px}.portal-text>span{font-size:7px}.portal-iskron{right:10%;top:27%;gap:12px}.portal-iskron .portal-art{width:78px;padding:5px}.portal-iskron .portal-plus{left:62px;top:60px;width:22px;height:22px}.portal-iskron .portal-text{max-width:95px}.portal-art:before{inset:-6px}.portal-art:after{inset:-12px}.hero-caption{left:57%;top:48%;width:38%}.hero-caption>.tiny{font-size:5px;letter-spacing:1px}.hero-caption>p{font-size:21px;margin:12px 0 17px}.hero-caption>div{gap:9px;flex-wrap:wrap}.hero-caption strong{font-size:9px}.hero-caption>div>span{width:calc(100% - 42px)}.round-play{width:33px;height:33px;font-size:10px}.hero-caption .plus{margin-left:40px;font-size:19px;margin-top:-5px}.hero-caption small{font-size:5px}.hero-bottom{bottom:90px;left:6%;right:6%;align-items:flex-start}.frequency>.tiny{font-size:6px;margin-bottom:13px}.frequency>div{gap:20px}.frequency button{font-size:10px}.hero-bottom>a{position:absolute;top:84px;font-size:6px;letter-spacing:1px}.hero-bottom>a span{font-size:15px}.experience[data-world="1"] .portal-vivid{transform:translate(-4vw,-17vh) scale(.4)}.experience[data-world="1"] .portal-salma{transform:translate(21vw,-23vh) scale(1.8)}.experience[data-world="1"] .portal-iskron{transform:translate(1vw,51vh) scale(.8)}.experience[data-world="2"] .portal-vivid{transform:translate(-10vw,-18vh) scale(.4)}.experience[data-world="2"] .portal-salma{transform:translate(1vw,6vh) scale(.9)}.experience[data-world="2"] .portal-iskron{transform:translate(-23vw,25vh) scale(1.8)}.transition-line{padding:22px 6%;font-size:6px;gap:12px;letter-spacing:1px}.transition-line b{font-size:25px}.record-chapter{height:auto;min-height:0}.record-sticky{height:auto;position:relative;min-height:0;max-height:none;padding:45px 6% 35px;overflow:hidden}.record-heading{position:static;max-width:none}.record-heading :is(h1,h2){font-size:55px;margin:15px 0}.record-heading :is(h1,h2) em{font-size:40px}.record-heading>p:last-child{font-size:11px}.record-table{position:relative;left:0;top:auto;width:100%;height:320px;margin:60px 0 30px}.physical-sleeve{width:72%}.physical-record{width:73%;left:calc(13% + var(--extract)*15%)}.object-note{bottom:0;font-size:5px;left:0;letter-spacing:1.3px}.record-info{position:static;width:100%}.record-info h3{font-size:45px;margin:14px 0 10px}.record-info .mini-track{font-size:11px}.record-actions{flex-direction:row;align-items:center;gap:20px}.record-info>a{font-size:10px;padding-top:20px}.record-shelf{position:relative;bottom:auto;left:auto;right:auto;height:150px;justify-content:flex-start;overflow:auto;margin:35px -7% 20px;padding:17px 8% 30px;gap:15px;scroll-snap-type:x mandatory}.shelf-item{flex:0 0 100px;scroll-snap-align:center;height:100px}.shelf-item span{font-size:6px}.desk-bottom{position:static;margin-top:15px}.desk-bottom>span:nth-child(2){display:none}.closing{padding:65px 6% 45px}.closing>p{font-size:66px}.closing>div{gap:25px;font-size:9px}.closing>div button{font-size:9px}.prototype-note{font-size:5px;letter-spacing:1px;margin-top:40px}.player{height:100px;padding:13px 5% 26px;gap:10px}.playing-info{width:auto;flex:1;gap:10px}.playing-info img{width:36px;height:36px}.playing-info strong{font-size:9px;max-width:160px}.playing-info span{font-size:6px}.transport{gap:8px}.transport>button{font-size:13px;padding:3px}.transport #play{width:31px;height:31px;font-size:9px}.progress{position:absolute;bottom:12px;left:5%;right:5%;gap:8px;font-size:6px}#save-current{display:none}#official-open{font-size:7px;padding:6px}dialog{padding:20px;max-width:94vw}.dialog-heading h2{font-size:28px}.reference-tabs{gap:15px}#toast{font-size:10px;width:max-content;max-width:90vw;text-align:center}}
/* Keep the desk in the approved charcoal world; paper is a physical object, not a page background. */
.record-chapter,.record-sticky{background:#141413;color:var(--ink)}.record-sticky:before{background:radial-gradient(ellipse at 45% 38%,#302d241c,transparent 65%)}.record-heading .tiny,.record-heading>p:last-child,.object-note{color:#aaa396}.record-table{left:23%;width:48%;height:54%}.physical-sleeve{box-shadow:2px 3px 0 #635c51,4px 5px 1px #25231e,9px 19px 22px #0008}.physical-record{filter:drop-shadow(5px 12px 10px #0008)}.record-info{background:#e9e3d5;color:#24221d;padding:25px 22px;transform:rotate(2deg);right:3%;width:22%;top:19%;box-shadow:5px 13px 20px #0005}.record-info h3{font-family:Georgia,serif;font-size:37px;font-weight:400}.record-info .tiny{letter-spacing:1px}.shelf-item{box-shadow:4px 8px 18px #0007}.shelf-item span{color:#bbb4a7}.desk-bottom{color:#999185}.desk-bottom button{color:var(--ink);border-color:#aaa396}.object-note{font-size:6px}.record-center{gap:5px}
@media(min-width:701px) and (max-height:850px){.experience{min-height:520px}.record-info{top:10%;padding:20px 18px}.record-info h3{font-size:30px}.record-table{left:24%;width:46%;top:15%}.record-heading{max-width:210px}.record-info>p{margin-bottom:10px}.mini-track{padding:10px 0}.record-actions{margin-top:16px}}
@media(max-width:1000px) and (min-width:701px){.record-info{width:25%;right:3%;padding:18px 16px}.record-table{width:47%;left:23%;top:25%}.record-heading{max-width:160px}.record-info h3{font-size:30px}.record-actions .solid{padding:11px 12px}.record-heading :is(h1,h2){font-size:40px}}
@media(max-width:700px){.record-table{left:0;width:100%;height:320px;top:auto}.record-info{position:relative;right:auto;top:auto;width:100%;transform:rotate(1deg);padding:25px}.record-info h3{font-size:40px}.object-note{font-size:5px}.record-heading>p:last-child{color:#aaa396}.record-shelf{margin-top:45px}.desk-bottom button{color:var(--ink)}}
@media(max-width:700px){.portal-vivid{left:9%;top:40%}.portal-vivid .portal-art{width:158px}.portal-vivid .portal-plus{left:126px;top:126px;width:30px;height:30px}.hero-caption{left:57%;width:37%}.hero-caption>p{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.record-chapter{height:auto;min-height:0}.record-sticky{position:relative}}