*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--base-bg:#f3f1ee;--base-surface:#ffffff;--base-fg:#1a1a1a;--base-heading:#1a1a1a;--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);--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);--dur-fast:0.2s}html.dark{--base-bg:#242526;--base-surface:#1a1a1a;--base-fg:#f3f1ee;--base-heading:#ffffff;--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}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.theme-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:3000;padding:20px 40px 10px}.theme-bar-pill{width:40px;height:6px;border-radius:99px;margin:0 auto;background:color-mix(in srgb,var(--foreground) 35%,transparent);transition:opacity var(--dur-fast) var(--ease-spring),transform var(--dur-fast) var(--ease-spring)}.theme-bar.open .theme-bar-pill,.theme-bar:focus-within .theme-bar-pill{opacity:0;transform:scaleX(.6) translateY(4px)}.theme-bar-tray{position:absolute;bottom:6px;left:50%;display:flex;align-items:center;padding:3px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);white-space:nowrap;opacity:0;transform:translateX(-50%) translateY(10px) scale(.92);pointer-events:none;transition:opacity .35s var(--ease-spring),transform .35s var(--ease-spring)}.theme-bar.open .theme-bar-tray,.theme-bar:focus-within .theme-bar-tray{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);box-shadow:0 8px 32px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06)}.theme-bar-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:none;border-radius:7px;background:transparent;color:var(--foreground);font-family:inherit;font-size:11px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast)}.theme-bar-btn:hover{background:var(--hover)}@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{--ui:1;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:calc(22px * var(--ui));right:calc(24px * var(--ui));z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.mc-picker-label{font-family:bootzy-font;font-size:calc(.7rem * var(--ui));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:calc(9px * var(--ui)) calc(38px * var(--ui)) calc(9px * var(--ui)) calc(16px * var(--ui));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:calc(.9rem * var(--ui));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:calc(13px * var(--ui));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:calc(22px * var(--ui));left:calc(44px * var(--ui));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:calc(4.5rem * var(--ui))}.mc-track-count-label{font-family:bootzy-font;font-size:calc(2rem * var(--ui));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(/images/record-dark.webp) 50%/contain no-repeat}html.dark .mc-vinyl-disc{background-image:url(/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:calc(.7rem * var(--ui));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:calc(125px * var(--ui));z-index:999;display:flex;align-items:center;justify-content:center;gap:calc(18px * var(--ui));min-height:calc(78px * var(--ui));padding:0 calc(18px * var(--ui));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:calc(clamp(1.05rem, min(3vw, calc(4.6dvh - 13px)), 1.7rem) * var(--ui));line-height:1.1}.mc-song-meta{font-family:bootzy-font;font-style:italic;margin:calc(6px * var(--ui)) 0 0;color:#9b9a9a;font-size:calc(.9rem * var(--ui));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:calc(56px * var(--ui));height:calc(56px * var(--ui));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;width:calc(22px * var(--ui));height:calc(22px * var(--ui))}.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{margin:calc(10px * var(--ui)) 0 0;width:100%;max-width:calc(220px * var(--ui));margin-left:auto}.vertical .mc-playhead{margin:calc(10px * var(--ui)) 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:calc(42px * var(--ui));z-index:999;margin:0;text-align:center;color:#9b9a9a;font-size:calc(.78rem * var(--ui));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:calc(60px * var(--ui))}.songs-in-rotation:not(.vertical).has-selection .mc-hint{bottom:auto;top:calc(14px * var(--ui))}.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 + var(--sel-ty, 0px))) scale(var(--sel-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:calc(16px * var(--ui));right:calc(16px * var(--ui))}.mc-select{font-size:calc(.82rem * var(--ui));padding:calc(8px * var(--ui)) calc(34px * var(--ui)) calc(8px * var(--ui)) calc(14px * var(--ui))}.mc-track-count{top:calc(78px * var(--ui));left:auto;right:calc(16px * var(--ui));align-items:flex-end;text-align:right}.mc-track-count-num{font-size:calc(2.5rem * var(--ui))}.mc-track-count-label{font-size:calc(.8rem * var(--ui))}.vertical .mc-details{position:fixed;left:auto;right:calc(14px * var(--ui));top:auto;bottom:max(40px,calc(48px * var(--ui)));width:46%;min-height:0;flex-direction:column;gap:calc(14px * var(--ui));padding:0;transform:translateY(14px)}.vertical .mc-details.open{transform:translateY(0)}.mc-song-title{font-size:calc(1.2rem * var(--ui));line-height:1.15}.mc-song-meta{font-size:calc(.82rem * var(--ui))}}@font-face{font-family:alte-haas-font;src:url(/fonts/AlteHaasGroteskBold.ttf) format("truetype")}@font-face{font-family:bootzy-font;src:url(/fonts/BootzyTM.ttf) format("truetype")}