*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f172a;color:#e2e8f0}a{color:#38bdf8}.app{max-width:960px;margin:0 auto;padding:1rem}.header{border-bottom:1px solid #334155;padding-bottom:1rem;margin-bottom:1rem}.header h1{margin:0 0 .5rem}.learner{font-size:.85rem;color:#94a3b8;margin-bottom:.75rem}.tabs{display:flex;gap:.5rem}.tabs button{background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.tabs button.active{background:#38bdf8;color:#0f172a;border-color:#38bdf8}.main{padding-top:.5rem}.card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;margin-bottom:1rem}button.primary{background:#38bdf8;color:#0f172a;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}input,select,textarea{background:#0f172a;border:1px solid #334155;color:#e2e8f0;padding:.5rem;border-radius:6px;width:100%}.progress-bar{height:8px;background:#334155;border-radius:4px;overflow:hidden}.progress-bar .fill{height:100%;background:#38bdf8;transition:width .3s ease}pre{background:#0f172a;padding:.75rem;border-radius:6px;overflow-x:auto}.chat-message{margin-bottom:.5rem}.chat-message.user{color:#38bdf8}.chat-message.assistant{color:#e2e8f0}