@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color-scheme:dark;--bg:#0c1020;--panel:#171b30;--panel2:#20253c;--text:#f6f7ff;--muted:#a2a9c4;--line:#30364f;--accent:#8b6aff;--blue:#4e9bff;--shadow:0 12px 40px #03050c35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{min-height:100vh}.app{max-width:860px;margin:auto;min-height:100vh;padding-bottom:95px}.topbar{display:flex;align-items:center;gap:12px;padding:21px 23px;border-bottom:1px solid var(--line)}.brandmark{width:43px;height:43px;border-radius:15px;background:linear-gradient(140deg,#9d70ff,#536dff);display:grid;place-items:center;color:#fff}.brandtext{display:flex;flex-direction:column;gap:3px;flex:1}.brandtext b{font-size:15px}.brandtext small{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:800}.iconbtn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;width:41px;height:41px;display:grid;place-items:center}main{padding:24px 22px}.hero{position:relative;overflow:hidden;isolation:isolate;padding:30px 25px 34px;border-radius:26px;background:linear-gradient(125deg,#242044,#252f70 65%,#17366b);min-height:300px}.hero h1{font-size:clamp(31px,6vw,46px);line-height:1.17;letter-spacing:-1.5px;margin:21px 0 13px;position:relative;z-index:1}.hero h1 span{color:#baa5ff}.hero p{font-size:13px;max-width:320px;line-height:1.7;color:#d4d8f6;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#b8a7ff;display:flex;align-items:center;gap:7px}.primary{border:0;background:linear-gradient(110deg,#a47bff,#7664f5);color:#fff;padding:14px 19px;border-radius:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;position:relative;z-index:1;box-shadow:0 7px 24px #7d5efb55}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb1{height:250px;width:250px;right:-75px;top:-80px;background:radial-gradient(circle,#a87cff70,transparent 68%)}.orb2{height:230px;width:230px;right:-45px;bottom:-130px;background:radial-gradient(circle,#3b91ff66,transparent 70%)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.stats>div{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px 10px;display:flex;align-items:center;flex-direction:column;gap:5px}.stats b{font-size:24px}.stats span{font-size:10px;color:var(--muted);text-align:center}.sectiontitle{margin:27px 0 14px}.sectiontitle h2{font-size:18px;margin:0}.feature{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;padding:16px;margin-bottom:10px}.feature>div:nth-child(2){flex:1}.feature b,.feature small{display:block}.feature b{font-size:13px}.feature small{font-size:11px;color:var(--muted);margin-top:5px}.featureicon{height:45px;width:45px;border-radius:14px;display:grid;place-items:center}.violet{background:#8b6aff25;color:#ae97ff}.blue{background:#4e9bff25;color:#75b3ff}.pageheading{margin:12px 0 25px}.pageheading h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.pageheading p{font-size:13px;line-height:1.7;color:var(--muted)}.casegrid{display:grid;gap:13px}.casecard{width:100%;text-align:left;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:20px}.casecard h3{font-size:16px;margin:17px 0 8px}.casecard p{font-size:12px;line-height:1.75;color:var(--muted)}.casetop,.casemeta{display:flex;align-items:center;justify-content:space-between}.pill{display:inline-block;background:#8b6aff25;color:#b5a1ff;padding:6px 10px;border-radius:100px;font-size:10px;font-weight:800}.casemeta{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;color:var(--muted);font-size:11px}.casemeta span{display:flex;align-items:center;gap:5px}.ok{color:#59d4a0}.back{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:4px;padding:8px 0 19px}.detail h2{font-size:22px}.prompt{background:var(--panel2);border-radius:12px;padding:13px;font-size:12px;line-height:1.7;margin:17px 0}.detail label{font-size:12px;font-weight:800;display:block;margin-bottom:10px}.detail textarea{width:100%;resize:vertical;border-radius:13px;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:13px;line-height:1.6}.feedback{padding:13px;border-radius:12px;background:#6d8cff20;color:var(--text);font-size:12px;margin-top:15px;line-height:1.6}.module{display:flex;align-items:center;gap:15px;padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-bottom:12px}.module>span{font-weight:800;color:var(--muted);font-size:12px}.module>svg{color:#ae97ff;flex-shrink:0}.module b{font-size:14px}.module p{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0 0}.note{font-size:12px;color:var(--muted);line-height:1.7;background:var(--panel2);border-radius:13px;padding:16px;margin-top:20px}.profilecard{background:var(--panel);border:1px solid var(--line);border-radius:23px;text-align:center;padding:32px 25px}.avatar{width:84px;height:84px;border-radius:28px;background:linear-gradient(130deg,#9d70ff,#536dff);display:grid;place-items:center;margin:auto;color:#fff}.profilecard h2{margin:17px 0 8px}.profilexp{display:flex;justify-content:space-between;margin-top:33px;font-size:12px}.profilexp span{color:var(--muted)}.progress{height:8px;background:var(--panel2);border-radius:20px;overflow:hidden;margin:10px 0 20px}.progress>div{height:100%;background:linear-gradient(90deg,#8b6aff,#4e9bff);border-radius:20px}.profilecard p{font-size:12px;color:var(--muted)}.disclaimer{text-align:center;color:var(--muted);font-size:10px;padding:15px 25px 5px}.bottomnav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(100%,860px);background:var(--panel);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px max(12px,env(safe-area-inset-bottom))}.bottomnav button{background:none;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px;padding:5px 0;font-size:10px}.bottomnav button.active{color:#aa8dff}.bottomnav button.active svg{stroke-width:2.7}:root[data-theme=light]{color-scheme:light;--bg:#f5f6fc;--panel:#fff;--panel2:#eceefa;--text:#1a2140;--muted:#737c9a;--line:#e1e5f0;--shadow:0 12px 40px #0a14401c}@media (min-width:700px){.casegrid{grid-template-columns:repeat(2,1fr)}.hero{padding:45px;min-height:330px}.stats>div{padding:24px}}.panel{background:var(--card,#20243a);border:1px solid var(--border,rgba(130,140,180,.2));border-radius:20px;padding:20px;margin:16px 0;color:var(--text,#fff)}.panel h2{font-size:19px;margin:0 0 10px}.panel p{margin:8px 0}.rowspread{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini{font-size:11px;letter-spacing:1.5px;opacity:.7}.muted{opacity:.65;font-size:13px}.soft-pill{border-radius:40px;padding:7px 10px;background:#8773f524;display:flex;align-items:center;gap:5px;font-size:12px}.progress-panel .progress{margin-top:16px}.task{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--border,rgba(130,140,180,.2))}.taskname{flex:1;font-size:14px}.taskcheck{font-size:19px;opacity:.55}.taskcheck.done{color:#49c99a;opacity:1}.smallaction{border:0;border-radius:10px;padding:8px 10px;background:#7760ed;color:#fff;font-weight:700;font-size:12px;cursor:pointer}.filters{display:flex;gap:7px;overflow-x:auto;padding:4px 0 14px}.filter{border:1px solid var(--border,rgba(130,140,180,.3));border-radius:30px;background:transparent;color:inherit;padding:9px 14px;white-space:nowrap;cursor:pointer}.filter.active{background:#7760ed;color:#fff;border-color:#7760ed}.textaction{background:transparent;border:0;color:#a999ff;font-weight:700;cursor:pointer;margin:10px 0;padding:6px 0}.tips{padding-left:22px;line-height:1.6;font-size:14px}.module-button{width:100%;text-align:left;cursor:pointer;color:inherit;border:1px solid var(--border,rgba(130,140,180,.2));font:inherit}.module-button>div{flex:1}.lesson-detail h1{font-size:26px}.lesson-detail>p{font-size:16px;line-height:1.7}.profilefacts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.profilefacts span{display:flex;align-items:center;gap:6px;font-size:13px}.achievement{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--border,rgba(130,140,180,.2))}.achievement>div{flex:1}.achievement b{font-size:14px}.achievement p{font-size:12px;opacity:.65}.reset{border:0;background:transparent;color:inherit;opacity:.65;display:flex;align-items:center;gap:8px;margin:20px auto;cursor:pointer}.ok{color:#48c89b}.note{line-height:1.5}:root[data-theme=light] .panel{background:#fff;color:#20253f}:root[data-theme=dark] .panel{background:#20243a;color:#f5f6ff}.ticket-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.ticket-head h2{margin:13px 0 7px}.ticket-head small{font-size:11px;color:var(--muted)}.ticket-state{white-space:nowrap;font-size:10px;color:#bba7ff;background:#8b6aff22;border-radius:20px;padding:7px 10px}.chat-log{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:18px 12px;margin:23px 0 15px;min-height:205px}.chat-date{text-align:center;font-size:10px;color:var(--muted);margin-bottom:18px}.chat-row{display:flex;align-items:end;gap:9px;margin:12px 0}.chat-row.own{justify-content:flex-end}.chat-avatar{height:32px;width:32px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--panel2);font-weight:800;color:var(--muted)}.chat-bubble{max-width:85%;background:var(--panel2);padding:13px 14px;border-radius:15px 15px 15px 4px}.chat-row.own .chat-bubble{background:#6955cc33;border-radius:15px 15px 4px}.chat-bubble b{font-size:11px;color:var(--text)}.chat-bubble p{margin:8px 0;font-size:13px;line-height:1.65;color:var(--text)}.chat-bubble small{display:block;text-align:right;color:var(--muted);font-size:10px}.composer-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin-top:7px}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.review-card{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel2)}.review-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.review-title svg{color:#59d4a0}.review-score{font-size:25px;font-weight:800;margin-top:12px;color:#aa90ff}.review-score small{display:block;font-size:11px;color:var(--muted);font-weight:500}.review-card p{font-size:12px;line-height:1.7}.review-points{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.5;margin:14px 0}@media (max-width:450px){.ticket-head{flex-wrap:wrap}.conversation{padding:16px}.chat-bubble{max-width:88%}}.suggestion-list{display:flex;flex-direction:column;gap:9px;margin:18px 0}.suggestion-list>b{font-size:13px}.suggestion-list>small{font-size:11px;color:var(--muted)}.suggestion{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:13px;text-align:left;color:var(--text);font:inherit;font-size:12px;line-height:1.6;cursor:pointer}.suggestion:hover{border-color:#8b6aff}.review-points>div{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px solid var(--line)}.review-points span{color:var(--muted)}.sync-line{max-width:950px;margin:8px auto 0;padding:5px 18px;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}