pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#6cb6ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-comment,.hljs-code,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}.custom-scrollbar.svelte-1x7cdbf{--width: 8px;position:fixed;top:0;right:4px;width:calc(var(--width) + 4px);height:100vh;z-index:200;opacity:0;transition:opacity .3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center}.custom-scrollbar.visible.svelte-1x7cdbf{opacity:1;pointer-events:auto}.scrollbar-thumb.svelte-1x7cdbf{position:absolute;top:0;right:0;width:calc(var(--width) - 4px);opacity:.6;background:linear-gradient(to bottom,var(--text-tertiary) 0%,var(--text-secondary) 100%);border-radius:18px;cursor:pointer;transition:background .2s ease,width .2s ease,right .2s ease,height .2s ease;will-change:transform}.custom-scrollbar.svelte-1x7cdbf:hover .scrollbar-thumb:where(.svelte-1x7cdbf){width:var(--width);right:4px;opacity:1;transition:opacity .2s ease,width .2s ease,right .2s ease}.scrollbar-thumb.dragging.svelte-1x7cdbf{width:var(--width);right:4px;opacity:1;transition:opacity .2s ease,width .2s ease}.pill-wrapper.svelte-i0kdtl{position:fixed;z-index:200;width:264px;user-select:none;-webkit-user-select:none;touch-action:none}.playlist.svelte-i0kdtl{position:absolute;bottom:calc(100% + 8px);left:0;width:100%;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000040}.playlist-item.svelte-i0kdtl{display:grid;grid-template-columns:18px 1fr auto auto;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;background:none;cursor:pointer;text-align:left;color:var(--text-secondary);transition:background-color .15s ease;font-family:var(--font-mono);font-size:.72rem}.playlist-item.svelte-i0kdtl:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.playlist-item.active.svelte-i0kdtl{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.item-idx.svelte-i0kdtl{font-size:.65rem;color:var(--text-tertiary);text-align:right}.item-title.svelte-i0kdtl{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-artist.svelte-i0kdtl{color:var(--text-tertiary);white-space:nowrap}.item-dur.svelte-i0kdtl{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:4px}.pill.svelte-i0kdtl{display:flex;align-items:center;gap:8px;height:48px;padding:0 10px 0 12px;background:color-mix(in srgb,var(--bg) 75%,transparent);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:9999px;box-shadow:0 4px 20px #0003;cursor:pointer;transition:box-shadow .3s ease,border-color .3s ease,transform .15s ease}.pill.svelte-i0kdtl:hover{box-shadow:0 6px 24px #0000004d}.pill.drag-active.svelte-i0kdtl{cursor:grabbing;box-shadow:0 12px 40px #0006;transform:scale(1.03);border-color:color-mix(in srgb,var(--border) 90%,transparent);animation:svelte-i0kdtl-drag-pulse .6s ease infinite alternate}@keyframes svelte-i0kdtl-drag-pulse{0%{box-shadow:0 12px 40px #0006}to{box-shadow:0 12px 48px #0000008c}}.note-icon.svelte-i0kdtl{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.marquee-wrap.svelte-i0kdtl{flex:1;overflow:hidden;min-width:0;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.marquee-inner.svelte-i0kdtl{display:inline-flex;white-space:nowrap;animation:svelte-i0kdtl-marquee 10s linear infinite;font-size:.72rem;color:var(--text-secondary);letter-spacing:.02em}.marquee-inner.paused.svelte-i0kdtl{animation-play-state:paused}@keyframes svelte-i0kdtl-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.controls.svelte-i0kdtl{flex-shrink:0;display:flex;align-items:center;gap:2px}.ctrl-btn.svelte-i0kdtl{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:50%;padding:0;transition:color .2s ease,background-color .2s ease}.ctrl-btn.svelte-i0kdtl:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.ctrl-btn.dim.svelte-i0kdtl{color:color-mix(in srgb,var(--text-secondary) 28%,transparent)}.ctrl-btn.dim.svelte-i0kdtl:hover{color:color-mix(in srgb,var(--text-secondary) 52%,transparent);background:color-mix(in srgb,var(--text) 5%,transparent)}:root{--bg: #222222;--bg-lighter: #2b2d30;--text: #ffffff;--text-secondary: #cccccc;--text-tertiary: #808080;--border: #505050;--accent: #ffffff;--font-default: "IBM Plex Sans KR", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--font-mono: "IBM Plex Mono", monospace;--img-filter: invert(1);--code-bg: #1e2228}[data-theme=light] .hljs{background:#f6f8fa;color:#24292e}[data-theme=light] .hljs-doctag,[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-meta .hljs-keyword,[data-theme=light] .hljs-template-tag,[data-theme=light] .hljs-template-variable,[data-theme=light] .hljs-type,[data-theme=light] .hljs-variable.language_{color:#d73a49}[data-theme=light] .hljs-title,[data-theme=light] .hljs-title.class_,[data-theme=light] .hljs-title.class_.inherited__,[data-theme=light] .hljs-title.function_{color:#6f42c1}[data-theme=light] .hljs-attr,[data-theme=light] .hljs-attribute,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-meta,[data-theme=light] .hljs-number,[data-theme=light] .hljs-operator,[data-theme=light] .hljs-variable,[data-theme=light] .hljs-selector-attr,[data-theme=light] .hljs-selector-class,[data-theme=light] .hljs-selector-id{color:#005cc5}[data-theme=light] .hljs-regexp,[data-theme=light] .hljs-string,[data-theme=light] .hljs-meta .hljs-string{color:#032f62}[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-symbol{color:#e36209}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-code,[data-theme=light] .hljs-formula{color:#6a737d}[data-theme=light] .hljs-name,[data-theme=light] .hljs-quote,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-selector-pseudo{color:#22863a}body{margin:0;padding:0;font-family:var(--font-mono);color:var(--text);background-color:var(--bg);user-select:none;-webkit-user-select:none;transition:background-color .3s ease,color .3s ease}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}body *{font-family:var(--font-mono)}*{box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease,stroke .3s ease,fill .3s ease}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.site-header.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;padding:1rem 1.5rem;background-color:color-mix(in srgb,var(--bg) 30%,transparent);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);transition:background-color .3s ease}@keyframes svelte-12qhfyh-nav-icon-enter{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.nav-container.svelte-12qhfyh{display:flex;gap:2rem;align-items:center;justify-content:center;margin:0 auto}.nav-tooltip-wrapper.svelte-12qhfyh{position:relative;display:flex;align-items:center;justify-content:center}.nav-tooltip.svelte-12qhfyh{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;white-space:nowrap;font-size:.78rem;color:var(--text);pointer-events:none;z-index:200}.nav-tooltip.svelte-12qhfyh:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--border)}.nav-icon.svelte-12qhfyh{opacity:0;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;animation:svelte-12qhfyh-nav-icon-enter 1s ease forwards}.nav-icon.svelte-12qhfyh:nth-child(1){animation-delay:0s}.nav-icon.svelte-12qhfyh:nth-child(2){animation-delay:.1s}.nav-icon.svelte-12qhfyh:nth-child(3){animation-delay:.2s}.nav-icon.svelte-12qhfyh:nth-child(4){animation-delay:.3s}.nav-icon.svelte-12qhfyh svg{width:24px;height:24px;opacity:.5;transition:opacity .5s ease}.nav-icon.svelte-12qhfyh:hover,.nav-icon.svelte-12qhfyh{color:var(--text)}.nav-icon.svelte-12qhfyh:hover svg,.nav-icon.active.svelte-12qhfyh svg{opacity:1}.theme-toggle.svelte-12qhfyh{background:none;border:none;cursor:pointer;padding:0;color:var(--text-tertiary);transition:color .3s ease}.theme-toggle.svelte-12qhfyh:hover{color:var(--text)}.theme-toggle.svelte-12qhfyh svg{opacity:.5;transition:opacity .3s ease}.theme-toggle.svelte-12qhfyh:hover svg{opacity:1}.site-main.svelte-12qhfyh>.scrollable:where(.svelte-12qhfyh)>*{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto}.site-main.svelte-12qhfyh>.scrollable:where(.svelte-12qhfyh){position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:hidden}@media(max-width:768px){.site-header.svelte-12qhfyh{padding:.75rem 1rem}.nav-container.svelte-12qhfyh{gap:1rem}.nav-icon.svelte-12qhfyh svg{width:20px;height:20px}}