:root{--bg:#07101d;--bg2:#0b1627;--card:#0e1b2e;--card2:#101f35;--text:#f5f8ff;--muted:#93a4bb;--line:#203149;--cyan:#5ee7ff;--blue:#6b8cff;--violet:#9b7bff;--green:#6ee7a7;--orange:#f6b965;--shadow:0 24px 70px rgba(0,0,0,.28);--radius:24px;--radius-sm:16px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,#10223d 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none;z-index:-1}.ambient-a{width:420px;height:420px;background:#1ed9ff;top:-150px;right:-80px}.ambient-b{width:380px;height:380px;background:#7f5cff;left:-170px;top:45%}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border:1px solid rgba(94,231,255,.5);background:linear-gradient(145deg,rgba(94,231,255,.2),rgba(107,140,255,.1));display:grid;place-items:center;border-radius:11px;font-family:Georgia,serif;font-size:23px;color:var(--cyan);box-shadow:inset 0 0 18px rgba(94,231,255,.08)}.brand strong{font:700 18px/1 Space Grotesk,sans-serif;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.nav{display:flex;gap:31px;font-size:14px;color:#b8c4d3}.nav a:hover{color:#fff}.header-actions,.dashboard-actions,.studio-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px;background:#0a1525}.lang-btn{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:8px;font-weight:700;font-size:11px;cursor:pointer}.lang-btn.active{background:#162740;color:#fff}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;justify-content:center;transition:.2s transform,.2s border,.2s background}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#6ee7ff,#6d88ff);color:#07101d;box-shadow:0 12px 30px rgba(94,231,255,.17)}.btn-secondary{background:#111f33;border:1px solid #2a3c56;color:#eef4ff}.btn-ghost{background:transparent;border:1px solid #263951;color:#dbe5f2}.icon-btn{background:#101d30;border:1px solid var(--line);color:#fff;border-radius:10px;width:40px;height:40px}.mobile-menu{display:none}.hero{min-height:660px;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center;padding-block:72px 48px}.hero-copy h1{font:700 clamp(52px,6.4vw,82px)/.97 Space Grotesk,sans-serif;letter-spacing:-.045em;margin:18px 0 24px}.gradient-text{background:linear-gradient(90deg,#fff,#6ce6ff 53%,#8c83ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:#a8b8cc;max-width:650px}.eyebrow,.label{color:#74dfff;font-size:11px;font-weight:800;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(94,231,255,.09)}.hero-cta{display:flex;gap:12px;margin-top:31px}.trust-row{display:flex;gap:32px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line);width:max-content}.trust-row div{display:grid}.trust-row b{font-size:19px}.trust-row span{font-size:11px;color:var(--muted)}.glass-card{background:linear-gradient(160deg,rgba(20,38,62,.92),rgba(8,20,35,.82));border:1px solid rgba(114,170,217,.17);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-panel{border-radius:30px;padding:27px;min-height:480px;position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;width:220px;height:220px;background:rgba(93,229,255,.08);filter:blur(65px);left:25%;top:25%}.panel-head,.panel-footer{display:flex;align-items:center;justify-content:space-between;position:relative}.panel-head h3{margin:6px 0;font:600 22px Space Grotesk}.difficulty,.pill{padding:7px 10px;border:1px solid #2b4662;border-radius:999px;font-size:11px;color:#bdcadb}.orbital-visual{height:270px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(112,173,218,.23);border-radius:50%}.orbit-1{width:230px;height:230px}.orbit-2{width:156px;height:156px}.core{font:700 48px Georgia;color:var(--cyan);text-shadow:0 0 30px rgba(94,231,255,.35)}.particle{position:absolute;width:12px;height:12px;border-radius:50%;background:#8d8cff;box-shadow:0 0 15px rgba(141,140,255,.5)}.particle-a{transform:translate(95px,-45px)}.particle-b{transform:translate(-72px,78px);background:var(--cyan)}.lesson-meta,.problem-actions,.challenge-meta{display:flex;gap:12px}.lesson-meta span,.meta-tags span,.challenge-meta span{font-size:11px;color:#b8c6d8;background:#101d31;border:1px solid var(--line);padding:6px 9px;border-radius:8px}.progress-line,.mini-progress{height:5px;background:#16263b;border-radius:99px;overflow:hidden;margin:18px 0 10px}.progress-line span,.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px}.panel-footer{font-size:12px;color:var(--muted)}.panel-footer a,.text-link{color:var(--cyan);font-weight:700}.phi-entry{margin-top:22px;border:1px solid #21405d;background:linear-gradient(90deg,rgba(18,39,61,.96),rgba(15,29,48,.92));border-radius:22px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.phi-avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#1a3653,#18294d);color:var(--cyan);font:700 29px Georgia;border:1px solid rgba(94,231,255,.35)}.phi-avatar.small{width:40px;height:40px;border-radius:12px;font-size:20px}.phi-message h2{font:600 20px Space Grotesk;margin:2px 0 4px}.phi-message p{margin:0;color:var(--muted);font-size:13px}.section{padding-block:100px}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:34px}.section-heading h2,.feature-copy h2,.cta-section h2{font:600 clamp(34px,4vw,48px)/1.08 Space Grotesk;margin:8px 0}.section-heading p,.feature-copy>p,.cta-section p{color:var(--muted)}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.track-card{min-height:260px;border:1px solid var(--line);background:#0b1728;border-radius:20px;padding:23px;transition:.25s;position:relative;overflow:hidden}.track-card:hover{transform:translateY(-4px);border-color:#365373}.track-card.featured{background:linear-gradient(145deg,#112a3b,#12203b);border-color:#315770}.track-card.featured:after{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-55px;border-radius:50%;background:rgba(94,231,255,.07)}.track-icon{font-size:28px;color:var(--cyan);height:54px}.track-card>span{position:absolute;top:23px;right:23px;color:#51657d;font-weight:700}.track-card h3{font:600 22px Space Grotesk;margin:14px 0 8px}.track-card p{color:var(--muted);font-size:13px;min-height:58px}.track-bottom{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;display:flex;justify-content:space-between}.track-bottom em{font-style:normal;font-size:11px;color:#90a2b8}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.clean-list{list-style:none;padding:0;margin:25px 0}.clean-list li{display:flex;gap:11px;padding:10px 0;color:#c8d2df}.clean-list li span:first-child{color:var(--cyan)}.problem-card{border-radius:24px;padding:27px}.problem-top{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.flag{font-size:27px}.problem-top h3{margin:4px 0;font:600 22px Space Grotesk}.problem-statement{color:#bac8d8;margin:25px 0}.equation{height:130px;border-radius:16px;background:radial-gradient(circle at center,#142d47,#0a1626);display:grid;place-items:center;font:italic 30px Georgia;color:#f8fbff;border:1px solid #203a54;margin-bottom:22px}.problem-actions{justify-content:flex-end}.lab-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.simulation-card,.lab-copy{border:1px solid var(--line);border-radius:24px;background:#0b1728}.simulation-card{padding:20px}.sim-stage{height:310px;border-radius:17px;background:linear-gradient(#0d1c30,#09121f);position:relative;overflow:hidden;border:1px solid #19314a}.axis-x{position:absolute;height:1px;background:#35506b;left:38px;right:20px;bottom:45px}.axis-y{position:absolute;width:1px;background:#35506b;left:52px;top:25px;bottom:35px}.launcher{width:35px;height:9px;background:#8aa3bc;position:absolute;bottom:52px;left:42px;transform:rotate(-45deg);transform-origin:left}.ball{width:13px;height:13px;border-radius:50%;background:var(--cyan);position:absolute;left:70px;bottom:85px;box-shadow:0 0 15px var(--cyan)}.trajectory{position:absolute;width:65%;height:66%;left:69px;bottom:51px;border-top:2px dashed rgba(94,231,255,.65);border-radius:50% 50% 0 0;transform:rotate(-2deg)}.sim-controls{display:grid;grid-template-columns:auto 1fr;gap:11px 15px;align-items:center;padding:18px 4px 0}.sim-controls div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.sim-controls input{accent-color:#5ee7ff}.lab-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.lab-copy h3{font:600 30px Space Grotesk;margin:9px 0}.lab-copy>p{color:var(--muted)}.phi-mini{display:flex;gap:13px;align-items:flex-start;background:#0e1c31;border:1px solid #203b57;padding:15px;border-radius:15px;margin:15px 0}.phi-mini p{font-size:12px;color:#c5d3e2;margin:0}.cta-section{margin-top:20px;margin-bottom:80px;border:1px solid #214362;border-radius:25px;background:linear-gradient(100deg,#10263b,#111c35);padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-section h2{font-size:34px}.cta-section p{margin-bottom:0}.footer{height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.brand.compact .brand-mark{width:32px;height:32px}.phi-fab{position:fixed;right:27px;bottom:26px;width:58px;height:58px;border-radius:18px;border:1px solid rgba(94,231,255,.45);background:linear-gradient(145deg,#163650,#1d2852);color:var(--cyan);font:700 26px Georgia;z-index:40;box-shadow:0 14px 40px rgba(0,0,0,.34);cursor:pointer}.phi-fab i{position:absolute;width:10px;height:10px;border-radius:50%;background:#65e6a6;right:5px;top:5px;border:2px solid #102035}.phi-drawer{position:fixed;top:0;right:-430px;width:min(400px,92vw);height:100vh;background:#091523;border-left:1px solid #263a53;z-index:60;transition:.28s right;display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.35)}.phi-drawer.open{right:0}.phi-drawer-head{height:76px;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.phi-id{display:flex;gap:11px;align-items:center}.phi-id small{display:block;color:var(--muted);font-size:10px}.close-btn{border:0;background:transparent;color:#a9b6c7;font-size:28px;cursor:pointer}.phi-chat{flex:1;overflow:auto;padding:20px}.chat-bubble{max-width:88%;padding:13px 14px;border-radius:16px;font-size:13px;margin-bottom:12px}.chat-bubble.ai{background:#12233a;border:1px solid #203a58;color:#d8e5f3}.chat-bubble.user{margin-left:auto;background:linear-gradient(135deg,#61dff7,#7088ff);color:#07101d;font-weight:600}.quick-prompts{padding:0 16px 12px;display:flex;gap:7px;flex-wrap:wrap}.quick-prompts button{border:1px solid #27425f;background:#101f34;color:#b9c8d9;border-radius:999px;padding:7px 10px;font-size:10px;cursor:pointer}.phi-input{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-top:1px solid var(--line)}.phi-input input{background:#101e31;border:1px solid #293d56;color:#fff;border-radius:12px;padding:12px}.phi-input button{width:43px;border:0;border-radius:12px;background:var(--cyan);color:#07101d;font-weight:900}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:50;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.show{opacity:1;pointer-events:auto}
/* dashboard */.dashboard-body{display:grid;grid-template-columns:235px 1fr;background:#07101d}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;background:#081321}.side-nav{display:grid;gap:6px;margin-top:40px}.side-nav a{display:flex;align-items:center;gap:12px;color:#8fa1b8;padding:11px 12px;border-radius:11px;font-size:13px}.side-nav a.active,.side-nav a:hover{background:#10223a;color:#fff}.side-nav a.active span:first-child{color:var(--cyan)}.sidebar-bottom{margin-top:auto}.mini-profile{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#24476a,#2a2f60);display:grid;place-items:center;font-size:11px;font-weight:800}.mini-profile small{display:block;color:var(--muted);font-size:9px}.studio-link{display:block;color:#77ddf3;font-size:10px;margin-top:18px}.dashboard-main{min-width:0}.dashboard-top{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;background:rgba(7,16,29,.9);backdrop-filter:blur(12px);z-index:20}.searchbox{width:min(420px,40vw);border:1px solid var(--line);background:#0b1728;border-radius:11px;padding:9px 12px;color:#5d7189}.searchbox input{background:transparent;border:0;outline:none;color:#fff;width:88%;font-size:12px}.streak,.xp{font-size:11px;border:1px solid var(--line);background:#0c192a;padding:7px 10px;border-radius:10px}.avatar-btn{border:1px solid #33506c;color:#fff}.sidebar-toggle{display:none}.dashboard-content{padding:36px 34px 70px;max-width:1450px;margin:auto}.welcome-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.welcome-row h1{font:600 34px Space Grotesk;margin:6px 0}.welcome-row .muted{color:#657991}.welcome-row p{color:var(--muted);margin:0;font-size:13px}.dashboard-grid{display:grid;gap:16px}.top-grid{grid-template-columns:1.6fr .8fr}.today-card{border-radius:22px;padding:27px;display:grid;grid-template-columns:1fr auto;gap:25px}.today-info h2{font:600 30px Space Grotesk;margin:10px 0}.today-info p{max-width:700px;color:#9dafc3;font-size:12px}.meta-tags{display:flex;gap:8px;margin:20px 0}.session-ring{width:150px;height:150px;position:relative;align-self:center}.session-ring svg{width:100%;transform:rotate(-90deg)}.session-ring circle{fill:none;stroke-width:7}.ring-bg{stroke:#182941}.ring-progress{stroke:#61e1f7;stroke-dasharray:314;stroke-dashoffset:100;stroke-linecap:round}.session-ring div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.session-ring b{font-size:26px}.session-ring span{font-size:9px;color:var(--muted)}.coach-card{border:1px solid #29405b;background:linear-gradient(145deg,#10233a,#0b1727);border-radius:22px;padding:24px}.coach-head{display:flex;gap:11px;align-items:center}.coach-head h3{margin:2px 0;font:600 17px Space Grotesk}.coach-card>p{color:#abbaca;font-size:12px;margin:22px 0}.as-button{border:0;background:transparent;padding:0;cursor:pointer}.metric-grid{grid-template-columns:repeat(4,1fr);margin-top:16px}.metric{border:1px solid var(--line);background:#0b1728;border-radius:18px;padding:18px}.metric-value{font:650 31px Space Grotesk;margin-top:12px}.metric-value span{font-size:13px;color:#76899f}.metric small{color:#7f91a8;font-size:9px}.metric small.positive{color:#6ee7a7}.sparkline{height:24px;display:flex;align-items:end;gap:4px;margin:8px 0}.sparkline i{width:11%;background:#3e7697;border-radius:3px 3px 0 0}.sparkline i:nth-child(1){height:30%}.sparkline i:nth-child(2){height:55%}.sparkline i:nth-child(3){height:45%}.sparkline i:nth-child(4){height:70%}.sparkline i:nth-child(5){height:50%}.sparkline i:nth-child(6){height:82%}.sparkline i:nth-child(7){height:68%}.week-dots{display:flex;gap:5px;margin-top:14px}.week-dots i{font-style:normal;width:22px;height:22px;border-radius:7px;border:1px solid #29405a;display:grid;place-items:center;font-size:8px;color:#62758c}.week-dots i.done{background:#153c46;color:#7be4da;border-color:#2f5d64}.lower-grid{grid-template-columns:1.45fr .65fr;margin-top:16px}.mastery-card{padding:24px;border-radius:20px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title h2{font:600 22px Space Grotesk;margin:4px 0}.filter-btn{border:1px solid var(--line);background:#0c1829;color:#8295ac;border-radius:10px;padding:7px 10px;font-size:10px}.skill-bars{display:grid;gap:17px;margin-top:23px}.skill-bars>div{display:grid;grid-template-columns:150px 1fr 38px;gap:13px;align-items:center;font-size:11px}.skill-bars>div>div{height:7px;background:#14263a;border-radius:99px;overflow:hidden}.skill-bars i{display:block;height:100%;background:linear-gradient(90deg,#59dff3,#7087fa);border-radius:99px}.skill-bars b{font-size:10px;color:#9aabc0}.challenge-card{border:1px solid #2b4563;background:linear-gradient(155deg,#10233a,#0b1728);border-radius:20px;padding:22px}.challenge-card>div:first-child{display:flex;justify-content:space-between}.challenge-art{height:125px;margin:15px 0;position:relative;display:grid;place-items:center;border:1px solid #1e3852;border-radius:15px;background:radial-gradient(circle,#14324c,#0a1625)}.challenge-art span{font:italic 42px Georgia;color:#72ddf3}.challenge-art i{position:absolute;width:80px;height:80px;border:1px dashed #557492;border-radius:50%}.challenge-art b{position:absolute;right:30%;top:25%;font-size:10px}.challenge-card h3{font:600 18px Space Grotesk;margin:0}.challenge-card>p{color:var(--muted);font-size:10px}.challenge-meta{margin:15px 0}.btn.full{width:100%}.activity-section{margin-top:30px}.activity-list{margin-top:12px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.activity-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:15px;align-items:center;padding:15px 17px;background:#0a1626;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border:1px solid #263e59;border-radius:10px;display:grid;place-items:center;color:var(--cyan)}.activity-item b{font-size:11px}.activity-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.status{font-size:8px;padding:5px 8px;border-radius:99px}.status.in-progress{background:#203448;color:#75dff0}.status.completed{background:#173c34;color:#6ee7a7}.status.reviewed{background:#282b50;color:#aaa0ff}
/* Studio */.studio-body{background:#07101d;overflow:hidden}.studio-top{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.studio-layout{display:grid;grid-template-columns:240px 1fr 285px;height:calc(100vh - 70px)}.studio-palette,.studio-inspector{padding:22px 17px;background:#081321;overflow:auto}.studio-palette{border-right:1px solid var(--line)}.studio-inspector{border-left:1px solid var(--line)}.studio-palette h2{font:600 20px Space Grotesk;margin:5px 0}.studio-palette>p{font-size:10px;color:var(--muted)}.block-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.block-list button{min-height:68px;background:#0d1a2c;border:1px solid #20334a;color:#cad7e5;border-radius:12px;display:grid;place-content:center;gap:2px;cursor:pointer;font-size:17px}.block-list button span{font-size:9px}.block-list button:hover{border-color:#4c718f;background:#10233a}.studio-canvas{overflow:auto;padding:22px 28px;background:#091421}.studio-breadcrumb{color:#6f839a;font-size:9px;display:flex;gap:8px}.editor-toolbar{display:flex;justify-content:space-between;align-items:end;margin:22px auto 15px;max-width:830px}.lesson-title{display:block;background:transparent;border:0;color:#fff;font:600 27px Space Grotesk;outline:0;width:480px}.locale-tabs{border:1px solid var(--line);background:#0b1728;border-radius:10px;padding:3px}.locale-tabs button{border:0;background:transparent;color:#8194aa;padding:7px 9px;border-radius:7px;font-size:9px}.locale-tabs button.active{background:#142842;color:#fff}.lesson-canvas{max-width:830px;margin:auto;background:#0b1728;border:1px solid var(--line);border-radius:20px;padding:20px;min-height:670px}.editable-block{position:relative;background:#0d1b2e;border:1px solid #1d334a;border-radius:14px;padding:20px 40px;display:grid;grid-template-columns:auto 1fr auto;gap:12px}.block-handle{position:absolute;left:11px;top:18px;color:#536c84;cursor:grab}.block-menu{position:absolute;right:10px;top:12px;border:0;background:transparent;color:#60748b}.block-content h2{font:600 22px Space Grotesk;margin:6px 0}.block-content p{color:#9eafc3;font-size:11px}.add-slot{height:42px;display:grid;place-items:center}.add-content-btn{opacity:.45;border:1px dashed #35506d;background:#0c192a;color:#91a5bc;padding:6px 10px;border-radius:9px;font-size:9px;cursor:pointer}.add-slot:hover .add-content-btn{opacity:1}.video-placeholder{height:180px;border-radius:12px;background:radial-gradient(circle,#183654,#091522);display:grid;place-content:center;text-align:center}.video-placeholder>span{font-size:30px;color:var(--cyan)}.video-placeholder small{display:block;color:var(--muted);font-size:9px}.sim-placeholder{display:flex;align-items:center;justify-content:space-between}.sim-placeholder small{display:block;color:var(--muted);font-size:9px}.studio-inspector h3{font:600 18px Space Grotesk}.studio-inspector label{display:grid;gap:5px;margin:14px 0}.studio-inspector label span{font-size:9px;color:#7e91a7}.studio-inspector select,.studio-inspector input,.studio-inspector textarea{background:#0d1a2c;border:1px solid #243950;color:#dce6f2;border-radius:9px;padding:9px;font-size:10px}.studio-inspector textarea{height:100px;resize:none}.inspector-note{margin-top:22px;border:1px solid #22505a;background:#0e292f;border-radius:12px;padding:12px}.inspector-note b{color:#79e3d3;font-size:10px}.inspector-note p{color:#8fa7aa;font-size:9px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,30px);opacity:0;background:#17372f;border:1px solid #2a6354;color:#85e9c4;padding:10px 16px;border-radius:10px;font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.desktop-nav,.desktop-only{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:50px}.hero-panel{max-width:650px}.track-grid{grid-template-columns:repeat(2,1fr)}.split-section,.lab-grid{grid-template-columns:1fr}.dashboard-body{display:block}.sidebar{position:fixed;left:-250px;z-index:40;width:235px;transition:.2s left}.sidebar.open{left:0}.sidebar-toggle{display:inline-block}.dashboard-top{padding:0 16px}.searchbox{display:none}.top-grid,.lower-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:190px 1fr}.studio-inspector{display:none}.studio-actions .btn-ghost{display:none}}@media(max-width:650px){.shell{width:min(100% - 24px,var(--max))}.topbar{height:70px}.hero{gap:30px}.hero-copy h1{font-size:48px}.hero-cta,.trust-row{width:100%;flex-wrap:wrap}.hero-cta .btn{flex:1}.trust-row{gap:22px}.phi-entry{grid-template-columns:auto 1fr}.phi-entry>.btn{grid-column:1/-1}.section{padding-block:70px}.section-heading{grid-template-columns:1fr;gap:12px}.track-grid{grid-template-columns:1fr}.cta-section{flex-direction:column;align-items:flex-start}.footer{height:auto;padding:25px 0;gap:15px;flex-wrap:wrap}.dashboard-actions .streak,.dashboard-actions .xp{display:none}.dashboard-content{padding:25px 14px 60px}.welcome-row{align-items:flex-start;flex-direction:column}.today-card{grid-template-columns:1fr}.session-ring{width:120px;height:120px}.metric-grid{grid-template-columns:1fr 1fr}.skill-bars>div{grid-template-columns:105px 1fr 35px}.activity-item{grid-template-columns:auto 1fr auto}.activity-item .status{display:none}.studio-layout{grid-template-columns:1fr}.studio-palette{display:none}.studio-canvas{padding:14px}.lesson-title{width:100%;font-size:21px}.editor-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.studio-actions .lang-switch{display:none}}

/* ==========================================================
   OlymPhyX V2 — LIGHT SCIENTIFIC PREMIUM THEME
   ========================================================== */
:root{
  --bg:#f6f9fc;
  --bg2:#edf4fb;
  --card:#ffffff;
  --card2:#f8fbff;
  --text:#10213c;
  --muted:#64748b;
  --line:#dbe5f0;
  --cyan:#08a9c7;
  --blue:#356ae6;
  --violet:#7c67e8;
  --green:#0f9f78;
  --orange:#d98212;
  --shadow:0 18px 50px rgba(30,64,110,.10);
  --shadow-soft:0 8px 24px rgba(33,73,122,.07);
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 78% 4%,rgba(45,212,191,.10),transparent 27%),
    radial-gradient(circle at 12% 16%,rgba(59,130,246,.09),transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f5f9fd 58%,#f8fbfe 100%);
  color:var(--text);
}
.ambient{opacity:.18;filter:blur(105px)}
.ambient-a{background:#67e8f9}
.ambient-b{background:#a5b4fc}
.topbar{border-bottom-color:rgba(136,159,187,.22)}
.brand-mark{
  border-color:#a6dce7;
  background:linear-gradient(145deg,#e8fbff,#eef3ff);
  color:#087f9b;
  box-shadow:inset 0 0 18px rgba(28,164,190,.08),0 7px 20px rgba(39,103,149,.07)
}
.brand strong{color:#10213c}.brand small{color:#718197}
.nav{color:#50637b}.nav a:hover{color:#1d4ed8}
.lang-switch{background:#f0f5fa;border-color:#d7e2ee}
.lang-btn{color:#6b7c91}.lang-btn.active{background:#fff;color:#214f9d;box-shadow:0 2px 8px rgba(40,79,130,.10)}
.btn{box-shadow:none}
.btn-primary{
  background:linear-gradient(135deg,#1dc9de 0%,#4d83f3 62%,#7669ea 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(53,106,230,.20)
}
.btn-primary:hover{box-shadow:0 13px 30px rgba(53,106,230,.25)}
.btn-secondary{background:#fff;border:1px solid #cddbe9;color:#203754;box-shadow:var(--shadow-soft)}
.btn-ghost{background:#fff;border-color:#ccd9e7;color:#324964}
.icon-btn{background:#fff;border-color:#d6e2ee;color:#29415e}
.hero{min-height:650px}
.hero-copy h1{color:#12213a}
.gradient-text{
  background:linear-gradient(92deg,#152846 0%,#168ab0 42%,#3576e8 72%,#7c67e8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero-copy>p{color:#607087}
.eyebrow,.label{color:#087f9b}
.pulse{background:#19bfd4;box-shadow:0 0 0 5px rgba(25,191,212,.12)}
.trust-row{border-top-color:#dce6ef}.trust-row span{color:#748398}
.glass-card{
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(246,250,255,.96));
  border-color:#d9e5f0;
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px)
}
.hero-panel{box-shadow:0 30px 80px rgba(47,89,143,.13)}
.hero-panel:before{background:rgba(51,187,226,.11)}
.difficulty,.pill{border-color:#cbdcea;color:#52667f;background:#f8fbfe}
.orbit{border-color:rgba(39,119,178,.22)}
.core{color:#119bb8;text-shadow:0 0 25px rgba(28,177,204,.18)}
.particle{background:#7c67e8;box-shadow:0 0 15px rgba(124,103,232,.28)}
.particle-b{background:#20bed2}
.lesson-meta span,.meta-tags span,.challenge-meta span{color:#5f7084;background:#f5f8fb;border-color:#dce6ef}
.progress-line,.mini-progress{background:#e7eef6}
.progress-line span,.mini-progress i{background:linear-gradient(90deg,#1cc8dc,#4e7ff0,#786be8)}
.panel-footer{color:#728197}.panel-footer a,.text-link{color:#167cae}
.phi-entry{
  border-color:#cfe3ee;
  background:linear-gradient(100deg,#f3fbfd 0%,#f6f8ff 100%);
  box-shadow:var(--shadow-soft)
}
.phi-avatar{
  background:linear-gradient(145deg,#e5faff,#edf0ff);
  color:#0d8ca8;
  border-color:#b8dfe8;
  box-shadow:0 8px 20px rgba(37,126,167,.08)
}
.phi-message p{color:#697a8f}
.section-heading p,.feature-copy>p,.cta-section p{color:#66768b}
.track-card{border-color:#dbe6ef;background:#fff;box-shadow:var(--shadow-soft)}
.track-card:hover{border-color:#a8c8e6;box-shadow:0 18px 38px rgba(39,82,135,.11)}
.track-card.featured{background:linear-gradient(145deg,#f1fbff,#f1f5ff);border-color:#c8dfec}
.track-card.featured:after{background:rgba(41,186,214,.11)}
.track-icon{color:#128dac}.track-card>span{color:#9aabc0}.track-card p{color:#65758a}
.track-bottom{border-top-color:#e1e9f1}.track-bottom em{color:#75879c}
.clean-list li{color:#40546c}.clean-list li span:first-child{color:#119ab5}
.problem-card{box-shadow:var(--shadow)}
.problem-statement{color:#586a80}
.equation{
  background:radial-gradient(circle at center,#ffffff 0%,#edf6ff 100%);
  color:#172f4d;border-color:#d8e6f1;
  box-shadow:inset 0 0 30px rgba(73,140,204,.05)
}
.simulation-card,.lab-copy{border-color:#dbe6ef;background:#fff;box-shadow:var(--shadow-soft)}
.sim-stage{background:linear-gradient(#f4f9fe,#edf5fb);border-color:#d5e5f1}
.axis-x,.axis-y{background:#b7cadc}.launcher{background:#57738e}
.ball{background:#15b8cd;box-shadow:0 0 14px rgba(21,184,205,.35)}
.trajectory{border-top-color:rgba(16,145,181,.55)}
.sim-controls input{accent-color:#2c75e8}.lab-copy>p{color:#66768b}
.phi-mini{background:#f3fbfd;border-color:#d2e8ef}.phi-mini p{color:#52677b}
.cta-section{
  border-color:#cedfeb;
  background:linear-gradient(105deg,#ecfbff 0%,#f2f6ff 52%,#f5f2ff 100%);
  box-shadow:var(--shadow-soft)
}
.footer{border-top-color:#dce5ee;color:#768499}
.phi-fab{
  border-color:#a9dce7;
  background:linear-gradient(145deg,#ffffff,#e9f6ff);
  color:#0e91ab;
  box-shadow:0 18px 40px rgba(33,91,135,.18)
}
.phi-fab i{border-color:#fff;background:#20b786}
.phi-drawer{background:#fbfdff;border-left-color:#d8e3ed;box-shadow:-30px 0 80px rgba(40,71,105,.16)}
.phi-drawer-head{border-bottom-color:#dce6ef}.close-btn{color:#64748b}
.chat-bubble.ai{background:#f1f7fc;border-color:#d9e5ef;color:#314760}
.chat-bubble.user{background:linear-gradient(135deg,#20bfd5,#4b7cec);color:#fff}
.quick-prompts button{border-color:#d5e2ed;background:#fff;color:#50657d}
.quick-prompts button:hover{background:#eef7fb;border-color:#bcd9e7}
.phi-input{border-top-color:#dce6ef;background:#fff}
.phi-input input{background:#f8fbfd;border-color:#d5e1ec;color:#21364f}
.phi-input button{background:linear-gradient(135deg,#1dbfd4,#4e79ed);color:#fff}
.drawer-backdrop{background:rgba(23,43,68,.28)}

/* Dashboard light system */
.dashboard-body{background:#f5f8fc}
.sidebar{background:#fff;border-right-color:#dce5ee;box-shadow:5px 0 24px rgba(31,63,99,.035)}
.side-nav a{color:#62758d}.side-nav a.active,.side-nav a:hover{background:#eef5fb;color:#1d477f}
.side-nav a.active span:first-child{color:#1499b4}
.mini-profile{border-top-color:#dde6ef}.avatar{background:linear-gradient(145deg,#dff6fb,#e9eaff);color:#27527e}
.mini-profile small{color:#718299}.studio-link{color:#137ea4}
.dashboard-main{background:linear-gradient(180deg,#f9fbfe,#f3f7fb)}
.dashboard-top{border-bottom-color:#dce5ee;background:rgba(255,255,255,.90);box-shadow:0 5px 20px rgba(30,65,105,.04)}
.searchbox{border-color:#d7e2ec;background:#f6f9fc;color:#8ba0b7}
.searchbox input{color:#263c55}.streak,.xp{border-color:#d7e2ec;background:#fff;color:#405670}
.avatar-btn{border-color:#cbd9e7;color:#294662}
.welcome-row .muted{color:#7186a0}.welcome-row p{color:#6b7c90}
.today-card{box-shadow:var(--shadow-soft)}
.today-info p{color:#61738a}
.ring-bg{stroke:#e3ebf3}.ring-progress{stroke:#20bdd2}
.coach-card{border-color:#d7e5ef;background:linear-gradient(145deg,#f0fbfd,#f4f6ff);box-shadow:var(--shadow-soft)}
.coach-card>p{color:#5f7288}
.metric{border-color:#dce6ef;background:#fff;box-shadow:var(--shadow-soft)}
.metric-value span{color:#778ba2}.metric small{color:#71859c}.metric small.positive{color:#0f9f78}
.sparkline i{background:#67a5c8}
.week-dots i{border-color:#d5e2ec;color:#8294a9;background:#f7fafc}
.week-dots i.done{background:#e4f7f3;color:#087e70;border-color:#bfe6dd}
.mastery-card{box-shadow:var(--shadow-soft)}
.filter-btn{border-color:#d6e2ed;background:#fff;color:#63788f}
.skill-bars>div>div{background:#e7eef5}.skill-bars b{color:#62758e}
.challenge-card{border-color:#d5e4ef;background:linear-gradient(155deg,#f4fbfe,#f6f5ff);box-shadow:var(--shadow-soft)}
.challenge-art{border-color:#d9e6f0;background:radial-gradient(circle,#fff,#edf7fb)}
.challenge-art span{color:#159ab5}.challenge-art i{border-color:#8bb2ce}.challenge-card>p{color:#65778d}
.activity-list{border-color:#dbe5ee;box-shadow:var(--shadow-soft)}
.activity-item{background:#fff;border-bottom-color:#e3eaf1}
.activity-icon{border-color:#d3e3ed;color:#108da9;background:#f3fbfd}
.activity-item small{color:#728398}
.status.in-progress{background:#e7f5fa;color:#147a99}.status.completed{background:#e7f7f1;color:#168061}.status.reviewed{background:#f0edff;color:#6555c7}

/* Studio light system */
.studio-body{background:#f4f7fb;color:#13233b}
.studio-top{background:#fff;border-bottom-color:#dbe5ee;box-shadow:0 4px 18px rgba(28,62,101,.04)}
.studio-palette,.studio-inspector{background:#fbfdff}.studio-palette{border-right-color:#dbe5ee}.studio-inspector{border-left-color:#dbe5ee}
.studio-palette>p{color:#718398}
.block-list button{background:#fff;border-color:#d6e2ed;color:#334b66;box-shadow:0 5px 14px rgba(33,69,110,.04)}
.block-list button:hover{border-color:#a8cfe1;background:#f1fbfd;transform:translateY(-1px)}
.studio-canvas{background:linear-gradient(180deg,#f3f7fb,#eef4f9)}
.studio-breadcrumb{color:#7489a0}
.lesson-title{color:#152a45}
.locale-tabs{border-color:#d7e3ed;background:#edf3f8}.locale-tabs button{color:#71859a}.locale-tabs button.active{background:#fff;color:#215b9b;box-shadow:0 2px 8px rgba(37,83,133,.08)}
.lesson-canvas{background:#fff;border-color:#d9e5ef;box-shadow:0 20px 45px rgba(33,70,110,.075)}
.editable-block{background:#fbfdff;border-color:#dce7f0;box-shadow:0 6px 16px rgba(38,73,112,.035)}
.block-handle{color:#91a7ba}.block-menu{color:#8195aa}
.block-content p{color:#62748a}
.add-content-btn{border-color:#bfcfde;background:#f8fbfd;color:#6d8299}
.video-placeholder{background:radial-gradient(circle,#f7fcff,#eaf5fb);border:1px solid #d7e8f1}
.video-placeholder>span{color:#13a5bf}.video-placeholder small,.sim-placeholder small{color:#72869a}
.studio-inspector label span{color:#6b7e94}
.studio-inspector select,.studio-inspector input,.studio-inspector textarea{background:#fff;border-color:#d4e1ec;color:#2b4059}
.inspector-note{border-color:#c2e6dc;background:#ecfaf5}.inspector-note b{color:#0d8766}.inspector-note p{color:#5d7d74}
.toast{background:#eaf9f4;border-color:#bde5d8;color:#11795e;box-shadow:0 10px 30px rgba(20,100,77,.13)}

/* small refinement */
::selection{background:#cbe9ff;color:#12324f}
button,a{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
@media(max-width:980px){.sidebar{box-shadow:20px 0 50px rgba(28,61,99,.14)}}

/* ==========================================================
   OlymPhyX V2.1 — visual refinement layer
   Light Scientific Premium · identity, hierarchy and workspace
   ========================================================== */
:root{
  --v21-ink:#10233f;
  --v21-muted:#65778d;
  --v21-line:#d8e5ef;
  --v21-surface:#ffffff;
  --v21-blue:#3b72ee;
  --v21-cyan:#18b8cd;
  --v21-violet:#7668ea;
  --v21-shadow:0 18px 50px rgba(39,78,126,.10);
  --v21-shadow-sm:0 8px 24px rgba(39,78,126,.07);
}
body{color:var(--v21-ink)}
body:not(.dashboard-body):not(.studio-body){
  background:
    radial-gradient(circle at 84% 8%,rgba(54,211,203,.12),transparent 23%),
    radial-gradient(circle at 13% 17%,rgba(78,133,246,.11),transparent 24%),
    radial-gradient(circle at 52% 48%,rgba(129,111,238,.045),transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,#f6fafc 52%,#fbfdff 100%);
}
body:not(.dashboard-body):not(.studio-body)::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;
  background-image:radial-gradient(circle,#8cb2cf 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 45%);
}
.topbar{height:86px;position:relative;z-index:5}
.nav{gap:25px;font-weight:500}
.nav a{position:relative;padding:8px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--v21-cyan),var(--v21-blue));transition:right .2s ease}
.nav a:hover::after{right:0}
.btn-primary{background:linear-gradient(135deg,#19bfd1 0%,#4381f1 58%,#7469eb 100%);box-shadow:0 13px 30px rgba(57,108,226,.23)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(57,108,226,.29)}
.btn-secondary,.btn-ghost{box-shadow:0 5px 16px rgba(39,78,126,.045)}

/* Home / premium hero */
.hero{position:relative;gap:58px;padding-block:76px 54px;min-height:690px}
.hero::after{
  content:"";position:absolute;left:-80px;top:65px;width:315px;height:315px;border:1px solid rgba(36,143,181,.10);border-radius:50%;z-index:-1;
  box-shadow:0 0 0 52px rgba(36,143,181,.025),0 0 0 104px rgba(69,113,232,.018)
}
.hero-copy h1{max-width:680px;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.hero-copy>p{font-size:18px;line-height:1.55;max-width:625px}
.hero-cta{margin-top:34px}.hero-cta .btn{min-height:50px;padding-inline:20px}
.trust-row{gap:38px;margin-top:42px;padding-top:24px}
.trust-row b{font:700 21px Space Grotesk,sans-serif;color:#17304f}.trust-row span{font-size:11px}
.hero-panel{padding:27px 28px 24px;border-radius:29px;box-shadow:0 28px 70px rgba(39,82,135,.14);border-color:#d3e4ee;isolation:isolate}
.hero-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent 45%,rgba(109,120,239,.035));pointer-events:none}
.session-live{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #cce8e8;background:#f2fcfb;border-radius:999px;color:#26766e;font-size:9px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.08em}
.session-live i,.context-live i,.autosave i{width:6px;height:6px;border-radius:50%;background:#22b99b;box-shadow:0 0 0 4px rgba(34,185,155,.10)}
.panel-head h3{font-size:23px;color:#162c49}
.orbital-visual{height:245px;margin-top:3px}
.orbit{border-color:rgba(38,132,180,.20)}
.orbit-1{width:228px;height:228px}.orbit-2{width:152px;height:152px}
.orbital-visual::before,.orbital-visual::after{content:"";position:absolute;width:1px;height:215px;background:linear-gradient(transparent,rgba(37,133,183,.10),transparent)}
.orbital-visual::after{transform:rotate(90deg)}
.core{font-size:50px;color:#0c98b4}
.vector-line{position:absolute;height:1px;background:linear-gradient(90deg,var(--v21-cyan),transparent);transform-origin:left center;opacity:.55}
.vector-line::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--v21-cyan);border-right:1px solid var(--v21-cyan);transform:rotate(45deg)}
.vector-a{width:72px;transform:translate(22px,-8px) rotate(-24deg)}.vector-b{width:55px;transform:translate(-62px,43px) rotate(154deg)}
.training-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:0 0 17px;padding:12px 13px;border:1px solid #e0eaf2;background:rgba(248,251,254,.86);border-radius:13px}
.training-flow span{display:grid;gap:1px}.training-flow b{font-size:9px;color:#2e75d6}.training-flow small{font-size:9px;color:#5e7188;font-weight:700}.training-flow i{height:1px;background:linear-gradient(90deg,#c7dce9,#d9dff2)}
.lesson-meta span{background:#f7fafc}.panel-footer{font-size:12px}.panel-footer a{font-size:12px}
.phi-entry{padding:22px 26px;border-radius:20px;box-shadow:var(--v21-shadow-sm);position:relative;overflow:hidden}
.phi-entry::after{content:"Φ";position:absolute;right:116px;top:-35px;font:700 112px Georgia,serif;color:rgba(26,160,185,.035);pointer-events:none}
.phi-message h2{font-size:21px;color:#17304d}.phi-message p{font-size:13px}
.olympiad-strip{margin-top:88px;margin-bottom:-25px;padding:27px 30px;border:1px solid #d8e6ef;background:linear-gradient(105deg,#f1fbfd,#f5f7ff);border-radius:22px;box-shadow:var(--v21-shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:30px}
.olympiad-strip h2{font:600 27px/1.15 Space Grotesk,sans-serif;margin:6px 0 0;color:#17304c}
.arena-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.arena-badges span{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #d5e2ed;font-size:10px;font-weight:700;color:#486079;box-shadow:0 3px 10px rgba(41,75,115,.04)}
.track-card{box-shadow:0 9px 28px rgba(39,78,126,.055)}.track-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(39,78,126,.11)}

/* Dashboard V2.1 */
.dashboard-body{background:#f6f9fc}
.sidebar{box-shadow:7px 0 26px rgba(31,63,99,.038)}
.dashboard-main{transition:margin-right .28s ease,min-width .28s ease;background:linear-gradient(180deg,#f9fbfd 0%,#f4f8fb 100%)}
.dashboard-top{height:74px;box-shadow:0 5px 18px rgba(30,65,105,.035)}
.dashboard-content{padding-top:40px}
.welcome-row{margin-bottom:26px}.welcome-row h1{font-size:38px;letter-spacing:-.025em}.welcome-row p{font-size:14px}
.today-card{padding:29px 30px;border-color:#d6e4ef;box-shadow:0 14px 36px rgba(36,76,125,.08)}
.today-info h2{font-size:31px;color:#172d48}.today-info p{font-size:13px;line-height:1.62;max-width:660px}.meta-tags span{font-size:10px}
.coach-card{padding:22px 23px;background:linear-gradient(145deg,#effbfd 0%,#f6f5ff 100%);position:relative;overflow:hidden}
.coach-card::after{content:"Φ";position:absolute;right:-7px;bottom:-43px;font:700 118px Georgia;color:rgba(25,153,182,.045)}
.coach-kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#3f7192;font-size:8px;font-weight:800;letter-spacing:.1em}.coach-kicker b{font-size:15px;color:#6380a0}
.coach-head h3{font-size:18px}.coach-card>p{font-size:12.5px;line-height:1.6;margin:18px 0 15px;position:relative;z-index:1}
.coach-action{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border:1px solid #d5e6ec;background:rgba(255,255,255,.68);border-radius:11px;margin-bottom:15px;position:relative;z-index:1}.coach-action>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#6b7f93}.coach-action i{width:7px;height:7px;border-radius:50%;background:#19afc2}.coach-action b{font-size:10px;color:#2f536f}
.metric{padding:20px 19px}.metric .label{font-size:9.5px}.metric-value{font-size:32px}.metric small{font-size:10px}
.card-title h2{font-size:23px}.skill-bars>div{font-size:12px}.activity-item b{font-size:12px}.activity-item small{font-size:10px}
.phi-drawer{width:min(410px,94vw);right:-440px;background:#fbfdff;border-left:1px solid #d6e3ed;box-shadow:-22px 0 55px rgba(42,71,105,.13)}
.phi-drawer-head{height:74px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.phi-work-context{margin:16px 16px 0;padding:16px;border:1px solid #d5e6ee;background:linear-gradient(145deg,#f2fbfd,#f6f7ff);border-radius:16px;box-shadow:0 7px 18px rgba(38,80,126,.05)}
.phi-context-top{display:flex;justify-content:space-between;align-items:center}.context-live,.autosave{display:inline-flex;align-items:center;gap:6px;color:#4c7d70;font-size:8px;font-weight:700}.phi-work-context h3{font:600 17px Space Grotesk;margin:8px 0 12px;color:#17304c}
.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-grid>div{padding:9px 10px;background:rgba(255,255,255,.75);border:1px solid #dce7ef;border-radius:10px}.context-grid small{display:block;color:#788b9e;font-size:8px}.context-grid b{font-size:10px;color:#35506b}
.phi-recommendation{display:flex;gap:9px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #d9e6ee}.phi-recommendation>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;border:1px solid #d5e4ed;color:#168ca6}.phi-recommendation small{display:block;font-size:8px;color:#7b8ea2}.phi-recommendation b{display:block;font-size:10px;color:#2c4d68;margin-top:2px}
.phi-chat{padding:15px 18px 12px}.chat-bubble{font-size:12px;line-height:1.55}.quick-prompts{padding-inline:16px}.quick-prompts button{font-size:9px;padding:7px 9px}.phi-input{padding:13px 14px}.phi-input input{font-size:12px}
.dashboard-body .drawer-backdrop{background:rgba(22,43,67,.14)}
@media(min-width:981px){
  .dashboard-body .drawer-backdrop{display:none!important}
  .dashboard-body.phi-open .dashboard-main{margin-right:410px}
  .dashboard-body.phi-open .top-grid{grid-template-columns:1fr}
  .dashboard-body.phi-open .coach-card{display:none}
  .dashboard-body.phi-open .metric-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-body.phi-open .lower-grid{grid-template-columns:1fr}
  .dashboard-body.phi-open .challenge-card{display:none}
  .dashboard-body.phi-open .dashboard-content{padding-left:28px;padding-right:28px}
  .dashboard-body.phi-open .phi-fab{opacity:0;pointer-events:none}
}

/* Studio V2.1 */
.studio-top{height:74px;padding-inline:20px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.interface-language,.content-language{display:grid;gap:4px}.interface-language>small,.content-language>small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7a8da1;font-weight:700}
.interface-language>small{text-align:right}
.studio-layout{grid-template-columns:250px minmax(520px,1fr) 300px;height:calc(100vh - 74px)}
.studio-palette,.studio-inspector{padding:24px 18px}.studio-palette h2{font-size:21px}.studio-palette>p{font-size:10.5px;line-height:1.55}
.block-list{gap:9px}.block-list button{min-height:78px;border-radius:13px;font-size:19px;box-shadow:0 5px 15px rgba(33,69,110,.035);position:relative;overflow:hidden}.block-list button::after{content:"";position:absolute;inset:auto 8px 7px 8px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(28,171,195,.22),transparent);opacity:0;transition:.2s}.block-list button:hover::after{opacity:1}.block-list button span{font-size:9.5px;font-weight:600}
.studio-canvas{padding:25px 30px 50px;background-color:#eef4f8;background-image:linear-gradient(rgba(100,142,177,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(100,142,177,.035) 1px,transparent 1px);background-size:28px 28px}
.studio-breadcrumb{font-size:9px;max-width:900px;margin-inline:auto}.editor-toolbar{max-width:900px;margin-top:20px;margin-bottom:15px;align-items:end}.lesson-title{font-size:28px;width:520px}.content-language{align-items:end}.locale-tabs{padding:3px}.locale-tabs button{font-size:9px}
.lesson-canvas{max-width:900px;padding:24px 22px 60px;border-radius:21px;border-color:#d4e3ed;box-shadow:0 22px 55px rgba(39,77,119,.09);min-height:700px}
.editable-block{display:block;padding:23px 28px 23px 42px;border-radius:15px;transition:.2s border,.2s box-shadow,.2s transform}.editable-block:hover{border-color:#c1dce9;box-shadow:0 9px 24px rgba(39,77,119,.065)}.editable-block:first-child{background:linear-gradient(180deg,#fbfdff,#f8fbfe)}
.block-handle{left:13px;top:22px;font-size:14px}.block-menu{right:13px;top:14px}.block-content{width:100%}.block-content h2{font-size:23px}.block-content p{font-size:11.5px;line-height:1.65;max-width:710px}
.add-slot{height:43px}.add-content-btn{opacity:.58;background:rgba(255,255,255,.6)}.add-slot:hover .add-content-btn{opacity:1;background:#fff;color:#3e6786}
.video-placeholder.premium-video{height:auto;padding:0;display:block;text-align:left;background:#fff;border:1px solid #d5e5ee;overflow:hidden;box-shadow:0 8px 22px rgba(40,77,119,.055)}
.video-preview{height:205px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 52% 50%,rgba(255,255,255,.96),rgba(229,245,250,.9) 42%,rgba(229,236,252,.96) 100%);overflow:hidden}
.video-preview::before,.video-preview::after{content:"";position:absolute;border:1px solid rgba(41,142,177,.13);border-radius:50%}.video-preview::before{width:170px;height:170px}.video-preview::after{width:270px;height:270px}.video-play{position:relative;z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:linear-gradient(135deg,#17bbcf,#497ef0);color:#fff!important;font-size:24px!important;box-shadow:0 13px 28px rgba(48,120,201,.24)}
.video-duration{position:absolute;right:12px;bottom:11px;background:rgba(23,47,75,.78);color:#fff;padding:4px 7px;border-radius:7px;font-size:8px;z-index:2}.video-wave{position:absolute;left:8%;right:8%;bottom:40px;height:34px;opacity:.15;background:repeating-linear-gradient(90deg,#228cae 0 2px,transparent 2px 9px);clip-path:polygon(0 45%,4% 30%,8% 65%,12% 20%,16% 75%,20% 36%,24% 57%,28% 18%,32% 68%,36% 28%,40% 73%,44% 35%,48% 59%,52% 24%,56% 77%,60% 36%,64% 61%,68% 21%,72% 68%,76% 31%,80% 72%,84% 28%,88% 62%,92% 35%,96% 57%,100% 45%,100% 100%,0 100%)}
.video-info{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px}.video-info b{display:block;font-size:11px;color:#29445f}.video-info small{font-size:8.5px}.video-status{padding:5px 8px;border-radius:999px;background:#e8f8f4;color:#1b7f68;font-size:8px;font-weight:700}
.sim-placeholder{padding:6px 2px}.sim-placeholder b{color:#29445f}.sim-placeholder small{font-size:9px}
.studio-inspector{box-shadow:-6px 0 24px rgba(32,65,101,.028)}.inspector-header{display:flex;align-items:center;justify-content:space-between}.studio-inspector h3{font-size:19px;margin-top:8px}.studio-inspector label{margin:15px 0}.studio-inspector label span{font-size:9px;font-weight:600}.studio-inspector select,.studio-inspector input,.studio-inspector textarea{font-size:10px;padding:10px}.inspector-note{margin-top:24px}

@media(max-width:1100px){.nav{gap:16px;font-size:12px}.olympiad-strip{align-items:flex-start;flex-direction:column}.arena-badges{justify-content:flex-start}.studio-layout{grid-template-columns:220px 1fr 270px}.studio-canvas{padding-inline:20px}}
@media(max-width:980px){.dashboard-body.phi-open .dashboard-main{margin-right:0}.dashboard-body .drawer-backdrop{display:block}.studio-layout{grid-template-columns:190px 1fr}.interface-language{display:none}}
@media(max-width:650px){.hero::after{display:none}.training-flow{grid-template-columns:1fr 1fr;gap:7px}.training-flow i{display:none}.olympiad-strip{margin-top:55px}.olympiad-strip h2{font-size:23px}.phi-work-context{margin:12px 12px 0}.welcome-row h1{font-size:31px}.studio-canvas{padding:14px}.video-preview{height:170px}}

/* =========================================================
   OlymPhyX V2.2 refinement layer
   ========================================================= */
/* Home: clearer hero gradient without losing the light look */
.gradient-text{
  background:linear-gradient(96deg,#1b5578 0%,#168fba 36%,#3978ea 70%,#745fe8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:saturate(1.04)
}
.track-grid{align-items:stretch}
.experimental-card{grid-column:1/-1;min-height:205px}
.experimental-card p{max-width:680px;min-height:auto}
.experimental-card{background:linear-gradient(145deg,#fbfeff,#f4fbf8)!important}
.problem-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 5px}
.problem-meta-row span{font-size:9px;font-weight:700;color:#577087;background:#f6f9fc;border:1px solid #d8e5ef;padding:6px 9px;border-radius:999px}
.equation-stack{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:142px!important}
.equation-stack>span{font:italic 30px Georgia;color:#17324f}
.equation-stack small{font:italic 21px Georgia;color:#2e6d8c}

/* Dashboard + Phi: workspace rather than compression */
.phi-drawer{width:min(360px,94vw);right:-390px}
.phi-why{margin:12px 16px 0;padding:13px 14px;border:1px solid #dbe7ef;background:#fff;border-radius:14px;box-shadow:0 5px 16px rgba(39,77,119,.045)}
.phi-why-head{display:flex;align-items:center;gap:8px;color:#284a66;font-size:11px}.phi-why-head>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#edf9fb;color:#169eb4}.phi-why p{font-size:10px;line-height:1.55;color:#6a7f93;margin:9px 0 10px}.phi-why button{border:0;background:transparent;padding:0;color:#138aa5;font-size:9px;font-weight:800;cursor:pointer}
.phi-drawer .phi-chat{min-height:92px}
.dashboard-body,.sidebar,.dashboard-main{transition:grid-template-columns .28s ease,width .28s ease,padding .28s ease,margin-right .28s ease}
@media(min-width:1180px){
  .dashboard-body.phi-open{grid-template-columns:78px 1fr}
  .dashboard-body.phi-open .sidebar{padding-inline:11px}
  .dashboard-body.phi-open .sidebar .brand{justify-content:center}
  .dashboard-body.phi-open .sidebar .brand>span:last-child,
  .dashboard-body.phi-open .side-nav a>span:last-child,
  .dashboard-body.phi-open .mini-profile>div:last-child{display:none}
  .dashboard-body.phi-open .side-nav a{justify-content:center;padding-inline:8px}
  .dashboard-body.phi-open .side-nav a>span:first-child{font-size:17px}
  .dashboard-body.phi-open .mini-profile{justify-content:center}
  .dashboard-body.phi-open .studio-link{font-size:0;text-align:center}
  .dashboard-body.phi-open .studio-link::before{content:'⚙';font-size:15px}
  .dashboard-body.phi-open .dashboard-main{margin-right:360px}
  .dashboard-body.phi-open .dashboard-content{padding-left:30px;padding-right:30px}
  .dashboard-body.phi-open .welcome-row{align-items:center;gap:18px}
  .dashboard-body.phi-open .welcome-row h1{font-size:34px;white-space:nowrap}
  .dashboard-body.phi-open .welcome-row .btn{flex:0 0 auto;padding-inline:15px}
  .dashboard-body.phi-open .dashboard-top{padding-inline:22px}
  .dashboard-body.phi-open .searchbox{width:min(350px,42vw)}
  .dashboard-body.phi-open .dashboard-actions{gap:7px}
  .dashboard-body.phi-open .top-grid{grid-template-columns:1fr}
  .dashboard-body.phi-open .coach-card{display:none}
  .dashboard-body.phi-open .metric-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-body.phi-open .lower-grid{grid-template-columns:1fr}
  .dashboard-body.phi-open .challenge-card{display:none}
  .dashboard-body.phi-open .phi-fab{opacity:0;pointer-events:none}
  .dashboard-body.phi-open .drawer-backdrop{display:none!important}
}
@media(min-width:981px) and (max-width:1179px){
  .dashboard-body.phi-open .dashboard-main{margin-right:0!important}
  .dashboard-body.phi-open{grid-template-columns:235px 1fr}
  .dashboard-body.phi-open .drawer-backdrop{display:block!important}
  .dashboard-body.phi-open .drawer-backdrop.show{opacity:.16!important;pointer-events:auto!important}
  .dashboard-body.phi-open .coach-card{display:block}
  .dashboard-body.phi-open .challenge-card{display:block}
}

/* Studio: clearer authoring affordances */
.reorder-tip{display:flex;align-items:center;gap:7px;margin:14px 0 16px;padding:8px 10px;border:1px solid #d8e6ef;background:#f5fafc;border-radius:10px;color:#587089;font-size:9px;font-weight:600}
.editable-block{cursor:default}.block-handle{cursor:grab;color:#6e91a9}.block-handle:active{cursor:grabbing}
.editable-block.dragging{opacity:.5;transform:scale(.992);box-shadow:0 16px 38px rgba(30,90,135,.15)}
.editable-block.drag-over{border-color:#20abc1!important;box-shadow:0 0 0 3px rgba(32,171,193,.10),0 14px 30px rgba(40,87,126,.08)!important}
.inspector-section{border:1px solid #dce7ef;border-radius:13px;background:#fff;margin-top:13px;overflow:hidden}
.inspector-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 13px;color:#294661;font-size:11px;font-weight:800;background:#fbfdff}
.inspector-section summary::-webkit-details-marker{display:none}.inspector-section summary b{font-size:12px;color:#7890a3;transition:.2s transform}.inspector-section[open] summary b{transform:rotate(180deg)}
.inspector-section-body{padding:0 13px 13px;border-top:1px solid #edf2f6}.studio-inspector .inspector-section label{margin:12px 0}
.coaching-rule{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:9px 10px;border-radius:10px;background:#f3fbfd;color:#527087}.coaching-rule>span{font:700 18px Georgia;color:#149bb2}.coaching-rule p{font-size:8.5px;line-height:1.45;margin:0}
.inspector-section .inspector-note{margin-top:11px}
@media(max-width:650px){.equation-stack>span{font-size:25px}.equation-stack small{font-size:18px}}

@media(max-width:900px){.experimental-card{grid-column:auto}}