:root{font-family:Inter,SF Pro Text,system-ui,Arial,sans-serif;color:#1f2937}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at -10% -20%,#dbeafe 0%,transparent 55%),radial-gradient(900px 500px at 110% -20%,#fde68a80 0%,transparent 55%),#f5f7ff}.app-shell{max-width:1200px;margin:0 auto;padding:16px;display:grid;grid-template-columns:260px 1fr;gap:14px}.sidebar{background:#fffc;border:1px solid #e5e7eb;border-radius:18px;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:calc(100vh - 32px);position:sticky;top:16px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;font-size:20px}.brand-title{font-weight:800}.brand-sub{color:#6b7280;font-size:12px}.side-nav{display:grid;gap:8px;margin:14px 0}.side-nav a{text-decoration:none;color:#374151;padding:10px 12px;border-radius:12px;font-weight:600;border:1px solid #e5e7eb;background:#fff}.side-nav a.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.side-footnote{margin-top:16px;color:#4b5563;font-size:13px;line-height:1.4}.content{min-width:0}.hero h1{margin:4px 0;font-size:1.8rem}.hero p{margin:0 0 14px;color:#4b5563}.card{background:#fffc;border:1px solid #e5e7eb;border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #4f46e514}.chat-layout{display:grid;grid-template-columns:280px 1fr;gap:12px}.learning-panel{padding:14px}.learning-panel h3{margin:0 0 8px}.learning-panel p{margin:0 0 10px;color:#4b5563;font-size:14px}.stack{display:grid;gap:8px;margin-bottom:12px}.meta-chip{font-size:13px;border-radius:10px;padding:8px 10px;background:#f3f4f6;border:1px solid #e5e7eb}.hint-ladder{display:grid;gap:8px;margin:12px 0}.hint-step{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.hint-step .dot{width:10px;height:10px;border-radius:50%;background:#d1d5db}.hint-step.on{color:#111827;font-weight:600}.hint-step.on .dot{background:#4f46e5}.start-btn{width:100%}.chat-main{padding:14px}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chat-header h2{margin:0}.pill{padding:6px 10px;border-radius:999px;font-size:12px;background:#ede9fe;color:#6d28d9;font-weight:700}.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.progress-item{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}.progress-item .label{font-size:12px;color:#6b7280}.progress-item .value{font-size:1.1rem;font-weight:800}.progress-item.wide{grid-column:span 1}.bar{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:6px}.fill{height:100%;background:linear-gradient(90deg,#60a5fa,#22c55e);transition:width .25s ease}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}select,button,textarea{padding:10px 12px;border-radius:12px;border:1px solid #d1d5db;font:inherit}button{border:none;color:#fff;font-weight:600;background:linear-gradient(135deg,#4f46e5,#7c3aed);cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}textarea{width:100%;min-height:110px;resize:vertical;background:#fff}.chatbox{min-height:360px;max-height:540px;overflow:auto;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;margin:10px 0}.msg-row{display:flex;gap:8px;margin-bottom:10px;align-items:flex-start}.msg-row.user{flex-direction:row-reverse}.avatar{width:28px;height:28px;border-radius:50%;background:#eef2ff;display:grid;place-items:center;font-size:15px;border:1px solid #e5e7eb;flex-shrink:0}.msg-bubble{max-width:80%;border-radius:14px;padding:10px 12px;line-height:1.45;white-space:pre-wrap}.msg-bubble.user{background:#4f46e5;color:#fff;border-bottom-right-radius:6px}.msg-bubble.assistant{background:#fff;border:1px solid #e5e7eb;color:#1f2937;border-bottom-left-radius:6px}.msg-name{font-size:12px;font-weight:700;opacity:.8;margin-bottom:4px}.thinking{color:#6b7280;font-style:italic;padding:4px 2px}.parent-card{padding:14px}.parent-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.metric-emoji{font-size:20px;margin-bottom:6px}.metric-label{font-size:12px;color:#6b7280}.metric-value{margin-top:4px;font-size:1.2rem;font-weight:800}.muted{color:#6b7280;font-size:13px}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.chat-layout{grid-template-columns:1fr}}@media (max-width: 760px){.metric-grid,.progress-grid{grid-template-columns:1fr}.msg-bubble{max-width:90%}}