:root{--bg:#f6f7fb;--panel:#fff;--ink:#171923;--muted:#6c7182;--line:#e7e8ef;--purple:#6d4aff;--purple-dark:#5634e8;--purple-soft:#efeaff;--green:#14835d;--amber:#aa6a00;--red:#b14444;--radius:18px;--shadow:0 12px 40px #1a143912}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1180px;margin:0 auto;padding:0 24px}.topbar{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8068ff,#5f38ed);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 16px #5d3eeb40}.nav-actions{align-items:center;gap:10px;display:flex}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;transition:all .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 8px 22px #6d4aff38}.btn-primary:hover{background:var(--purple-dark)}.btn-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-soft{background:var(--purple-soft);color:#4e35c9}.btn-ghost{color:var(--muted);background:0 0}.hero{text-align:center;padding:84px 0 70px}.eyebrow{color:#5940d8;background:#f3f0ff;border:1px solid #ddd6ff;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}h1{letter-spacing:-.065em;max-width:940px;margin:20px auto;font-size:clamp(48px,7vw,86px);line-height:.96}.hero p{max-width:730px;color:var(--muted);margin:0 auto;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.flow-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:70px;display:grid}.flow-card{border:1px solid var(--line);border-radius:var(--radius);min-height:150px;box-shadow:var(--shadow);background:#fff;padding:22px}.flow-num{color:var(--purple);letter-spacing:.12em;font-size:12px;font-weight:800}.flow-card h3{margin:14px 0 8px;font-size:20px}.flow-card p{color:var(--muted);margin:0;line-height:1.5}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fcfcfe;height:100vh;padding:22px 16px;position:sticky;top:0}.sidebar .brand{margin:0 10px 28px}.side-section{color:#a0a4b1;letter-spacing:.12em;margin:22px 0 8px;padding:0 10px;font-size:11px;font-weight:800}.side-link{color:#555a68;border-radius:11px;align-items:center;gap:11px;margin:2px 0;padding:10px 12px;font-size:14px;font-weight:650;display:flex}.side-link:hover,.side-link.active{background:var(--purple-soft);color:#4d33cd}.side-icon{text-align:center;width:22px}.main{min-width:0}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#f6f7fbe6;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.page{max-width:1180px;margin:0 auto;padding:32px 34px 70px}.page-title{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1.15}.page-subtitle{color:var(--muted);margin:8px 0 0;line-height:1.55}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card h2,.card h3{letter-spacing:-.025em;margin-top:0}.card.selected{box-shadow:0 0 0 3px #ede9ff, var(--shadow);background:#fbfaff;border-color:#8b76f4}.muted{color:var(--muted)}.kicker{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:800}.metric{letter-spacing:-.05em;font-size:37px;font-weight:820}.progress{background:#eceef3;border-radius:99px;height:9px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg,#785cff,#5b3bea);height:100%;display:block}.progress.green>span{background:#1a966d}.tag{color:#5c6170;background:#f1f2f6;border-radius:999px;align-items:center;padding:5px 8px;font-size:12px;font-weight:750;display:inline-flex}.tag.good{color:#127252;background:#e7f7f0}.tag.warn{color:#916000;background:#fff3da}.tag.bad{color:#a03939;background:#fae9e9}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:14px;display:flex}.spacer{height:24px}.input,.select,.textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe1e8;border-radius:12px;outline:none;padding:12px 13px}.input:focus,.select:focus,.textarea:focus{border-color:#8b76f4;box-shadow:0 0 0 3px #ede9ff}.label{margin:0 0 7px;font-size:13px;font-weight:750;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dropzone{text-align:center;background:#fbfaff;border:1.5px dashed #cfc9ed;border-radius:18px;padding:42px 20px}.file-row{border-bottom:1px solid #eff0f4;grid-template-columns:1.6fr .8fr .6fr auto;align-items:center;gap:12px;padding:13px 0;font-size:14px;display:grid}.file-row:last-child{border-bottom:0}.topic{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.topic-head{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:750;display:flex}.concept-list{border-top:1px solid var(--line)}.concept{border-bottom:1px solid #f1f1f4;justify-content:space-between;align-items:center;padding:12px 16px 12px 36px;font-size:14px;display:flex}.concept:last-child{border-bottom:0}.question{letter-spacing:-.02em;font-size:22px;line-height:1.45}.answer-box{resize:vertical;min-height:150px}.chat{flex-direction:column;gap:15px;max-width:820px;display:flex}.bubble{border-radius:17px;max-width:83%;padding:15px 17px;line-height:1.55}.bubble.ai{border:1px solid var(--line);background:#fff;align-self:flex-start}.bubble.user{color:#fff;background:#6c4df0;align-self:flex-end}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f7fbe6;gap:10px;padding:10px 0;display:flex;position:sticky;bottom:18px}.chat-input .input{flex:1}.mastery-row{grid-template-columns:1.5fr 2fr 70px;align-items:center;gap:15px;margin:15px 0;display:grid}.note-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.note-section{border-top:1px solid var(--line);padding:18px 0;line-height:1.65}.notice{color:#4e3aab;background:#f4f1ff;border:1px solid #e4defd;border-radius:14px;padding:13px 14px;font-size:14px;line-height:1.5}.footer{color:var(--muted);text-align:center;padding:30px 0 50px;font-size:13px}@media (max-width:900px){.flow-grid,.grid-3{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.page{padding:24px 18px 60px}.app-header{padding:0 18px}}@media (max-width:640px){.flow-grid,.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero p{font-size:17px}.file-row{grid-template-columns:1fr;gap:5px}.mastery-row{grid-template-columns:1fr}.bubble{max-width:95%}}.center-screen{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}@keyframes tg-spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--line);border-top-color:var(--purple);border-radius:50%;width:38px;height:38px;margin:0 auto;animation:.8s linear infinite tg-spin}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}