*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--base-bg:#f3f1ee;--base-surface:#ffffff;--base-fg:#1a1a1a;--base-heading:#1a1a1a;--base-muted-fg:#888;--base-secondary-fg:#434343;--base-border:rgba(0,0,0,0.08);--base-hover:rgba(0,0,0,0.03);--background:var(--base-bg);--surface:var(--base-surface);--foreground:var(--base-fg);--heading:var(--base-heading);--muted-foreground:var(--base-muted-fg);--secondary-foreground:var(--base-secondary-fg);--border:var(--base-border);--hover:var(--base-hover);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-standard:ease;--dur-fast:0.2s;--dur-med:0.4s;--z-shell:100;--z-overlay:2000;--z-lightbox:9999}html.dark{--base-bg:#242526;--base-surface:#1a1a1a;--base-fg:#f3f1ee;--base-heading:#ffffff;--base-muted-fg:#c4c2c0;--base-secondary-fg:#c4c2c0;--base-border:rgba(255,255,255,0.08);--base-hover:rgba(255,255,255,0.06)}body,html{min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;background:var(--background);color:var(--foreground);font-family:Figtree,sans-serif;font-weight:300}.bg-gif{position:absolute;inset:0;z-index:0}.bg-gif,.bg-gif img{width:100%;height:100%}.bg-gif img{object-fit:cover;object-position:center;display:block}.bg-gif--animated{opacity:0;transition:opacity .4s ease}.bg-gif--loaded{opacity:1}.shell{display:flex;height:100vh;height:100dvh}.sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;padding:1.75rem 1.5rem 1.25rem;background:var(--background);border-right:3px double var(--border);z-index:var(--z-shell)}.shell-content{flex:1 1;min-width:0;overflow-y:auto;position:relative}.sidebar-logo{font-size:1rem;text-decoration:none;color:var(--foreground);margin-bottom:2.5rem;align-self:flex-start;opacity:0;animation:fadeUp .6s ease .1s forwards}.sidebar-nav{display:flex;flex-direction:column;gap:.85rem;flex:1 1}.sidebar-nav a{font-family:DM Mono,monospace;font-size:.7rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--muted-foreground);transition:color var(--dur-fast) var(--ease-standard);opacity:0;animation:fadeUp .6s ease forwards}.sidebar-nav a:first-child{animation-delay:.15s}.sidebar-nav a:nth-child(2){animation-delay:.22s}.sidebar-nav a:nth-child(3){animation-delay:.29s}.sidebar-nav a:nth-child(4){animation-delay:.36s}.sidebar-nav a:hover{color:var(--foreground)}.sidebar-nav a.active{color:var(--heading)}.sidebar-bottom{display:flex;flex-direction:column;gap:.9rem}.sidebar-theme-toggle{font-size:.8rem;background:none;border:none;padding:0;cursor:pointer;align-self:flex-start;opacity:0;animation:fadeUp .6s ease .43s forwards}.sidebar-theme-toggle:focus{outline:none}.sidebar-footer{font-family:DM Mono,monospace;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.8;color:var(--muted-foreground);opacity:0;animation:fadeUp .6s ease .5s forwards}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:calc(var(--z-shell) + 2);flex-direction:column;gap:5px;padding:10px;background:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer}.sidebar-toggle span{display:block;width:18px;height:1.5px;background:var(--foreground);transition:.3s}.sidebar-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:var(--z-shell)}@media (max-width:768px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(70vw,240px);transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 24px rgba(0,0,0,.08);z-index:calc(var(--z-shell) + 1);padding-top:4rem}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:flex}.sidebar-scrim{display:block}}.immersive-toggle{position:fixed;top:1rem;left:1rem;z-index:var(--z-overlay);display:flex;flex-direction:column;gap:5px;padding:10px;background:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer;opacity:.6;transition:opacity var(--dur-fast) var(--ease-standard)}.immersive-toggle:hover{opacity:1}.immersive-toggle span{display:block;width:18px;height:1.5px;background:var(--foreground);transition:.3s}.immersive-scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:var(--z-overlay)}.immersive-panel{position:fixed;top:0;bottom:0;left:0;width:min(70vw,260px);background:var(--background);border-right:3px double var(--border);padding:4rem 1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem;z-index:calc(var(--z-overlay) + 1);animation:fadeUp .25s ease forwards}.immersive-title{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--heading);padding-bottom:.9rem;border-bottom:1px solid var(--border)}.immersive-nav{display:flex;flex-direction:column;gap:.85rem}.immersive-nav a{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--muted-foreground);transition:color var(--dur-fast) var(--ease-standard)}.immersive-nav a:hover{color:var(--foreground)}.immersive-theme-toggle{margin-top:auto;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color var(--dur-fast) var(--ease-standard)}.immersive-theme-toggle:hover{color:var(--foreground)}.panes{display:flex;height:100%}.list-pane{width:360px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--border)}.detail-pane{flex:1 1;min-width:0;position:relative}.pane-empty{height:100%;display:flex;align-items:center;justify-content:center}.pane-empty p{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);opacity:0;animation:fadeUp .6s ease .3s forwards}@media (max-width:1024px){.list-pane{width:300px}}@media (max-width:768px){.list-pane{width:100%;border-right:none}.detail-pane,.panes[data-reading] .list-pane{display:none}.panes[data-reading] .detail-pane{display:block}}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.shell-content main{min-height:100%}.left{display:flex;flex-direction:column;justify-content:center;padding:3rem 3rem 3rem 4rem;opacity:0;animation:fadeUp .7s ease .3s forwards}.eyebrow{font-family:retro,sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:1rem}h1{font-family:gloudy;font-size:clamp(3rem,4vw,5rem);line-height:1.1;color:var(--heading);margin-bottom:.5rem}.subtitle,h1{font-weight:300}.subtitle{font-family:Figtree,serif;font-size:clamp(1rem,1.1vw,1.25rem);color:var(--muted-foreground);margin-bottom:2.5rem;letter-spacing:.02em}.subtitle a{color:var(--heading)}.links-list{list-style:none;display:flex;flex-direction:column;gap:0}.links-list li{border-top:1px solid var(--border)}.links-list li:last-child{border-bottom:1px solid var(--border)}.links-list a{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;font-family:Figtree,serif;font-size:clamp(.85rem,.85vw,.85rem);font-weight:100;color:var(--foreground);text-decoration:none;transition:color var(--dur-fast),padding-left var(--dur-fast)}.links-list a:hover{color:var(--muted-foreground);padding-left:.5rem}.links-list a .arrow{font-size:.75rem;opacity:0;transition:opacity .2s}.links-list a:hover .arrow{opacity:1}.tag{font-family:retro;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);background:var(--border);padding:2px 6px;border-radius:2px}.mobile-popup{display:none;position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:min(90vw,380px);background:rgba(255,255,255,.85);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid var(--border);border-radius:8px;padding:1.1rem 1.25rem;z-index:200;box-shadow:0 8px 32px rgba(0,0,0,.1);animation:slideUp .4s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.mobile-popup.hiding{animation:fadeOut .4s ease forwards}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.popup-title{font-family:retro;font-size:1rem;font-weight:400}.popup-close{background:none;border:1px solid var(--border);border-radius:4px;font-family:retro;font-size:.7rem;letter-spacing:.08em;color:#888;cursor:pointer;padding:3px 10px;transition:color .2s,border-color .2s}.popup-close:hover{color:var(--heading);border-color:var(--heading)}.popup-body p{font-family:retro;font-size:.78rem;font-weight:300;color:#888;line-height:1.6}.end-of-page{text-align:center;margin-top:0;margin-bottom:10px;opacity:0;animation:fadeUp .6s ease .45s forwards}.end-of-page a{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted-foreground)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){body,html{overflow:auto;height:auto}main{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:unset;padding-bottom:40px}.left{padding:2rem 1.5rem 3rem;order:1}.right{order:0;height:55vw;min-height:200px;max-height:340px}.gradient-blob{inset:0;border-radius:0}}@font-face{font-family:retro;src:url(/assets/fonts/Retro-Gaming.ttf) format("truetype")}.retro-text{font-family:retro}@font-face{font-family:bmspa;src:url(/assets/fonts/BMSPA___.TTF) format("truetype")}.bmspa-text{font-family:bmspa}@font-face{font-family:"04b03";src:url(/assets/fonts/04B_03__.TTF) format("truetype")}.b03-text{font-family:"04b03"}@font-face{font-family:blacksignature;src:url(/assets/fonts/BlackSignature.otf) format("opentype")}.blacksignature-text{font-family:blacksignature}@font-face{font-family:mondwest;src:url(/assets/fonts/ppmondwest-regular.otf) format("opentype")}.mondwest-text{font-family:mondwest}@font-face{font-family:gloudy;src:url(/assets/fonts/GloudyPixel-Regular.otf) format("opentype")}.gloudy-text{font-family:gloudy}main.about-layout{min-height:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}main.about-layout a{text-decoration:none}main.about-layout a,main.about-layout a:hover{color:var(--foreground)}main.about-layout .left{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,3vw,3rem) clamp(2rem,3vw,3rem) clamp(2rem,3vw,3rem) clamp(2.5rem,4vw,4rem);opacity:0;animation:fadeUp .7s ease .3s forwards}main.about-layout .eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:1rem}main.about-layout h1{font-size:clamp(3rem,4vw,5rem);font-weight:400;line-height:1.1;color:var(--heading);margin-bottom:.5rem}main.about-layout .subtitle{font-size:clamp(.95rem,.8vw,1.25rem);font-weight:300;color:var(--muted-foreground);margin-bottom:2.5rem;letter-spacing:.02em}main.about-layout .right{position:relative;overflow:hidden;opacity:0;animation:fadeIn .9s ease .5s forwards}.image-figure,main.about-layout .right{display:flex;align-items:center;justify-content:center}.image-figure{flex-direction:column;height:100%;width:100%;padding:3rem 3rem 2.5rem;gap:.5rem}.image-figure img{max-width:100%;max-height:calc(100% - 2rem);width:auto;height:auto;object-fit:contain;flex-shrink:1}.image-figure figcaption{font-family:retro,sans-serif;font-size:clamp(.4rem,.5vw,.55rem);letter-spacing:.1em;color:var(--muted-foreground);opacity:.7;text-align:center;flex-shrink:0}.image-figure figcaption a{text-decoration:none;color:var(--heading)}@media (max-width:1024px){main.about-layout{overflow:auto;height:auto;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:unset;padding-bottom:40px}main.about-layout .left{padding:clamp(1.5rem,4vw,3rem) clamp(1.5rem,5vw,3rem) clamp(2rem,4vw,3rem);order:1;justify-content:flex-start}main.about-layout .right{order:0;height:auto}.image-figure{height:auto;padding:1.5rem .5rem .5rem}.image-figure img{width:100%;height:auto;max-height:40vw;object-fit:contain;object-position:center bottom}.image-figure figcaption{margin-bottom:.25rem}}@media (max-width:480px){main.about-layout .left{padding:1.5rem 1.25rem 2.5rem}main.about-layout .eyebrow{font-size:.6rem;margin-bottom:.6rem}main.about-layout .subtitle{font-size:clamp(.75rem,.75vw,.95rem);margin-bottom:1.5rem}main.about-layout h1{font-size:clamp(2rem,3vw,4rem)}.image-figure img{width:100%;height:auto;max-height:70vw;object-fit:contain;object-position:center bottom}}.page-header{margin-bottom:2.5rem;opacity:0;animation:fadeUp .6s ease .15s forwards}.page-header h1{font-size:clamp(3rem,4vw,5.5rem);font-weight:400;line-height:1;color:var(--heading);margin-bottom:.35rem}.explore-list-panel{padding:2.5rem 1.5rem 3rem}.explore-list-panel .page-header{margin-bottom:1.5rem}.explore-list-panel .page-header h1{font-size:2.25rem}.explore-list{list-style:none;display:flex;flex-direction:column;opacity:0;animation:fadeUp .7s ease .3s forwards}.explore-row{padding:.9rem .15rem 1rem;border-bottom:1px solid var(--border)}.explore-row:first-child{border-top:1px solid var(--border)}.explore-row-link{display:flex;flex-direction:column;gap:.55rem;text-decoration:none;color:inherit}.explore-row-title{font-family:retro;font-size:.85rem;font-weight:300;line-height:1.4;color:var(--foreground);transition:color var(--dur-fast)}.explore-row-arrow{display:inline-block;margin-left:.4rem;font-family:DM Mono,monospace;font-size:.75rem;color:var(--muted-foreground);opacity:0;transform:translate(-2px,2px);transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-spring)}.explore-row.active .explore-row-arrow,.explore-row:hover .explore-row-arrow{opacity:1;transform:translate(2px,-2px)}.explore-row.active .explore-row-title,.explore-row:hover .explore-row-title{color:var(--heading)}.explore-row--coming-soon{opacity:.45}.explore-row--coming-soon .explore-row-title{display:block;margin-bottom:.55rem;color:var(--muted-foreground)}.project-panel{height:100%;display:flex;flex-direction:column}.project-panel-header{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--border)}.project-panel-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--heading)}.project-panel-actions{display:flex;align-items:center;gap:.4rem}.project-panel-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:.75rem;text-decoration:none;color:var(--foreground);background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background var(--dur-fast),transform var(--dur-fast) var(--ease-spring)}.project-panel-btn:hover{background:var(--hover)}.project-panel-btn:active{transform:scale(.88)}.project-panel-body{flex:1 1;position:relative;min-height:0}.project-frame{display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity var(--dur-med) var(--ease-standard)}.project-frame.loaded{opacity:1}.project-panel-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--background)}.project-panel-prompt{font-family:DM Mono,monospace;font-size:.85rem;color:var(--muted-foreground)}.project-panel-cursor{animation:cursorBlink 1s steps(2,start) infinite}@keyframes cursorBlink{to{visibility:hidden}}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.card-tag{font-family:retro,monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);background:var(--border);padding:2px 6px;border-radius:2px}.card-tag--coming-soon{color:var(--muted-foreground);background:transparent;border:1px dashed var(--border)}@media (max-width:768px){.explore-list-panel{padding:4.5rem 1.25rem 3rem}}main.art-layout{display:block;padding:2rem 50px 80px;min-height:100vh}.grid{max-width:1200px;margin:0 auto}.grid:after{content:"";display:block;clear:both}.grid-item{width:30%;margin:10px;float:left;cursor:pointer;display:block;border:none;background:none;padding:0}.grid-item img{width:100%;display:block;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.grid-item:hover img{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.15)}@media (max-width:900px){.grid-item{width:45%}}@media (max-width:500px){.grid-item{width:100%}main.art-layout{padding:1rem 1rem 80px}}.lightbox-scrim{display:flex;position:fixed;inset:0;z-index:var(--z-lightbox);background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center;cursor:zoom-out;animation:lightboxFade .25s ease}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}.lightbox-figure{display:flex;flex-direction:column;align-items:center;gap:.9rem;cursor:default}.lightbox-image{max-width:min(90vw,1000px);max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 24px 80px rgba(0,0,0,.6);opacity:0;transition:opacity .25s ease}.lightbox-image.loaded{opacity:1}html.dark h3,html.dark h4{color:var(--heading)}html.dark main a{color:var(--foreground)}html.dark .mobile-popup{background:rgba(18,18,20,.85);border-color:rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}html.dark .popup-title{color:var(--foreground)}html.dark .popup-close{border-color:rgba(255,255,255,.08)}html.dark .popup-close:hover{border-color:rgba(255,255,255,.3)}html,html *{cursor:url(/assets/images/cursor.png) 16 16,auto!important}html.dark,html.dark *{cursor:url(/assets/images/cursor-dark.png) 16 16,auto!important}@property --rot{syntax:"<angle>";inherits:false;initial-value:0deg}@property --theta{syntax:"<angle>";inherits:false;initial-value:0deg}.songs-in-rotation-layout{display:block;min-height:100dvh;overflow:hidden}.songs-in-rotation-error{justify-content:center;gap:.25rem;text-align:center;color:var(--foreground);opacity:.5;font-size:clamp(.9rem,2vw,1.1rem);font-family:inherit;line-height:1.6}.songs-in-rotation,.songs-in-rotation-error{display:flex;flex-direction:column;align-items:center;height:100dvh}.songs-in-rotation{position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mc-head{text-align:center;padding-top:10px;z-index:3}.mc-title{font-size:clamp(1.8rem,4vw,2.6rem);margin:0;letter-spacing:.04em}.mc-sub,.mc-title{font-family:alte-haas-font}.mc-sub{margin:2px 0 0;color:#9b9a9a;font-size:.9rem}.mc-picker{position:absolute;top:22px;right:24px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.mc-picker-label{font-family:bootzy-font;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#9b9a9a}.mc-select-wrap{position:relative;display:inline-flex;align-items:center}.mc-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:9px 38px 9px 16px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--foreground);font-family:alte-haas-font;font-size:.9rem;cursor:pointer;transition:border-color .18s ease,background .18s ease}.mc-select:hover{border-color:#9b9a9a}.mc-select:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.mc-select-caret{position:absolute;right:13px;color:var(--secondary-foreground);pointer-events:none}html.dark .mc-select{background:rgba(36,37,38,.7)}html.dark .mc-select option{background:var(--background);color:var(--foreground)}.mc-track-count{position:absolute;top:22px;left:44px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1}.mc-track-count-label,.mc-track-count-num{color:#c4c2c0;transition:color .4s ease}html.dark .mc-track-count-label,html.dark .mc-track-count-num{color:#434343}.mc-track-count-num{font-family:alte-haas-font;font-size:4.5rem}.mc-track-count-label{font-family:bootzy-font;font-size:2rem;letter-spacing:.14em;text-transform:uppercase}.mc-stage{position:relative;z-index:5;flex:1 1;width:100%;perspective:2600px;perspective-origin:50% 47%;touch-action:none;cursor:-webkit-grab;cursor:grab;transition:perspective-origin .45s ease}.mc-stage:active{cursor:-webkit-grabbing;cursor:grabbing}.mc-ring-spin{position:absolute;top:45%;left:50%;width:0;height:0;transform-style:preserve-3d;transform:translate(-50%,-50%);transition:top .45s ease}@keyframes mc-spin-land{0%{transform:translate(-50%,-50%) rotateX(-7deg) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateX(-7deg) rotateY(-1turn)}}@keyframes mc-spin-port{0%{transform:translate(-50%,-50%) rotateY(10deg) rotateX(0deg)}to{transform:translate(-50%,-50%) rotateY(10deg) rotateX(-1turn)}}.mc-ring-spin.mc-spin-land{animation:mc-spin-land 80s linear infinite}.mc-ring-spin.mc-spin-port{animation:mc-spin-port 80s linear infinite}.mc-ring{width:0;height:0;--tilt:-7deg;transform-style:preserve-3d;transform:rotateX(var(--tilt)) rotateY(var(--rot,0deg))}.mc-ring--idle{transform:none}.mc-card{position:absolute;top:0;left:0;width:var(--card);height:var(--card);margin:calc(var(--card) / -2) 0 0 calc(var(--card) / -2);transform:rotateY(var(--theta)) translateZ(var(--radius));transition:filter .4s ease,opacity .4s ease;cursor:pointer}.mc-card,.mc-card-inner{transform-style:preserve-3d}.mc-card-inner{position:relative;width:100%;height:100%;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:rotateY(90deg)}.mc-card.selected .mc-card-inner{transform:rotateX(calc(var(--tilt) * -1)) translateZ(350px) translateY(var(--sel-ty,80px)) scale(var(--sel-scale,2))}.mc-cover{position:relative;z-index:2;width:100%;height:100%;aspect-ratio:1/1;border-radius:0;object-fit:cover;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mc-cover-back{position:absolute;inset:0;transform:translateZ(calc(-1 * var(--depth))) rotateY(180deg);-webkit-backface-visibility:visible;backface-visibility:visible}.mc-box{position:relative;width:100%;height:100%;z-index:2;transform-style:preserve-3d;--depth:calc(var(--card, 150px) * 0.16)}.mc-box-bottom,.mc-box-left,.mc-box-right,.mc-box-top{position:absolute;pointer-events:none;background-image:var(--cover-url);background-repeat:no-repeat}.mc-box-right{left:100%;transform-origin:left center;transform:rotateY(90deg);background-position:100%}.mc-box-left,.mc-box-right{top:0;width:var(--depth);height:100%;background-size:var(--card,150px) 100%}.mc-box-left{right:100%;transform-origin:right center;transform:rotateY(-90deg);background-position:0}.mc-box-bottom{top:100%;transform-origin:top center;transform:rotateX(-90deg);background-position:bottom}.mc-box-bottom,.mc-box-top{left:0;width:100%;height:var(--depth);background-size:100% var(--card,150px)}.mc-box-top{bottom:100%;transform-origin:bottom center;transform:rotateX(90deg);background-position:top}.mc-vinyl{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transform:translateX(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.mc-card.selected .mc-vinyl{transform:translateY(50%)}.mc-vinyl-disc{width:100%;height:100%;background:url(/music/assets/images/record-dark.webp) 50%/contain no-repeat}html.dark .mc-vinyl-disc{background-image:url(/music/assets/images/record.webp)}.mc-card.selected .mc-vinyl-disc{will-change:transform}.mc-nav-btn{display:none;position:absolute;width:6.65px;height:6.65px;border:none;background:none;color:var(--heading);align-items:center;justify-content:center;cursor:pointer;touch-action:auto;padding:0;transform:translateZ(1px);transition:opacity .15s ease}.mc-nav-btn:hover{opacity:.6}.mc-nav-btn:active{opacity:.35}.mc-card.selected .mc-nav-btn{display:flex}.mc-nav-next,.mc-nav-prev{top:calc(var(--card) * 1.25 - 3.325px)}.mc-nav-prev{left:-18px}.mc-nav-next{right:-18px}.mc-nav-track-title{margin:0;font-family:bootzy-font;font-style:italic;font-size:.7rem;letter-spacing:.02em;text-align:center;color:var(--heading);line-height:1.2;pointer-events:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mc-nav-track-label{color:#9b9a9a}.mc-details{position:fixed;left:0;right:0;bottom:125px;z-index:999;display:flex;align-items:center;justify-content:center;gap:18px;min-height:78px;padding:0 18px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.mc-details.open{opacity:1;transform:translateY(0);pointer-events:auto}.mc-details-text{text-align:right}.vertical .mc-details-text{text-align:center}.mc-song-title{font-family:alte-haas-font;margin:0;font-size:clamp(1.05rem,min(3vw,calc(4.6dvh - 13px)),1.7rem);line-height:1.1}.mc-song-meta{font-family:bootzy-font;font-style:italic;margin:6px 0 0;color:#9b9a9a;font-size:.9rem;letter-spacing:.02rem;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.vertical .mc-song-meta{justify-content:center}.mc-artist{color:var(--secondary-foreground);font-weight:600}html.dark .mc-artist{color:#f3f1ee}html.dark .mc-song-title{color:var(--heading)}.mc-dot{opacity:.5}.mc-play{flex:none;width:56px;height:56px;border-radius:50%;border:none;background:var(--foreground);color:var(--surface);display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .2s ease}.mc-play svg{fill:currentColor}.mc-play:hover{transform:scale(1.06)}.mc-play:active{transform:scale(.96)}.mc-play.is-playing{--pulse:0,0,0;box-shadow:0 0 0 0 rgba(var(--pulse),.25);animation:mc-pulse 1.6s ease-out infinite}html.dark .mc-play.is-playing{--pulse:255,255,255}@keyframes mc-pulse{0%{box-shadow:0 0 0 0 rgba(var(--pulse),.25)}70%{box-shadow:0 0 0 10px rgba(var(--pulse),0)}to{box-shadow:0 0 0 0 rgba(var(--pulse),0)}}.mc-playhead{width:100%;max-width:220px;margin:10px 0 0 auto}.vertical .mc-playhead{margin:10px auto 0}.mc-playhead-track{position:relative;width:100%;height:2px;border-radius:999px;background:var(--border)}.mc-playhead-fill{inset:0 auto 0 0;height:100%;border-radius:999px}.mc-playhead-fill,.mc-playhead-thumb{position:absolute;background:var(--foreground)}.mc-playhead-thumb{top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%)}.mc-hint{font-family:alte-haas-font;position:fixed;left:0;right:0;bottom:42px;z-index:999;margin:0;text-align:center;color:#9b9a9a;font-size:.78rem;letter-spacing:.02em}.songs-in-rotation:not(.vertical).has-selection .mc-stage{perspective-origin:50% var(--sel-ring-frac,24%)}.songs-in-rotation:not(.vertical).has-selection .mc-ring-spin{top:var(--sel-ring-frac,24%)}.songs-in-rotation:not(.vertical).has-selection .mc-details{bottom:60px}.songs-in-rotation:not(.vertical).has-selection .mc-hint{bottom:auto;top:14px}.songs-in-rotation:not(.vertical).has-selection .mc-sub{visibility:hidden}.songs-in-rotation:not(.vertical).has-selection .mc-track-count-label,.songs-in-rotation:not(.vertical).has-selection .mc-track-count-num{color:var(--background)}@media (max-width:1024px) and (orientation:portrait){.mc-stage{perspective:1600px;perspective-origin:38% 50%}.vertical.has-selection .mc-stage{perspective-origin:22% 50%}.mc-ring-spin{left:38%;transition:left .45s ease}.vertical.has-selection .mc-ring-spin{left:22%}.mc-ring{--side:10deg;transform:rotateY(var(--side)) rotateX(var(--rot,0deg))}.mc-ring--idle{transform:none}.mc-card{transform:rotateX(var(--theta)) translateZ(var(--radius))}.mc-card-inner{transform:rotateX(90deg)}.mc-card.selected .mc-card-inner{transform:rotateY(calc(var(--side) * -1)) translateZ(300px) translateX(80px) translateY(calc(var(--card, 150px) * .8)) scale(2)}.vertical .mc-card.selected .mc-vinyl{transform:translateX(50%)}.mc-head{position:relative;z-index:4;width:100%}.mc-sub{display:none}.mc-picker{top:16px;right:16px}.mc-select{font-size:.82rem;padding:8px 34px 8px 14px}.mc-track-count{top:78px;left:auto;right:16px;align-items:flex-end;text-align:right}.mc-track-count-num{font-size:2.5rem}.mc-track-count-label{font-size:.8rem}.vertical .mc-details{position:fixed;left:auto;right:14px;top:auto;bottom:clamp(48px,calc(21.5dvh - 91px),90px);width:46%;min-height:0;flex-direction:column;gap:clamp(9px,2.1dvh,14px);padding:0;transform:translateY(14px)}.vertical .mc-details.open{transform:translateY(0)}.mc-song-title{font-size:1.2rem;line-height:1.15}.mc-song-meta{font-size:.82rem}}@font-face{font-family:alte-haas-font;src:url(/music/assets/fonts/AlteHaasGroteskBold.ttf) format("truetype")}@font-face{font-family:bootzy-font;src:url(/music/assets/fonts/BootzyTM.ttf) format("truetype")}