@font-face{font-family:pretendard;src:url(/_next/static/media/ff840cfebfb63b0c-s.p.woff2) format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local("Arial");ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.00%;size-adjust:101.55%}.__className_fde3a9{font-family:pretendard,pretendard Fallback}.__variable_fde3a9{--font-pretendard:"pretendard","pretendard Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_6b9622{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_6b9622{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}:root{color-scheme:light;--brand-50:oklch(95.71% 0.0162 278.5);--brand-100:oklch(89.66% 0.0401 277.8);--brand-200:oklch(78.17% 0.0875 277.7);--brand-300:oklch(65.27% 0.1431 275.9);--brand-400:oklch(52.32% 0.1955 271.7);--brand-500:oklch(40.87% 0.2275 267);--brand-600:oklch(36.19% 0.1981 267.3);--brand-700:oklch(31.52% 0.1686 268);--brand-800:oklch(26.94% 0.1382 268.6);--brand-900:oklch(21.79% 0.104 269.9);--splash-50:oklch(97% 0.02 205);--splash-100:oklch(93% 0.05 205);--splash-200:oklch(86% 0.09 204);--splash-300:oklch(80% 0.12 203);--splash-400:oklch(72% 0.145 205);--splash-500:oklch(64% 0.155 208);--splash-600:oklch(56% 0.15 212);--neutral-0:oklch(100% 0 0);--neutral-25:oklch(96% 0.005 271);--neutral-50:oklch(92% 0.006 271);--neutral-100:oklch(83% 0.01 271);--neutral-200:oklch(72% 0.012 271);--neutral-300:oklch(58% 0.012 271);--neutral-400:oklch(46% 0.012 271);--neutral-500:oklch(36% 0.012 271);--neutral-600:oklch(30% 0.014 271);--neutral-700:oklch(26% 0.018 271);--neutral-800:oklch(17.5% 0.014 271);--neutral-900:oklch(13% 0.012 271);--neutral-950:oklch(9% 0.01 271);--canvas:oklch(98.2% 0.008 230);--canvas-deep:oklch(95.5% 0.016 222);--surface:oklch(100% 0 0);--surface-2:oklch(97.5% 0.008 228);--surface-3:oklch(94.5% 0.012 226);--rule:oklch(87% 0.014 228);--rule-strong:oklch(70% 0.016 228);--ink:oklch(27% 0.04 268);--ink-2:oklch(46% 0.03 262);--ink-3:oklch(52% 0.022 256);--accent:var(--brand-500);--accent-text:var(--brand-600);--accent-ink:var(--neutral-0);--splash:var(--splash-400);--splash-text:oklch(48% 0.13 215);--live:oklch(56% 0.14 202);--focus:var(--brand-500);--success:oklch(48% 0.15 156);--success-bg:oklch(94% 0.04 156);--warning:oklch(52% 0.12 65);--warning-bg:oklch(95% 0.05 80);--danger:oklch(53% 0.2 25);--danger-bg:oklch(95% 0.04 25);--info:var(--splash-text);--info-bg:var(--splash-50);--color-bg:var(--canvas);--color-surface:var(--surface);--color-surface-muted:var(--surface-2);--color-border:var(--rule);--color-text:var(--ink);--color-text-muted:var(--ink-2);--color-text-on-brand:var(--accent-ink);--color-primary:var(--accent);--color-primary-hover:var(--brand-400);--color-primary-active:var(--brand-600);--color-focus-ring:var(--focus);--font-sans:var(--font-pretendard),"Pretendard Variable",Pretendard,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-display:var(--font-space-grotesk),var(--font-sans);--font-body:var(--font-sans);--font-mono:ui-monospace,"SF Mono","Cascadia Code","Fira Code",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-display:clamp(2.25rem,4vw + 1rem,3.75rem);--leading-tight:1.15;--leading-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--rail-width:264px;--player-height:76px;--content-max:1120px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--gradient-header:color-mix(in oklab,var(--accent) 8%,var(--canvas-deep));--gradient-rail:var(--canvas-deep);--gradient-cover:oklch(52% 0.17 var(--card-hue,271));--gradient-splash:linear-gradient(135deg,var(--splash-300),var(--brand-400));--shadow-sm:none;--shadow-md:none;--shadow-lg:0 12px 32px -16px rgba(20,30,80,0.16);--glow-accent:none;--glow-splash:none;--glow-live:0 0 0 3px color-mix(in oklab,var(--live) 16%,transparent);--syntax-keyword:oklch(38% 0.18 268);--syntax-string:oklch(42% 0.16 145);--syntax-comment:var(--ink-3);--syntax-number:oklch(44% 0.17 30);--syntax-fn:oklch(40% 0.15 230);--syntax-punct:var(--ink-2);--syntax-attr:oklch(44% 0.15 270);--syntax-builtin:oklch(40% 0.16 200);--syntax-linenum:var(--ink-3);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in:cubic-bezier(0.55,0,1,0.45);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-ride:cubic-bezier(0.34,1.1,0.4,1);--dur-fast:110ms;--dur-base:170ms;--dur-slow:320ms;--transition-fast:var(--dur-fast) var(--ease-out);--transition-base:var(--dur-base) var(--ease-out);--transition-ride:var(--dur-slow) var(--ease-ride)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--canvas:var(--neutral-900);--canvas-deep:var(--neutral-950);--surface:var(--neutral-800);--surface-2:oklch(21% 0.016 271);--surface-3:var(--neutral-700);--rule:oklch(27% 0.012 271);--rule-strong:var(--neutral-600);--ink:var(--neutral-25);--ink-2:var(--neutral-200);--ink-3:var(--neutral-300);--accent:var(--brand-400);--accent-text:var(--brand-300);--accent-ink:var(--neutral-0);--splash:var(--splash-300);--splash-text:var(--splash-300);--live:oklch(74% 0.15 198);--focus:var(--brand-300);--success:oklch(64% 0.16 156);--success-bg:oklch(25.12% 0.0333 165.4);--warning:oklch(78% 0.13 75);--warning-bg:oklch(25.41% 0.0278 78);--danger:oklch(66% 0.18 25);--danger-bg:oklch(23.3% 0.0345 25.9);--info:var(--splash-text);--info-bg:var(--brand-900);--color-primary-hover:var(--brand-300);--color-primary-active:var(--brand-500);--shadow-sm:none;--shadow-md:none;--shadow-lg:0 16px 40px -16px rgba(0,0,0,0.55);--glow-accent:none;--glow-splash:none;--glow-live:0 0 0 3px color-mix(in oklab,var(--live) 20%,transparent);--gradient-header:var(--surface);--gradient-rail:var(--canvas-deep);--syntax-keyword:oklch(72% 0.18 268);--syntax-string:oklch(72% 0.16 145);--syntax-comment:var(--ink-3);--syntax-number:oklch(72% 0.17 30);--syntax-fn:oklch(72% 0.15 210);--syntax-punct:var(--ink-2);--syntax-attr:oklch(72% 0.15 270);--syntax-builtin:oklch(72% 0.16 200);--syntax-linenum:var(--ink-2)}}:root[data-theme=dark]{color-scheme:dark;--canvas:var(--neutral-900);--canvas-deep:var(--neutral-950);--surface:var(--neutral-800);--surface-2:oklch(21% 0.016 271);--surface-3:var(--neutral-700);--rule:oklch(27% 0.012 271);--rule-strong:var(--neutral-600);--ink:var(--neutral-25);--ink-2:var(--neutral-200);--ink-3:var(--neutral-300);--accent:var(--brand-400);--accent-text:var(--brand-300);--accent-ink:var(--neutral-0);--splash:var(--splash-300);--splash-text:var(--splash-300);--live:oklch(74% 0.15 198);--focus:var(--brand-300);--success:oklch(64% 0.16 156);--success-bg:oklch(25.12% 0.0333 165.4);--warning:oklch(78% 0.13 75);--warning-bg:oklch(25.41% 0.0278 78);--danger:oklch(66% 0.18 25);--danger-bg:oklch(23.3% 0.0345 25.9);--info:var(--splash-text);--info-bg:var(--brand-900);--color-primary-hover:var(--brand-300);--color-primary-active:var(--brand-500);--shadow-sm:none;--shadow-md:none;--shadow-lg:0 16px 40px -16px rgba(0,0,0,0.55);--glow-accent:none;--glow-splash:none;--glow-live:0 0 0 3px color-mix(in oklab,var(--live) 20%,transparent);--gradient-header:var(--surface);--gradient-rail:var(--canvas-deep);--syntax-keyword:oklch(72% 0.18 268);--syntax-string:oklch(72% 0.16 145);--syntax-comment:var(--ink-3);--syntax-number:oklch(72% 0.17 30);--syntax-fn:oklch(72% 0.15 210);--syntax-punct:var(--ink-2);--syntax-attr:oklch(72% 0.15 270);--syntax-builtin:oklch(72% 0.16 200);--syntax-linenum:var(--ink-2)}:root[data-theme=light]{color-scheme:light}.token.bold,.token.important,.token.keyword,.token.selector,.token.tag{color:var(--syntax-keyword)}.token.attr-value,.token.char,.token.regex,.token.string{color:var(--syntax-string)}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--syntax-comment);font-style:italic}.token.boolean,.token.constant,.token.deleted,.token.number,.token.symbol{color:var(--syntax-number)}.token.function,.token.function-name{color:var(--syntax-fn)}.token.operator,.token.punctuation{color:var(--syntax-punct)}.token.attr-name,.token.property,.token.variable{color:var(--syntax-attr)}.token.builtin,.token.inserted,.token.url{color:var(--syntax-builtin)}.linenumber{color:var(--syntax-linenum)!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:2.5em!important;padding-right:var(--space-3)!important}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:clip}canvas,img,svg,video{max-width:100%}img,video{height:auto}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:-.02em;font-weight:var(--weight-bold);color:var(--ink)}h1{font-size:var(--text-3xl);letter-spacing:-.03em}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-2);color:var(--ink-2);padding:.1em .4em;border-radius:var(--radius-sm)}::selection{background:color-mix(in oklab,var(--accent) 55%,transparent);color:var(--neutral-0)}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--rule-strong);background-clip:padding-box}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;letter-spacing:.01em;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{position:relative;overflow:hidden;background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent);box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0);box-shadow:none}.btn-primary:after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:var(--radius-full);background:color-mix(in oklab,var(--splash) 65%,transparent);opacity:0;transform:scale(1);pointer-events:none}.btn-primary:active:not(:disabled):after{animation:splash .46s var(--ease-out)}@keyframes splash{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(30)}}.btn-secondary{background:var(--surface-2);color:var(--ink);border-color:var(--rule-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--rule-strong)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--danger);color:var(--neutral-0)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}@media (max-width:640px){.card-head{flex-direction:column;align-items:flex-start}}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--surface-2);border:1px solid var(--rule-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--ink-3)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 28%,transparent)}.autoGrow{max-height:60vh;overflow-y:auto;resize:none;box-sizing:border-box}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;border-radius:var(--radius-full);border:1px solid transparent}.badge-brand{color:var(--accent-text);background:color-mix(in oklab,var(--accent) 16%,transparent);border-color:color-mix(in oklab,var(--accent) 28%,transparent)}.badge-success{color:var(--success);background:var(--success-bg)}.badge-warning{color:var(--warning);background:var(--warning-bg)}.badge-ghost{background:var(--color-surface);color:var(--color-text-muted)}.badge-danger{color:var(--danger);background:var(--danger-bg)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn-primary:hover:not(:disabled){transform:none}}