@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;700;800&display=swap");:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--sky-300:#7dd3fc;--sky-400:#38bdf8;--cyan-300:#67e8f9;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--rose-200:#fecdd3;--rose-500:#f43f5e;--violet-200:#ddd6fe;--fuchsia-200:#f5d0fe;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--teal-200:#99f6e4;--amber-100:#fef3c7;--amber-400:#fbbf24;--amber-500:#f59e0b;--accent:var(--indigo-500);--accent-strong:var(--indigo-600);--accent-soft:var(--indigo-400);--accent-wash:rgba(99,102,241,0.10);--accent-ring:rgba(99,102,241,0.40);--accent-grad:linear-gradient(135deg,#818cf8,#38bdf8);--canvas:#fcfdfe;--surface-1:#ffffff;--surface-2:var(--slate-50);--hairline:var(--slate-200);--fg-1:var(--slate-800);--fg-2:var(--slate-500);--fg-3:var(--slate-400);--fg-on-accent:#ffffff;--ok:var(--emerald-500);--ok-wash:rgba(16,185,129,0.10);--warn:var(--amber-500);--warn-wash:rgba(245,158,11,0.12);--danger:var(--rose-500);--danger-wash:rgba(244,63,94,0.10);--info:var(--sky-400);--info-wash:rgba(56,189,248,0.12);--glass-fill:rgba(255,255,255,0.35);--glass-fill-thin:rgba(255,255,255,0.45);--glass-fill-thick:rgba(255,255,255,0.60);--glass-fill-chrome:rgba(255,255,255,0.55);--glass-fill-hover:rgba(255,255,255,0.55);--glass-rim:rgba(255,255,255,0.70);--glass-rim-soft:rgba(255,255,255,0.55);--glass-sheen:rgba(255,255,255,0.45);--glass-shadow-rgb:31,38,135}[data-theme=dark]{--accent:var(--indigo-400);--accent-strong:var(--indigo-500);--accent-soft:var(--indigo-300);--accent-wash:rgba(129,140,248,0.16);--accent-ring:rgba(129,140,248,0.45);--canvas:#0b1026;--surface-1:#141a33;--surface-2:#0f1530;--hairline:rgba(255,255,255,0.10);--fg-1:rgba(255,255,255,0.94);--fg-2:rgba(255,255,255,0.64);--fg-3:rgba(255,255,255,0.42);--glass-fill:rgba(255,255,255,0.08);--glass-fill-thin:rgba(255,255,255,0.06);--glass-fill-thick:rgba(255,255,255,0.14);--glass-fill-chrome:rgba(20,26,51,0.55);--glass-fill-hover:rgba(255,255,255,0.14);--glass-rim:rgba(255,255,255,0.18);--glass-rim-soft:rgba(255,255,255,0.12);--glass-sheen:rgba(255,255,255,0.22);--glass-shadow-rgb:0,0,0}:root{--font-sans:"Inter","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--text-display:30px;--text-h1:24px;--text-h2:18px;--text-h3:16px;--text-body:14px;--text-sm:13px;--text-label:12px;--text-xs:11px;--text-2xs:10px;--w-light:300;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--w-extra:800;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--track-tight:-0.02em;--track-snug:-0.01em;--track-normal:0;--track-wide:0.06em}.t-display{font:var(--w-extra) var(--text-display)/var(--lh-tight) var(--font-sans)}.t-display,.t-h1{letter-spacing:var(--track-tight);color:var(--fg-1)}.t-h1{font:var(--w-bold) var(--text-h1)/var(--lh-snug) var(--font-sans)}.t-h2{font:var(--w-bold) var(--text-h2)/var(--lh-snug) var(--font-sans)}.t-h2,.t-h3{letter-spacing:var(--track-snug);color:var(--fg-1)}.t-h3{font:var(--w-semibold) var(--text-h3)/var(--lh-snug) var(--font-sans)}.t-body{font:var(--w-regular) var(--text-body)/var(--lh-normal) var(--font-sans)}.t-body,.t-label{letter-spacing:var(--track-snug);color:var(--fg-2)}.t-label{font:var(--w-semibold) var(--text-label)/var(--lh-snug) var(--font-sans)}.t-caption{font:var(--w-medium) var(--text-xs)/var(--lh-snug) var(--font-sans);color:var(--fg-3)}.t-overline{font:var(--w-bold) var(--text-2xs)/1 var(--font-sans);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--fg-3)}.t-mono{font-family:var(--font-mono)}.t-mono,.t-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.t-num{letter-spacing:var(--track-tight)}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-2xl:28px;--r-pill:999px;--shadow-0:0 1px 2px rgba(var(--glass-shadow-rgb),0.04);--shadow-1:0 4px 20px rgba(var(--glass-shadow-rgb),0.05);--shadow-2:0 10px 35px -10px rgba(var(--glass-shadow-rgb),0.18);--shadow-3:0 24px 60px -18px rgba(var(--glass-shadow-rgb),0.28);--shadow-pop:0 12px 40px -8px rgba(var(--glass-shadow-rgb),0.22);--ease-glass:cubic-bezier(0.32,0.72,0,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.22,1,0.36,1);--dur-tap:160ms;--dur-base:280ms;--dur-sheet:480ms}@media (prefers-reduced-motion:reduce){:root{--dur-tap:1ms;--dur-base:1ms;--dur-sheet:1ms}}.glass{position:relative;background:var(--glass-fill);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-rim);border-radius:var(--r-lg);box-shadow:var(--shadow-2),inset 0 1px 0 var(--glass-rim);color:var(--fg-1)}.glass--thin{background:var(--glass-fill-thin);-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);box-shadow:var(--shadow-1),inset 0 1px 0 var(--glass-rim-soft)}.glass--thick{background:var(--glass-fill-thick);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);box-shadow:var(--shadow-3),inset 0 1px 0 var(--glass-rim)}.glass--chrome{background:var(--glass-fill-chrome);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--shadow-1),inset 0 1px 0 var(--glass-rim)}.glass-card{position:relative;overflow:hidden;background:var(--glass-fill);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-rim);border-radius:var(--r-xl);box-shadow:var(--shadow-2),inset 0 1px 0 var(--glass-rim);transition:transform var(--dur-base) var(--ease-glass),box-shadow var(--dur-base) var(--ease-glass),background-color var(--dur-base) var(--ease-glass)}.glass-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--dur-sheet) var(--ease-out);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,0),var(--glass-sheen),transparent 40%)}.glass-card:hover:before{opacity:1}.glass-card>*{position:relative;z-index:2}.glass-card--lift:hover{transform:translateY(-2px);background:var(--glass-fill-hover);box-shadow:var(--shadow-3),inset 0 1px 0 var(--glass-rim)}.pressable{transition:transform var(--dur-tap) var(--ease-spring),box-shadow var(--dur-tap) var(--ease-glass)}.pressable:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.pressable:active{transform:scale(.98)}}.liquid-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--canvas)}.liquid-bg .blob{position:absolute;border-radius:50%;filter:blur(64px);opacity:.4;will-change:transform,border-radius}.liquid-bg .blob-1{width:450px;height:450px;top:10%;left:5%;background:var(--blob-1,linear-gradient(45deg,#f9a8d4,#fecdd3,#fef3c7));animation:blobFloat1 18s var(--ease-glass) infinite}.liquid-bg .blob-2{width:550px;height:550px;bottom:15%;right:10%;background:var(--blob-2,linear-gradient(135deg,#bae6fd,#7dd3fc,#e0e7ff));opacity:.45;animation:blobFloat2 22s var(--ease-glass) infinite}.liquid-bg .blob-3{width:400px;height:400px;top:45%;left:40%;background:var(--blob-3,linear-gradient(45deg,#ddd6fe,#f5d0fe,#f9a8d4));opacity:.35;animation:blobFloat3 20s var(--ease-glass) infinite}.liquid-bg .blob-4{width:350px;height:350px;top:5%;right:25%;background:var(--blob-4,linear-gradient(135deg,#d1fae5,#99f6e4,#bae6fd));opacity:.3;filter:blur(48px);animation:blobSpin 25s linear infinite}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1);border-radius:42% 58% 70% 30%/45% 45% 55% 55%}33%{transform:translate(50px,80px) scale(1.15);border-radius:70% 30% 52% 48%/60% 40% 60% 40%}66%{transform:translate(-30px,40px) scale(.9);border-radius:30% 70% 30% 70%/50% 60% 40% 50%}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1);border-radius:50% 50% 30% 70%/50% 60% 40% 60%}50%{transform:translate(-60px,-50px) scale(1.2);border-radius:30% 70% 70% 30%/50% 30% 70% 50%}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1);border-radius:40% 60% 60% 40%/60% 30% 70% 40%}50%{transform:translate(70px,-30px) scale(.85);border-radius:60% 40% 40% 60%/40% 60% 40% 60%}}@keyframes blobSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(1turn) scale(1)}}@media (prefers-reduced-motion:reduce){.liquid-bg .blob{animation:none!important}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:var(--canvas);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--text-body);letter-spacing:var(--track-snug);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.app-content{position:relative;z-index:1}button:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}