:root{--bg: #f9fafb;--card: #ffffff;--border: #e5e7eb;--text: #111827;--sub: #6b7280;--dim: #d1d5db;--ai: #6366f1;--accent: #f59e0b;--ok: #22c55e;--warn: #fb923c;--error: #f43f5e;--why: #ef4444;--who: #8b5cf6;--what: #06b6d4;--when: #22c55e;--where: #f97316;--how: #ec4899;--glass-3: rgba(0,0,0,.03);--glass-6: rgba(0,0,0,.06)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:13px}body{background:var(--bg);color:var(--text);font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:rgba(0,0,0,.1) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}*:hover::-webkit-scrollbar-thumb{background:#0000001a}*:hover::-webkit-scrollbar-thumb:hover{background:#0003}::-webkit-scrollbar-corner{background:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.page-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;overflow:auto;padding:24px 20px}.center-content{max-width:800px;margin:0 auto}.center-content.full-width{max-width:none}.btn-back{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;border:none;background:none;color:var(--sub);cursor:pointer;transition:color .15s,background .15s}.btn-back:hover{color:var(--text);background:var(--glass-3)}.btn-back:before{content:"←";font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000f}.input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:var(--text);font-size:14px;outline:none;resize:none;font-family:inherit}.input:focus{border-color:var(--ai)}.input::placeholder{color:#9ca3af}.btn{border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--ai);color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-ghost{background:var(--glass-3);border:1px solid var(--border);color:var(--sub)}.btn-ghost:hover:not(:disabled){background:var(--glass-6);color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--dim);border-top-color:var(--ai);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .3s ease-out}html.dark{--bg: #0f0f13;--card: #1a1a24;--border: #2a2a3a;--text: #f3f4f6;--sub: #9ca3af;--dim: #4b5563;--glass-3: rgba(255,255,255,.03);--glass-6: rgba(255,255,255,.06)}.dark body,html.dark{background:#0f0f13!important;color:#d1d5db!important}html.dark .bg-white{background:#1a1a24!important}html.dark .bg-gray-50{background:#13131b!important}html.dark .bg-gray-100{background:#1e1e2a!important}html.dark .border-gray-200,html.dark .border-gray-100{border-color:#2a2a3a!important}html.dark .border-gray-300{border-color:#3a3a4a!important}html.dark .text-gray-900{color:#f3f4f6!important}html.dark .text-gray-800{color:#e5e7eb!important}html.dark .text-gray-700{color:#d1d5db!important}html.dark .text-gray-600{color:#9ca3af!important}html.dark .text-gray-500{color:#6b7280!important}html.dark .text-gray-400{color:#4b5563!important}html.dark .shadow-sm{box-shadow:0 1px 3px #0006!important}[style*="rgba(255,255,255,0.02)"]{background:#fafafa!important}[style*="rgba(255,255,255,0.04)"]{background:#f5f5f5!important}[style*="rgba(255,255,255,0.05)"]{background:#f0f0f0!important}[style*="rgba(255,255,255,0.06)"]{background:#eee!important}[style*="rgba(255,255,255,0.08)"]{background:#e8e8e8!important}[style*="rgba(255,255,255,0.01)"]{background:#fafafa!important}[style*="rgba(0,0,0,0.15)"]{background:#f3f4f6!important}[style*="rgba(0,0,0,0.3)"]{background:#fff!important}[style*="rgba(20,20,30"]{background:#fffffff2!important;border-color:#e5e7eb!important}