:root{--primary: #FF6B6B;--primary-dark: #E84545;--primary-light: #FFB3B3;--secondary: #4A2C2A;--accent: #F5A623;--bg: #FFF8F0;--bg-warm: #FFF5E6;--card-bg: #FFFFFF;--border: #F4E0D0;--text: #4A2C2A;--text-muted: #8B6F6A;--bubble-user: #FFE6E6;--error: #C62828}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.nav{background:linear-gradient(90deg,var(--primary) 0%,#FF8A65 100%);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #ff6b6b33}.nav .brand{color:#fff;font-weight:800;font-size:1.3rem;text-decoration:none;letter-spacing:-.02em}.nav nav{display:flex;gap:1.2rem;align-items:center}.nav nav a{color:#fff;text-decoration:none;font-size:.95rem;padding:.4rem .8rem;border-radius:18px;transition:background .15s}.nav nav a:hover{background:#fff3}.nav nav button{background:#fff3;border:none;color:#fff;padding:.4rem 1rem;cursor:pointer;border-radius:18px;font-family:inherit;font-size:.9rem}.nav nav button:hover{background:#ffffff4d}.container{max-width:820px;margin:2rem auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.card{background:var(--card-bg);border-radius:16px;padding:1.75rem;box-shadow:0 4px 20px #4a2c2a0f}.card h1,.card h2,.card h3{color:var(--secondary)}.card h2{font-size:1.3rem;margin-bottom:1rem}.hero{text-align:center;background:linear-gradient(135deg,var(--bg-warm) 0%,var(--card-bg) 100%);padding:1.5rem 1rem 1rem;border-radius:16px}.hero .hero-emoji{font-size:2.8rem;margin-bottom:.3rem}.hero h2{color:var(--secondary);margin-bottom:.3rem}.hero p{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:.95rem}.topic-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.75rem}.topic-tag{background:var(--primary-light);color:var(--secondary);padding:.25rem .75rem;border-radius:18px;font-size:.82rem;font-weight:600}form{display:flex;flex-direction:column;gap:1rem}form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-muted);font-weight:500}form input,form textarea{padding:.65rem .9rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;transition:border-color .15s}form input:focus,form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b6b26}button.primary,a.primary,.primary{background:var(--primary);color:#fff!important;border:none;padding:.75rem 1.75rem;border-radius:24px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font-size:1rem;font-family:inherit;transition:background .15s,transform .05s}button.primary:hover,.primary:hover{background:var(--primary-dark)}button.primary:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--error);font-size:.9rem}.chat-window{display:flex;flex-direction:column;gap:.85rem;min-height:420px;max-height:60vh;overflow-y:auto;padding:1.25rem;background:var(--bg-warm);border-radius:12px;border:1px solid var(--border);margin-bottom:1rem}.bubble{max-width:78%;padding:.85rem 1.1rem;border-radius:16px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.bubble.user{background:var(--bubble-user);align-self:flex-end;border-bottom-right-radius:4px;color:var(--secondary)}.bubble.bot{background:#fff;align-self:flex-start;border-bottom-left-radius:4px;position:relative;padding-left:3.2rem;box-shadow:0 2px 8px #4a2c2a0d}.bubble.bot:before{content:"🦁";position:absolute;left:.85rem;top:.85rem;font-size:1.5rem}.bubble.thinking{color:var(--text-muted);font-style:italic}.empty-state{text-align:center;padding:1.5rem;color:var(--text-muted)}.empty-state strong{color:var(--secondary)}.chat-input{display:flex;gap:.6rem}.chat-input textarea{flex:1;resize:vertical;min-height:64px;border-radius:12px}.history-list{list-style:none}.history-list li{padding:1rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.history-list li:hover{background:var(--bg-warm)}.history-list li:last-child{border-bottom:none}.history-list .h-prompt{font-weight:700;margin-bottom:.4rem;color:var(--secondary)}.history-list .h-response{color:var(--text-muted);font-size:.92rem;white-space:pre-wrap}.history-list .h-response.collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-list .h-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.history-list .h-time{font-size:.8rem;color:var(--text-muted)}.history-list .h-toggle{background:transparent;border:none;color:var(--primary);font-size:.85rem;font-weight:700;cursor:pointer;padding:0}.auth-card{max-width:420px;margin:2rem auto}.auth-card .auth-icon{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.auth-card h2{text-align:center;margin-bottom:.75rem}.auth-card .auth-intro{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}