@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07152c;--panel:#0d2040;--panel2:#10284c;--line:#233d62;--text:#eff6ff;--muted:#91a8c7;--cyan:#55e1df;--blue:#6d9cff;--yellow:#ffce70;--pink:#ff829e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#17365e 0%,var(--bg) 58%);color:var(--text);font-family:Manrope, sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(100px);opacity:.13;pointer-events:none}.a1{background:#1ac9c5;top:25%;left:-200px}.a2{background:#477bff;right:-220px;bottom:0}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff12;position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.08em}.brandmark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #55e1df66;border-radius:12px;color:var(--cyan);font-size:27px}.brand small{display:block;color:var(--muted);font:9px 'DM Mono';letter-spacing:.13em;margin-top:3px}.muted{color:var(--cyan)}button{font:inherit;cursor:pointer;border:0}.ghost,.secondary{background:transparent;color:var(--text);border:1px solid var(--line);padding:11px 17px;border-radius:10px}.primary{background:linear-gradient(110deg,#39d8d0,#6ca6ff);color:#07152c;font-weight:800;padding:14px 20px;border-radius:11px;box-shadow:0 8px 30px #42d8d533}.primary span{margin-left:20px}.hero{max-width:1120px;margin:0 auto;padding:105px 30px 70px;min-height:570px;position:relative}.eyebrow,.side-label,.content-head,.hero-meta,.side-note{font:11px 'DM Mono';letter-spacing:.13em;color:var(--muted)}.eyebrow{color:var(--cyan);display:flex;gap:10px;align-items:center}.pulse{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}h1{font-size:clamp(42px,7vw,82px);line-height:1.08;letter-spacing:-.06em;margin:28px 0 20px;max-width:900px}h1 em{font-style:normal;color:var(--cyan)}.hero p{color:#a9bad2;max-width:570px;line-height:1.8;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-meta{display:flex;gap:35px;margin-top:80px;color:#597493}.workspace{max-width:1440px;margin:0 auto;padding:22px 4vw 70px;display:grid;grid-template-columns:245px 1fr;gap:30px;position:relative}.hidden{display:none!important}.sidebar{border:1px solid var(--line);background:#091a33cc;border-radius:17px;padding:22px;height:max-content;position:sticky;top:20px}.side-label{margin-bottom:17px}.sidebar nav{display:grid;gap:5px}.navitem{text-align:left;color:#9fb2cc;background:transparent;padding:11px 12px;border-radius:9px;font-size:12px;display:flex;gap:11px;align-items:center}.navitem span{font:10px 'DM Mono';color:#597493}.navitem.active{background:#18365a;color:white;box-shadow:inset 2px 0 var(--cyan)}.navitem.done{color:var(--cyan)}.side-note{margin-top:28px}.side-note b{float:right;color:var(--cyan)}.progress{height:5px;background:#203957;border-radius:8px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--cyan);transition:width .5s}.teacher-link{margin-top:22px;background:#172f4e;color:var(--yellow);padding:11px;border-radius:9px;width:100%;text-align:left}.content{min-width:0}.content-head{display:flex;justify-content:space-between;padding:9px 2px 20px;border-bottom:1px solid #ffffff14;margin-bottom:28px;font-size:10px}.save-state{color:#5edac1}.panel{background:linear-gradient(145deg,#102749dd,#0b1d38ee);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,38px);margin-bottom:18px;box-shadow:0 20px 60px #0002;animation:rise .45s ease both}.panel h2{font-size:clamp(25px,4vw,39px);letter-spacing:-.04em;margin:10px 0}.panel h3{margin:0 0 12px}.kicker{font:10px 'DM Mono';color:var(--cyan);letter-spacing:.15em}.lead{color:#a9bad2;line-height:1.8}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{background:#0a1a32;border:1px solid #254366;border-radius:13px;padding:17px}.tile p,.small{font-size:12px;color:var(--muted);line-height:1.7}.formula{font:clamp(24px,4vw,36px) Georgia;color:var(--cyan);padding:18px;text-align:center;background:#07172e;border:1px solid #24466a;border-radius:12px;margin:18px 0}.control{margin:18px 0}.control label{display:flex;justify-content:space-between;font-size:12px;color:#c2d2e7;margin-bottom:8px}.control output{color:var(--cyan);font:12px 'DM Mono'}input[type=range]{width:100%;accent-color:#55e1df}input,textarea,select{font:inherit;color:var(--text);background:#081a33;border:1px solid #294566;border-radius:9px;padding:12px;width:100%;outline:none}textarea{min-height:95px;resize:vertical}label.field{display:block;font-size:11px;color:var(--muted);margin:13px 0 6px}.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.secondary:hover,.navitem:hover{border-color:var(--cyan);color:white}.stat{font:25px 'DM Mono';color:var(--cyan)}.visual{background:radial-gradient(circle at center,#17395e,#08172c 70%);border:1px solid #2b4d70;border-radius:14px;min-height:230px;display:grid;place-items:center;position:relative;overflow:hidden}.coil{width:110px;height:145px;border:9px double #e7a66e;border-radius:35%;box-shadow:0 0 25px #ffb45a44;position:relative}.magnet{position:absolute;width:125px;height:35px;left:calc(50% - 155px);top:calc(50% - 17px);border-radius:5px;background:linear-gradient(90deg,#e85f67 0 50%,#527edb 50%);display:flex;justify-content:space-around;align-items:center;font-weight:800;transition:transform .4s}.magnet b{color:white}.fieldline{position:absolute;width:210px;height:130px;border:1px dashed #5cbbef66;border-radius:50%;animation:spin 9s linear infinite}.led{width:20px;height:20px;border-radius:50%;background:#264052;position:absolute;right:20%;top:45%;transition:.2s}.led.on{background:#b9ff8b;box-shadow:0 0 35px 15px #a5ff6a99}.meter{font:22px 'DM Mono';color:var(--yellow)}.idea{display:flex;gap:8px;margin:8px 0}.idea input{flex:1}.idea-list{display:grid;gap:8px;margin-top:12px}.idea-card{background:#0a1b34;padding:12px;border:1px solid #274362;border-radius:9px;font-size:12px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:11px;border-bottom:1px solid #29415e;text-align:left}.table th{color:var(--cyan);font:10px 'DM Mono'}.tag{display:inline-block;background:#153957;color:var(--cyan);padding:5px 8px;border-radius:20px;font-size:10px}.modal{position:fixed;inset:0;background:#020917d9;z-index:10;display:grid;place-items:center;padding:20px}.modal-card{width:min(440px,100%);background:#102442;border:1px solid #315071;border-radius:18px;padding:30px;position:relative}.modal-card h2{margin:12px 0}.close{position:absolute;right:18px;top:12px;background:transparent;color:white;font-size:26px}.full{width:100%;margin-top:18px}.switch-auth{color:var(--muted);font-size:12px;text-align:center;cursor:pointer}.toast{position:fixed;bottom:25px;right:25px;background:#173b56;border:1px solid #55e1df;color:white;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.25s;z-index:20}.toast.show{opacity:1;transform:none}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.journey button{background:#0b1d36;border:1px solid #284665;color:#c4d3e7;padding:14px 7px;border-radius:10px;font-size:11px}.journey button b{display:block;color:var(--cyan);font:17px 'DM Mono';margin-bottom:7px}.rubric{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center}.muted{color:var(--muted)}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.workspace{grid-template-columns:1fr;padding:15px}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.hero{padding-top:70px}.grid2,.grid3{grid-template-columns:1fr}.journey{grid-template-columns:repeat(2,1fr)}.hero-meta{gap:12px;flex-wrap:wrap}.content-head{font-size:9px}}

