@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0b14;--bg-secondary:#10121f;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--brand-purple:#6c63ff;--brand-violet:#8b5cf6;--brand-indigo:#4f46e5;--brand-pink:#ec4899;--brand-cyan:#06b6d4;--gradient-brand:linear-gradient(135deg,#6c63ff,#8b5cf6,#ec4899);--gradient-card:linear-gradient(135deg,#6c63ff26,#8b5cf60d);--gradient-glow:radial-gradient(ellipse at center,#6c63ff4d 0%,transparent 70%);--text-primary:#f0f0ff;--text-secondary:#9ca3c0;--text-muted:#5a5f7a;--border:#6c63ff33;--border-light:#ffffff0f;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-glow:0 0 40px #6c63ff4d;--shadow-card:0 4px 24px #0006,inset 0 1px 0 #ffffff0f;--transition:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}[data-theme=calming]{--header-bg:#0d1a14e0;--bg-primary:#0d1a14;--bg-secondary:#111e17;--bg-card:#3eb4890d;--bg-card-hover:#3eb4891a;--brand-purple:#3eb489;--brand-violet:#4ade80;--brand-indigo:#22c55e;--brand-pink:#60a5fa;--brand-cyan:#34d399;--gradient-brand:linear-gradient(135deg,#3eb489,#4ade80,#60a5fa);--gradient-card:linear-gradient(135deg,#3eb48926,#4ade800d);--gradient-glow:radial-gradient(ellipse at center,#3eb4894d 0%,transparent 70%);--text-primary:#e8f5ee;--text-secondary:#86a390;--text-muted:#4d6b58;--border:#3eb48940;--border-light:#ffffff0f;--shadow-glow:0 0 40px #3eb48940}[data-theme=calming] body:before{background:radial-gradient(80% 60% at 20% 10%,#3eb4891a 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#4ade8014 0%,#0000 60%),radial-gradient(40% 40% at 60% 40%,#60a5fa0d 0%,#0000 50%)}[data-theme=calming] ::-webkit-scrollbar-thumb{background:#3eb48959}[data-theme=calming] ::-webkit-scrollbar-thumb:hover{background:#3eb4898c}[data-theme=focus]{--header-bg:#06060ae6;--bg-primary:#060608;--bg-secondary:#0c0c10;--bg-card:#ffffff08;--bg-card-hover:#ffffff12;--brand-purple:#f59e0b;--brand-violet:#fbbf24;--brand-indigo:#d97706;--brand-pink:#f97316;--brand-cyan:#fb923c;--gradient-brand:linear-gradient(135deg,#d97706,#f59e0b,#f97316);--gradient-card:linear-gradient(135deg,#f59e0b1f,#fbbf240a);--gradient-glow:radial-gradient(ellipse at center,#f59e0b4d 0%,transparent 70%);--text-primary:#fdf6e3;--text-secondary:#c4a870;--text-muted:#6b5c30;--border:#f59e0b38;--border-light:#ffffff0d;--shadow-glow:0 0 40px #f59e0b40}[data-theme=focus] body:before{background:radial-gradient(80% 60% at 20% 10%,#f59e0b1a 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#fbbf2412 0%,#0000 60%),radial-gradient(40% 40% at 60% 40%,#f973160d 0%,#0000 50%)}[data-theme=focus] ::-webkit-scrollbar-thumb{background:#f59e0b59}[data-theme=focus] ::-webkit-scrollbar-thumb:hover{background:#f59e0b8c}[data-theme=light]{--header-bg:#f4f5ffeb;--bg-primary:#f4f5ff;--bg-secondary:#fff;--bg-card:#6c63ff0a;--bg-card-hover:#6c63ff14;--brand-purple:#6c63ff;--brand-violet:#8b5cf6;--brand-indigo:#4f46e5;--brand-pink:#ec4899;--brand-cyan:#06b6d4;--gradient-brand:linear-gradient(135deg,#6c63ff,#8b5cf6,#ec4899);--gradient-card:linear-gradient(135deg,#6c63ff14,#8b5cf608);--gradient-glow:radial-gradient(ellipse at center,#6c63ff26 0%,transparent 70%);--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#9ca3af;--border:#6c63ff33;--border-light:#00000014;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 32px #0000001f;--shadow-glow:0 0 40px #6c63ff26;--shadow-card:0 4px 24px #00000014,inset 0 1px 0 #fffc}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] body:before{background:radial-gradient(80% 60% at 20% 10%,#6c63ff0f 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#8b5cf60d 0%,#0000 60%),radial-gradient(40% 40% at 60% 40%,#ec489908 0%,#0000 50%)}[data-theme=light] .glass-card{background:#ffffffb3;border-color:#6c63ff1f;box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffffe6}[data-theme=light] .glass-card:hover{background:#ffffffe6}[data-theme=light] .input{color:var(--text-primary);background:#fffc;border-color:#6c63ff26}[data-theme=light] .input:focus{border-color:var(--brand-purple);background:#fff}[data-theme=light] .btn-ghost{color:var(--text-secondary);border-color:#0000001f}[data-theme=light] .btn-ghost:hover{color:var(--text-primary);background:#6c63ff14}[data-theme=light] select.input option{color:#1a1a2e;background:#fff}[data-theme=light] ::-webkit-scrollbar-thumb{background:#6c63ff40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Noto Sans KR,-apple-system,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 10%,#6c63ff1f 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#8b5cf61a 0%,#0000 60%),radial-gradient(40% 40% at 60% 40%,#ec48990f 0%,#0000 50%);position:fixed;inset:0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border);box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-2px)}.glass-surface{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);background:#ffffff08}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 20px #6c63ff66}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 30px #6c63ff80}.btn-secondary{color:var(--brand-purple);background:#6c63ff26;border:1px solid #6c63ff4d}.btn-secondary:hover{background:#6c63ff40;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-light);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-icon{border-radius:var(--radius-md);width:44px;height:44px;padding:0}.btn-icon-lg{border-radius:var(--radius-md);width:56px;height:56px;padding:0;font-size:22px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition);background:#ffffff0a;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--brand-purple);background:#6c63ff14;box-shadow:0 0 0 3px #6c63ff26}.input::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}select.input option{background:var(--bg-secondary)}.badge{border-radius:var(--radius-full);letter-spacing:.03em;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-purple{color:#a78bfa;background:#6c63ff33}.badge-cyan{color:#22d3ee;background:#06b6d426}.badge-green{color:#34d399;background:#10b98126}.badge-pink{color:#f472b6;background:#ec489926}.badge-orange{color:#fbbf24;background:#f59e0b26}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#6c63ff80}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:8500;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-overflow-scrolling:touch;width:100%;max-width:480px;max-height:calc(100svh - 40px);box-shadow:var(--shadow-md),var(--shadow-glow);padding:32px;animation:.25s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.page-content{z-index:1;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}.animate-float{animation:3s ease-in-out infinite float}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:var(--border-light);border:none;height:1px;margin:16px 0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000000d9;border-radius:6px;padding:4px 10px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}@media (max-width:768px){.container{padding:0 12px}.modal-box{border-radius:var(--radius-lg);padding:20px 16px}}@media (max-width:640px){.hide-mobile{display:none!important}}@media (min-width:641px){.show-mobile{display:none!important}}