*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:#e5e7eb;background:radial-gradient(circle at top,#111827,#020617 55% 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-root{justify-content:center;min-height:100vh;padding:24px;display:flex}.app-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;border-radius:16px;width:100%;max-width:960px;padding:24px 24px 32px;box-shadow:0 20px 40px #0009,0 0 0 1px #0f172acc}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.app-title{letter-spacing:.03em;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;display:flex}.app-title span{color:#7dd3fc;background:#38bdf824;border-radius:999px;padding:2px 8px;font-size:.75rem}.app-subtitle{color:#9ca3af;font-size:.85rem}.app-controls{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.app-select{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:999px;padding:6px 10px;font-size:.85rem}.app-select:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}.app-main{flex-direction:column;gap:20px;display:flex}.app-form{flex-direction:column;gap:10px;display:flex}.app-input-wrapper{position:relative}.app-input{resize:vertical;color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:12px;width:100%;min-height:72px;padding:10px 12px;font-size:.9rem}.app-input::placeholder{color:#6b7280}.app-input:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}.app-form-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.app-hint{color:#6b7280;font-size:.75rem}.app-button{cursor:pointer;color:#0b1120;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:500;display:inline-flex}.app-button:disabled{opacity:.6;cursor:default}.app-button span{font-size:.9rem}.app-status{min-height:20px;font-size:.8rem}.app-status--error{color:#fecaca}.app-status--info{color:#9ca3af}.app-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;margin-top:8px;display:grid}@media (max-width:900px){.app-grid{grid-template-columns:minmax(0,1fr)}}.app-panel{background:#0f172ae6;border:1px solid #1f2937;border-radius:12px;padding:14px 12px 10px}.app-panel-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.8rem;font-weight:500}.app-answer{font-size:.9rem;line-height:1.6}.app-answer h1,.app-answer h2,.app-answer h3{margin-top:.75em;margin-bottom:.3em;font-weight:600}.app-answer p{margin:.3em 0}.app-answer ul,.app-answer ol{margin:.3em 0;padding-left:1.2em}.app-answer code{background:#111827;border-radius:4px;padding:.1em .3em;font-size:.85em}.app-answer pre{background:#020617;border-radius:8px;padding:10px;font-size:.8rem;overflow-x:auto}.app-badge{color:#9ca3af;border:1px solid #1f2937;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;display:inline-flex}.app-badge-dot{background:#22c55e;border-radius:999px;width:8px;height:8px}.app-recent-list{margin:0;padding:0;font-size:.8rem;list-style:none}.app-recent-item{cursor:pointer;color:#d1d5db;border-radius:8px;padding:6px 4px}.app-recent-item:hover{background:#1f2937e6}.app-recent-meta{color:#6b7280;margin-top:2px;font-size:.7rem}.app-tasks{margin:0;padding:0;list-style:none}.app-task-item{align-items:flex-start;gap:8px;padding:4px 0;font-size:.8rem;display:flex}.app-task-status{border-radius:999px;width:8px;height:8px;margin-top:4px}.app-task-status--pending{background:#6b7280}.app-task-status--in_progress{background:#38bdf8}.app-task-status--completed{background:#22c55e}.app-task-status--failed{background:#ef4444}.app-phase-summary{color:#9ca3af;flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.app-phase-pill{border:1px solid #1f2937;border-radius:999px;padding:2px 10px}.app-phase-pill--active{color:#e5e7eb;border-color:#38bdf8}