@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(./archivo-latin-500-normal.CGugC8dq.woff2)format("woff2"),url(./archivo-latin-500-normal.pkzA7jw9.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(./archivo-latin-800-normal.cB6v3kRN.woff2)format("woff2"),url(./archivo-latin-800-normal.DZa_k145.woff)format("woff")}.dk{--dk-ivory:#f6ecd6;--dk-mute:#d6c3a4;--dk-amber:#f0b860;--dk-paper:#efe2c6;--dk-ink:#23170f;--dk-ink-mute:#6b5644;--dk-red:#a52c24;--dk-font:"Archivo", system-ui, sans-serif;max-height:calc(100dvh - 48px);color:var(--dk-ivory);font-family:var(--dk-font);background:repeating-linear-gradient(95deg,#00000012 0 1px,#0000 1px 7px),repeating-linear-gradient(92deg,#ffdcb406 0 2px,#0000 2px 13px),linear-gradient(135deg,#5c3820,#3d2414 55%,#2a170c);border-radius:18px;padding:26px 34px 30px;position:relative;overflow:auto;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffd2a01f}.dk :focus-visible{outline:3px solid var(--dk-amber);outline-offset:3px}.dk-quit{z-index:3;width:38px;height:38px;color:var(--dk-ivory);background:#00000059;border-radius:50%;place-items:center;font-size:15px;text-decoration:none;display:grid;position:absolute;top:16px;right:16px}.dk-h1{font:800 13px/1 var(--dk-font);letter-spacing:.3em;text-transform:uppercase;color:#f6ecd6bf;margin:0 0 18px}.dk-empty{color:var(--dk-mute);margin:40px 0 20px}.dk-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"deck side""controls side";align-items:start;gap:14px 34px;display:grid}.dk-deck{aspect-ratio:1.18;grid-area:deck;width:min(100%,560px);margin:0 auto;position:relative}.dk-platter{aspect-ratio:1;background:radial-gradient(circle,#3a3a3a 0 3%,#1b1b1b 3.5% 100%);border-radius:50%;position:absolute;top:4%;bottom:4%;left:2%;overflow:hidden;box-shadow:0 0 0 6px #8c8c8c,0 0 0 8px #555,0 14px 30px #0009}.dk-vinyl{background:repeating-radial-gradient(circle,#111 0 1px,#1d1d1d 1px 3px);border-radius:50%;animation:1.8s linear infinite paused dk-spin;position:absolute;inset:3%}.dk-vinyl:after{content:"";background:conic-gradient(from 30deg, transparent 0 20%, #ffffff17 25%, transparent 30% 70%, #ffffff12 75%, transparent 80%);animation:1.8s linear infinite reverse dk-spin;animation-play-state:inherit;border-radius:50%;position:absolute;inset:0}.dk-deck.spinning .dk-vinyl{animation-play-state:running}.dk-label{background-position:50%;background-size:cover;border-radius:50%;position:absolute;inset:33%;box-shadow:0 0 0 2px #0006}.dk-label:after{content:"";background:#ccc;border-radius:50%;position:absolute;inset:46%}.dk-arm{transform-origin:50% 8%;width:11%;height:72%;transition:transform .8s cubic-bezier(.3,.7,.3,1);position:absolute;top:3%;right:2%;transform:rotate(-6deg)}.dk-arm i{aspect-ratio:1;background:radial-gradient(#ddd,#888);border-radius:50%;width:30%;position:absolute;top:0;left:35%;box-shadow:0 3px 8px #00000080}.dk-arm b{background:linear-gradient(90deg,#aaa,#eee,#999);border-radius:4px;width:8%;height:88%;position:absolute;top:6%;left:46%;box-shadow:2px 3px 6px #0006}.dk-arm b:after{content:"";background:#333;border-radius:2px;width:280%;height:12%;position:absolute;bottom:-4%;left:-90%}.dk-deck.posed .dk-arm{transform:rotate(20deg)}.dk-controls{grid-area:controls;align-items:center;gap:12px;min-width:0;display:flex}.dk-knob{color:#2b1a10;width:46px;height:46px;font:800 15px var(--dk-font);cursor:pointer;background:radial-gradient(circle at 40% 35%,#f1ebde,#a59a87);border:0;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 4px 10px #00000080,inset 0 -3px #0003}.dk-knob:active{transform:translateY(1px)}.dk-knob:disabled{opacity:.45;cursor:default}.dk-knob-main{background:radial-gradient(circle at 40% 35%,#ffd28a,#d08a2e);width:60px;height:60px;font-size:18px}.dk-now{min-width:0;margin:0;line-height:1.35}.dk-now b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.dk-now small{color:var(--dk-mute);font-size:13px;display:block}.dk-side{grid-area:side;min-width:0;padding-top:6px}.dk-rack{font:800 12px var(--dk-font);letter-spacing:.3em;text-transform:uppercase;color:#f6ecd6bf;margin:0 0 10px}.dk-spines{scrollbar-width:thin;background:linear-gradient(#1a0f08,#2a170c);border-radius:4px;gap:5px;height:168px;padding:18px 10px 0;display:flex;overflow-x:auto;box-shadow:inset 0 6px 14px #0009}.dk-spine{background:var(--spine,#3b5b8c);cursor:pointer;border:0;border-radius:2px 2px 0 0;flex:0 0 34px;padding:0;transition:transform .25s;position:relative;box-shadow:inset -3px 0 #0000002e}.dk-spine span{text-overflow:ellipsis;writing-mode:vertical-rl;background:var(--dk-ivory);color:var(--dk-ink);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:8px 0;font-size:11px;font-weight:800;font-stretch:75%;line-height:24px;display:block;position:absolute;inset:10px 5px;overflow:hidden;transform:rotate(180deg)}.dk-spine:hover{transform:translateY(-4px)}.dk-spine[aria-selected=true]{box-shadow:0 0 0 2px var(--dk-amber);transform:translateY(-14px)}.dk-spine[aria-selected=true] span{background:var(--dk-red);color:var(--dk-ivory)}.dk-insert{background:var(--dk-paper);color:var(--dk-ink);border-radius:3px;margin-top:16px;padding:16px 18px 14px;box-shadow:0 8px 20px #0006}.dk-insert h2{font:800 24px/1.1 var(--dk-font);margin:0}.dk-insert ol{margin:0;padding:0;list-style:none}.dk-insert li button{width:100%;color:inherit;font:15px var(--dk-font);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #23170f24;grid-template-columns:26px 1fr auto;gap:8px;padding:8px 0;display:grid}.dk-insert li button:hover .t{text-underline-offset:4px;text-decoration:underline}.dk-insert .n,.dk-insert time{color:var(--dk-ink-mute);font-variant-numeric:tabular-nums}.dk-insert li.now button,.dk-insert li.now .n{color:var(--dk-red);font-weight:700}.dk-insert :focus-visible{outline-color:var(--dk-red)}.dk-by{color:var(--dk-ink-mute);margin:4px 0 12px;font-size:14px}.dk-src{color:var(--dk-ink-mute);border-top:1px solid #23170f24;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:10px 0 0;padding-top:10px;font-size:13px;display:flex}.dk-src a{color:var(--dk-red);text-underline-offset:3px;font-weight:700}@keyframes dk-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dk-vinyl,.dk-vinyl:after{animation:none}.dk-arm,.dk-spine{transition:none}}@media (width<=720px){.dk{border-radius:0;height:100dvh;max-height:none;padding:22px 18px 28px}.dk-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"deck""controls""side";gap:16px}.dk-deck{width:min(100%,340px)}.dk-spines{height:150px;padding-top:16px}.dk-spine{flex-basis:32px}}