/* VERSION 2.0 — refined learning and research interface */
:root{--glass:#102747cc;--glow:0 0 34px #55e1df18}
.panel{backdrop-filter:blur(14px);box-shadow:0 22px 65px #0003,var(--glow)}
.panel:before{content:"";display:block;height:2px;width:68px;background:linear-gradient(90deg,var(--cyan),transparent);margin-bottom:17px;border-radius:3px}
.primary{transition:transform .2s,filter .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 36px #42d8d555}
.tile{transition:transform .25s,border-color .25s,background .25s}.tile:hover{transform:translateY(-3px);border-color:#55e1df77;background:#0d2341}
.navitem{transition:background .2s,color .2s,transform .2s}.navitem:hover{transform:translateX(3px)}
.assessment-wrap{margin-top:26px;padding:20px;border:1px solid #2d5575;border-radius:14px;background:linear-gradient(130deg,#102d4b,#0a1c34)}
.quiz-item{padding:17px 0;border-bottom:1px solid #29415e}.quiz-options{display:grid;gap:8px;margin-top:12px}.quiz-options label{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#0a1b34;border:1px solid #274362;border-radius:9px;font-size:12px;color:#c7d7eb;cursor:pointer}.quiz-options input{width:auto;margin:2px 0;accent-color:#55e1df}
.teacher-actions,.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filter-row input{max-width:420px}.rubric-v2{grid-template-columns:1fr 150px;padding:9px 0;border-bottom:1px solid #29415e}.rubric-v2 select{padding:9px}.table tbody tr:hover{background:#ffffff08}
.visual{isolation:isolate}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#55e1df0a 50%,transparent 80%);animation:scan 5s linear infinite;pointer-events:none;z-index:-0}
.magnet,.coil,.led{z-index:1}.fieldline{box-shadow:0 0 25px #57bde722}
@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media(max-width:600px){.teacher-actions>*{flex:1}.rubric-v2{grid-template-columns:1fr 120px}.quiz-options label{line-height:1.5}}