@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--bg:#070814;--bg-gradient:radial-gradient(circle at 50% 0%, #13152e 0%, #070814 70%);--panel-bg:#0f1124b3;--panel-border:#ffffff0f;--panel-border-glow:#00f5c426;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--mint:#00f5c4;--mint-dark:#00b894;--mint-glow:#00f5c459;--purple:#8b5cf6;--purple-glow:#8b5cf64d;--p1-red:#ff5e5e;--p1-bg:#ff5e5e1f;--p1-border:#ff5e5e59;--p2-orange:#ff9f43;--p2-bg:#ff9f431a;--p2-border:#ff9f434d;--p3-blue:#38bdf8;--p3-bg:#38bdf81a;--p3-border:#38bdf84d;--p4-gray:#64748b;--p4-bg:#64748b1a;--p4-border:#64748b40;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-gradient);color:var(--text-primary);letter-spacing:-.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Outfit,Noto Sans KR,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff1a}.btn-primary{background:linear-gradient(135deg, var(--mint) 0%, var(--mint-dark) 100%);color:#070814;cursor:pointer;box-shadow:0 4px 14px 0 var(--mint-glow);transition:var(--transition-smooth);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:600;display:flex}.btn-primary:hover{box-shadow:0 6px 20px 0 var(--mint-glow);filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--panel-border);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:10px;padding:10px 16px;font-size:.875rem;font-weight:500}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.app-container{flex-direction:column;max-width:1400px;height:100vh;margin:0 auto;padding:0 16px;display:flex;overflow:hidden}.app-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.brand{flex-direction:column;display:flex}.brand-title{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.brand-title span{color:var(--mint);text-shadow:0 0 10px var(--mint-glow)}.brand-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.main-grid{flex:1;grid-template-columns:320px 1fr;gap:20px;margin-bottom:70px;display:grid;overflow:hidden}.left-section{flex-direction:column;gap:20px;padding-right:4px;display:flex;overflow-y:auto}.right-section{flex-direction:column;display:flex;overflow:hidden}.footer-bar{border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);z-index:10;background:#070814d9;justify-content:center;align-items:center;height:60px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #00f5c433}50%{box-shadow:0 0 15px #00f5c466}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide{animation:.3s forwards slideIn}@media (width<=900px){.app-container{height:auto;overflow:visible}.main-grid{grid-template-columns:1fr;height:auto;margin-bottom:80px;overflow:visible}.left-section{overflow-y:visible}.right-section{min-height:800px;overflow:visible}}@media (width<=768px){.app-header{text-align:center;flex-direction:column!important;align-items:center!important;gap:14px!important;padding:12px 0!important}.header-center{flex-direction:column!important;gap:10px!important;width:100%!important}.day-tabs-container{margin-top:4px;justify-content:center!important;width:100%!important}.brand{align-items:center!important}}.bgm-text-long{display:inline}.bgm-text-short{display:none}@media (width<=480px){.bgm-text-long{display:none!important}.bgm-text-short{display:inline!important}.footer-bar{gap:8px!important;padding:0 10px!important}}body.theme-cyberpunk{--bg:#0b0214;--bg-gradient:radial-gradient(circle at 50% 0%, #200438 0%, #0b0214 70%);--panel-bg:#140524b3;--panel-border:#ff007f26;--panel-border-glow:#ff007f40;--text-primary:#fff0f5;--text-secondary:#c084fc;--text-muted:#58417a;--mint:#ff007f;--mint-dark:#d9006c;--mint-glow:#ff007f73;--purple:#00f3ff;--purple-glow:#00f3ff59}body.theme-lavender{--bg:#0f0e17;--bg-gradient:radial-gradient(circle at 50% 0%, #1e1b2e 0%, #0f0e17 70%);--panel-bg:#191726bf;--panel-border:#d8b4fe26;--panel-border-glow:#d8b4fe4d;--text-primary:#f5f3ff;--text-secondary:#cbd5e1;--text-muted:#64748b;--mint:#d8b4fe;--mint-dark:#a78bfa;--mint-glow:#d8b4fe66;--purple:#fbcfe8;--purple-glow:#fbcfe84d}body.theme-forest{--bg:#040c09;--bg-gradient:radial-gradient(circle at 50% 0%, #0e241c 0%, #040c09 70%);--panel-bg:#0a1914b3;--panel-border:#34d3991a;--panel-border-glow:#34d39940;--text-primary:#ecfdf5;--text-secondary:#94a3b8;--text-muted:#334155;--mint:#34d399;--mint-dark:#059669;--mint-glow:#34d39959;--purple:#fbbf24;--purple-glow:#fbbf244d}body.theme-light{--bg:#f8fafc;--bg-gradient:linear-gradient(180deg, #f1f5f9 0%, #f8fafc 100%);--panel-bg:#ffffffe6;--panel-border:#00000014;--panel-border-glow:#4f46e526;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--mint:#4f46e5;--mint-dark:#4338ca;--mint-glow:#4f46e533;--purple:#ec4899;--purple-glow:#ec489926;--p1-bg:#ff5e5e0f;--p2-bg:#ff9f430d;--p3-bg:#38bdf80d;--p4-bg:#64748b0d}