:root{--bg-main: #fdfdfb;--primary: #10b981;--primary-light: #a7f3d0;--accent: #6366f1;--accent-light: #a5b4fc;--success: #10b981;--error: #ef4444;--text-main: #1e293b;--text-muted: #64748b;--bubble-bot: #ffffff;--bubble-user: #10b981}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:linear-gradient(180deg,#f0faf5,#e0f5ea);color:var(--text-main);font-family:Pretendard,sans-serif}#app{max-width:420px;margin:0 auto;padding:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;padding:1rem 1.2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.home-btn{text-decoration:none;font-size:1.5rem;margin-right:.8rem}.logo{font-weight:800;font-size:1.1rem;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.logo span{color:var(--primary)}.chat-badge{background:var(--primary);color:#fff;padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:700}main{flex:1;display:flex;flex-direction:column;overflow:hidden}#input-section{padding:24px;flex:1;display:flex;flex-direction:column;align-items:center;padding-top:2rem}.quest-intro{text-align:center;margin-bottom:1.2rem;width:100%}.quest-icon{font-size:2.2rem;display:block;margin-bottom:6px}.quest-title{font-size:1.15rem;font-weight:900;color:var(--text-main);letter-spacing:-.5px;margin-bottom:4px}.quest-desc{font-size:.82rem;color:var(--text-muted);font-weight:500;line-height:1.5}.input-card{width:100%;max-width:400px;background:#fff;border-radius:28px;padding:24px;border:2px solid #f1f5f9;box-shadow:0 15px 35px #0000000d;margin-bottom:20px}.input-card textarea{width:100%;min-height:120px;max-height:260px;height:auto;field-sizing:content;border:2px solid var(--primary-light);border-radius:16px;padding:.8rem 1rem 1.2rem;font-size:1rem;resize:none;outline:none;line-height:1.7;overflow-y:auto;font-family:inherit}.input-card textarea::-webkit-scrollbar{width:6px}.input-card textarea::-webkit-scrollbar-track{background:transparent;margin:12px 0}.input-card textarea::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.input-card textarea::-webkit-scrollbar-thumb:hover{background:#059669}.send-btn{display:block;width:100%;margin-top:1rem;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:14px;font-weight:700;cursor:pointer}#chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;padding:1rem 1.2rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.msg{max-width:90%;animation:msgIn .3s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg.bot{align-self:flex-start}.msg.user{align-self:flex-end}.msg .bubble{padding:.8rem 1.1rem;border-radius:18px;font-size:.95rem;line-height:1.6;word-break:keep-all}.msg.bot .bubble{background:#fff;box-shadow:0 2px 8px #0000000d;border-bottom-left-radius:4px}.msg.user .bubble{background:var(--bubble-user);color:#fff;border-bottom-right-radius:4px}.msg .sender{font-size:.75rem;color:var(--text-muted);margin-bottom:4px;font-weight:600}.flow-paragraph-card{background:#fff;border:2px solid var(--primary-light);border-radius:20px;padding:1.2rem;font-size:.95rem;line-height:1.8;box-shadow:0 4px 12px #0000000a}.sentence-step-bubble{background:#f8fafc;border-radius:18px;border:2px solid #e2e8f0;padding:15px;width:100%;max-width:380px;box-shadow:0 2px 10px #00000008}.sentence-text-header{font-weight:800;color:#0369a1;margin-bottom:10px}.role-buttons,.clause-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.keyword-pool{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:15px;background:#fff;border-radius:16px;border:2px solid #f1f5f9}.role-btn,.clause-chip,.pool-chip{padding:8px 14px;background:#fff;border:1.5px solid var(--primary-light);border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.role-btn.selected,.clause-chip.distilled,.pool-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.feedback-card-bubble{background:#fff;border-radius:20px;padding:15px;border:2px solid #f1f5f9;box-shadow:0 10px 30px #0000000f;width:100%}.feedback-type-label{display:inline-block;background:var(--accent);color:#fff;padding:4px 12px;border-radius:100px;font-size:.8rem;margin-bottom:10px}.feedback-box{padding:10px;border-radius:12px;font-size:.9rem;margin-bottom:8px;border-left:4px solid #eee}.strength-box{background:#f0fdf4;border-left-color:#10b981}.suggest-box{background:#fefce8;border-left-color:#facc15}.map-container{background:#fff;width:100%;max-width:400px;border-radius:24px;padding:24px 20px;box-shadow:0 10px 30px #0000000d;border:1px solid #e8e8e3;transition:all .3s}.map-header{text-align:center;margin-bottom:24px}.map-header h2{font-size:1.1rem;color:#1e293b;margin-bottom:5px}.map-header p{font-size:.8rem;color:#64748b}.timeline{position:relative;padding-left:24px;padding-bottom:20px}.timeline:before{content:"";position:absolute;top:10px;bottom:-20px;left:8px;width:4px;background:#e2e8f0;border-radius:2px;transition:background .3s}.station{position:relative;margin-bottom:20px;transition:opacity .4s,transform .4s}.station:before{content:"";position:absolute;left:-22px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #cbd5e1;z-index:2;transition:border-color .3s,background .3s,box-shadow .3s}.station-data{background:#f8fafc;border-radius:12px;padding:10px 14px;border:1px solid #f1f5f9;transition:border-color .3s,box-shadow .3s;position:relative}.rel-badge-subway{display:inline-block;font-size:.7rem;font-weight:800;color:#64748b;margin-bottom:4px}.station-text{font-size:.9rem;line-height:1.5;color:#334155;word-break:keep-all}.mini-tags{display:flex;gap:4px;margin-top:8px;justify-content:flex-end}.mini-tag{font-size:.65rem;font-weight:700;color:#94a3b8;background:#e2e8f0;padding:2px 6px;border-radius:6px;transition:all .3s}.map-container:not(.filtering) .s-start:before{border-color:#3b82f6}.map-container:not(.filtering) .s-problem:before{border-color:#ef4444}.map-container:not(.filtering) .s-result:before{border-color:#10b981}.map-container:not(.filtering) .s-default:before{border-color:#f5a623}.terminal-station{position:relative;margin-top:10px;padding-left:24px}.terminal-box{background:#fffbeb;border:2px dashed #f5a623;border-radius:16px;padding:16px;text-align:center}.terminal-title{font-size:.8rem;font-weight:800;color:#ca8a04;margin-bottom:12px}.keyword-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.mag-chip{background:#fff;color:#f5a623;border:2px solid #f5a623;padding:8px 16px;border-radius:100px;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #f5a6231a}.mag-chip:hover{transform:translateY(-2px);box-shadow:0 4px 10px #f5a62333}.map-container.filtering .timeline:before{background:#cbd5e1}.map-container.filtering .station{opacity:.3}.map-container.filtering .station.active{opacity:1;transform:scale(1.02)}.map-container.filtering .station.active:before{border-color:#f5a623;background:#fff;box-shadow:0 0 0 4px #f5a6234d}.map-container.filtering .station.active .station-data{border-color:#f5a623;box-shadow:0 4px 12px #f5a62326}.map-container.filtering .station.active .mini-tag.active{background:#f5a623;color:#fff}.mag-chip.active{background:#f5a623;color:#fff;box-shadow:0 4px 12px #f5a6234d;transform:scale(1.05)}.end-actions{display:flex;flex-direction:column;gap:8px;margin-top:1rem;width:100%}.end-btn{padding:14px;background:#fff;border:2px solid var(--primary-light);border-radius:16px;font-weight:700;cursor:pointer;text-align:center}.typing-indicator{display:flex;gap:4px;padding:.8rem;align-self:flex-start}.typing-indicator .dot{width:8px;height:8px;background:#cbd5e1;border-radius:50%;animation:typingBounce 1.4s infinite}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@media(min-width:421px){body{background:#f1f5f9}#app{margin-top:1rem;margin-bottom:1rem;height:calc(100vh - 2rem);height:calc(100dvh - 2rem);border-radius:24px;box-shadow:0 20px 60px #0000001a;background:linear-gradient(180deg,#f0faf5,#e0f5ea)}}@media(min-width:768px){#app{max-width:100%}.sentence-step-bubble{max-width:520px}.map-container{max-width:480px}.role-buttons{flex-direction:row;flex-wrap:wrap}.role-btn{flex:none}.end-actions{flex-direction:row}.end-btn{flex:1}}@media(min-width:1024px){#app{max-width:100%;border-radius:0;margin:0;height:100vh;height:100dvh}main{flex-direction:row}.msg{max-width:70%}.chat-messages{padding:1.5rem 2.5rem 2rem}}