@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#071522;--aside:#081a29;--surface:#0e2333;--surface2:#102a3b;--surface3:#153244;--line:#254559;--text:#eefdff;--muted:#9db8c5;--mint:#52e6cf;--mint2:#1ecab5;--blue:#5db9f2;--lime:#c0ed66;--danger:#f78a91;--radius:18px;--shadow:0 22px 65px #00101844}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}input,textarea,select{max-width:100%}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(29px,3.3vw,47px);font-weight:800;letter-spacing:-.05em;line-height:1.18}h2{font-size:22px;letter-spacing:-.035em;line-height:1.3}h3{font-size:16px;letter-spacing:-.02em}p{color:var(--muted);line-height:1.75}small{font-size:11px}em{color:var(--mint);font-style:normal}.mint{color:var(--mint)}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--mint);font-weight:800}.subtle,.mini-note{color:var(--muted);line-height:1.7}.mini-note{font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:31px 17px 19px;background:var(--aside);border-right:1px solid #1f3b4e;display:flex;flex-direction:column;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:11px;margin:0 13px 2px;font-size:23px;letter-spacing:-.06em}.sidebar-brand img{width:41px;height:41px;border-radius:11px}.sidebar-brand span{color:var(--mint)}.sidebar-sub{color:#688d9a;letter-spacing:.15em;font-size:9px;font-weight:800;margin:7px 13px 33px}.nav-link{display:flex;gap:13px;align-items:center;width:100%;border:0;background:transparent;color:#9cb9c5;border-radius:12px;padding:13px 14px;font-weight:700;font-size:13px;text-align:left;min-height:46px}.nav-link span:first-child{font-size:21px;min-width:20px;font-weight:400;line-height:1}.nav-link:hover{background:#132e40;color:white}.nav-link.active{background:#123d46;color:#6af8df}.aside-group{border-top:1px solid #234252;margin-top:24px;padding-top:19px}.group-label{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:#6b91a0;padding:0 15px 12px}.side-bottom{margin-top:auto;padding-top:20px}.side-bottom small{display:block;color:#6c8f9d;text-align:center;margin-top:16px;font-size:10px}.side-promo{padding:18px;border:1px solid #245b5c;border-radius:17px;background:linear-gradient(160deg,#113d45,#102b40)}.side-promo h3{font-size:20px;line-height:1.3;margin:13px 0 8px}.side-promo p{font-size:11px}.side-promo .btn{width:100%}.main-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:81px;border-bottom:1px solid #213a49;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,60px);background:#091c2bbb}.brand{display:none;align-items:center;gap:9px;border:0;background:transparent;font-size:23px;font-weight:800;letter-spacing:-.05em}.brand img{height:35px;width:35px;border-radius:9px}.top-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.status-pro,.upgrade-compact{border:1px solid #276c69;background:#164446;color:var(--mint);padding:9px 13px;border-radius:11px;font-size:11px;font-weight:800}.upgrade-compact:hover{background:#216266}.round-icon{border-radius:50%;height:39px;width:39px;background:#153144;border:1px solid #2a4a59;font-size:21px}.main-content{padding:33px clamp(24px,4vw,60px) 80px;max-width:1430px;width:100%;margin:0 auto;flex:1}.footer{color:#7497a3;font-size:11px;border-top:1px solid #1d3b4a;padding:22px clamp(24px,4vw,60px);display:flex;justify-content:space-between;gap:15px}.footer a{color:#8ab6be}.bottom-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border:1px solid transparent;border-radius:12px;background:#17374c;color:#f3ffff;font-size:13px;font-weight:800;line-height:1.25;min-height:46px;text-align:center;white-space:normal}.btn:hover{filter:brightness(1.08)}.btn.primary{background:linear-gradient(110deg,#53e7cc,#27c3b5);color:#062933;box-shadow:0 10px 28px #09d4b31b}.btn.secondary{background:#173647;border-color:#31596a;color:#e8fafb}.btn.transparent{background:transparent;border-color:#477982}.btn.small{font-size:12px;min-height:36px;padding:8px 12px}.btn.wide{width:100%}.btn:disabled{opacity:.35;cursor:not-allowed}.backlink{color:#94c9ce;border:0;background:none;font-size:13px;font-weight:700;margin:0 0 24px;padding:6px 0}.backlink:hover{color:white}.page-header{margin-bottom:27px}.page-header h1{margin:8px 0 11px}.page-header p{max-width:750px}.page-header .eyebrow{color:#84dcdb}.hero{display:grid;grid-template-columns:1.5fr .65fr;min-height:313px;align-items:center;overflow:hidden;position:relative;padding:37px 42px;border:1px solid #2e6d73;border-radius:25px;background:radial-gradient(circle at 82% 70%,#12666b 0%,#0c3649 32%,transparent 66%),linear-gradient(125deg,#11354a,#0b2334);box-shadow:var(--shadow)}.hero h1{font-size:clamp(30px,3.3vw,44px);max-width:660px;margin:17px 0}.hero h1 span{color:#55ead2}.hero p{max-width:600px;color:#b4d0d8;margin-bottom:20px}.hero-actions,.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hero-icon{display:flex;align-items:center;justify-content:center}.hero-icon img{width:min(100%,245px);border-radius:43px;transform:rotate(6deg);box-shadow:0 26px 56px #02172488}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:21px 0 30px}.stat{min-height:132px;border:1px solid #24485b;border-radius:17px;background:#102637;padding:19px 21px}.stat>span{color:#93b5c2;font-size:12px}.stat strong{display:block;font-size:34px;letter-spacing:-.06em;line-height:1.4;margin-top:4px}.stat strong small{font-size:14px;color:#7aa8b5;font-weight:700;letter-spacing:0}.stat p{margin:3px 0 0;font-size:11px}.meter,.quiz-meter{width:100%;height:7px;background:#294355;border-radius:99px;overflow:hidden}.meter i,.quiz-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#30c7c2,#8af2d1);border-radius:inherit}.section-heading{margin:35px 0 17px}.section-heading h2{margin-bottom:5px}.section-heading p{margin:0;font-size:12px}.section-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.area-tile{position:relative;min-height:228px;border:1px solid #285d6c;border-radius:21px;padding:27px;text-align:left;overflow:hidden}.area-tile.organic{background:linear-gradient(135deg,#153851,#102b44)}.area-tile.inorganic{background:linear-gradient(135deg,#103e44,#0d3041)}.area-tile:hover{transform:translateY(-2px);border-color:var(--mint)}.tile-label{font-size:10px;letter-spacing:.12em;color:#85decd;font-weight:800}.area-tile h3{font-size:24px;margin:15px 0 7px}.area-tile p{font-size:12px;max-width:285px;margin-bottom:15px}.area-tile>span:last-child{font-weight:800;color:#83ecdb}.tile-art{position:absolute;right:22px;top:8px;font-size:96px;opacity:.15;color:#62eecf;font-weight:200}.tools-grid,.topics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tool-tile,.topic-card{background:var(--surface);border:1px solid #274559;border-radius:17px;padding:20px;text-align:left;min-height:198px;display:flex;flex-direction:column}.tool-tile:hover,.topic-card:hover{border-color:#3eb8ae;background:#123245}.tool-tile h3{font-size:15px;margin:17px 0 6px}.tool-tile p{font-size:11px;margin-bottom:10px;flex:1}.tool-tile>span:last-child{font-size:11px;color:var(--mint);font-weight:800}.tile-icon{height:40px;width:40px;border-radius:11px;background:#144a55;color:#53e9db;display:grid;place-items:center;font-size:23px;flex-shrink:0}.today-card,.pro-banner{border:1px solid #286b67;border-radius:18px;background:#0f3a3e;margin-top:24px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:14px}.today-card h3,.pro-banner h3{font-size:20px;margin:8px 0 5px}.today-card p,.pro-banner p{margin:0;font-size:12px}.pro-banner{background:linear-gradient(110deg,#113942,#173754)}.pro-banner>div>span{font-size:10px;color:#60deca;font-weight:800;letter-spacing:.12em}.segmented{display:flex;flex-wrap:wrap;gap:5px;background:#0e2838;border:1px solid #254a57;border-radius:13px;padding:5px;width:fit-content;max-width:100%}.segmented button{background:transparent;color:#9fbec6;border:0;border-radius:9px;padding:10px 13px;font-weight:800;font-size:12px}.segmented button.selected{color:#032a32;background:var(--mint)}.segmented.tabs{margin:0 0 23px}.topics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-card{min-height:180px;padding:21px}.topic-top,.topic-bottom{display:flex;align-items:center;justify-content:space-between}.topic-symbol{height:41px;width:41px;border:1px solid #2f6a6c;border-radius:12px;display:grid;place-items:center;font-size:24px;color:#66f1dd;background:#12414a}.topic-symbol.big{height:62px;width:62px;font-size:39px;margin:16px 0}.topic-index{font-size:11px;color:#61899a;font-weight:800}.topic-card strong{font-size:15px;margin-top:17px;line-height:1.4}.topic-card p{font-size:11px;flex:1;margin:6px 0 15px}.topic-bottom{font-size:11px;color:#5edbd0;font-weight:800}.topic-hero{border:1px solid #276a6c;border-radius:19px;padding:30px;background:radial-gradient(circle at 87% 0%,#16727866,transparent 38%),#113346;margin-bottom:23px}.topic-hero h1{margin:7px 0 7px}.topic-hero>p{margin:0}.topic-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.topic-tags span,.chip{border:1px solid #315868;border-radius:99px;padding:6px 11px;font-weight:800;font-size:11px;color:#acd8d7}.chip.positive{color:#73e8bf;border-color:#267866}.chip.negative{color:#ffa8af;border-color:#7a4751}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:22px}.detail-layout .section-heading{margin:18px 0 12px}.lesson-list{display:grid;gap:9px}.lesson-row,.simple-row{width:100%;text-align:left;display:flex;align-items:center;gap:13px;background:#112c3d;border:1px solid #2d5062;border-radius:13px;padding:15px;color:#e9fcff}.lesson-row:hover{border-color:var(--mint)}.lesson-row>span{font-size:25px;color:#66daca}.lesson-row>div{flex:1}.lesson-row strong{font-size:13px}.lesson-row small{display:block;color:#86a8b4;margin-top:2px}.lesson-row>b{color:#5ae4d3}.detail-actions{margin:15px 0 10px}.panel,.card{border:1px solid #294b5d;border-radius:17px;padding:23px;background:#102738}.panel h2,.card h2{margin-bottom:11px}.panel h3{margin-bottom:9px}.panel p{font-size:13px}.status-picks{display:grid;gap:9px}.status-picks button{border-radius:10px;border:1px solid #36596b;background:#0d2839;padding:12px;text-align:left;font-weight:700;color:#b1d0d6}.status-picks button.on{background:#164e4c;border-color:var(--mint);color:#baffee}.reading-page{max-width:800px}.reading-page h1{margin:12px 0 24px}.read-card{border-radius:22px;border:1px solid #306171;padding:32px;background:#102b3d}.read-card>p{font-size:16px;line-height:2;color:#d5ebee}.example-block,.tip-block{border-radius:13px;background:#103b45;border:1px solid #2c7070;margin-top:22px;padding:18px}.example-block span{font-size:10px;color:#71e6cc;font-weight:800;letter-spacing:.12em;display:block;margin-bottom:9px}.example-block strong{font-size:16px;overflow-wrap:anywhere}.tip-block{color:#c9e0e2;background:#13334a;border-color:#3c6076;font-size:13px}.empty{text-align:center;border:1px dashed #3a6875;border-radius:17px;padding:40px 24px;background:#102738}.empty.small-empty{padding:21px}.empty h3{font-size:18px}.field-title{font-size:12px;font-weight:800;color:#afcbd5;margin:18px 0 8px}.input-label{font-size:12px;display:block;color:#b0ced5;font-weight:700;margin:13px 0 8px}.input-label input,.input-label textarea,.input-label select,.auth-form input,.new-card input,.new-card textarea,.new-card select{width:100%;display:block;margin-top:7px;background:#0b2132;border:1px solid #3a6070;border-radius:11px;min-height:45px;padding:11px 13px;color:#ecffff;font-size:14px;outline-offset:3px}.input-label input:focus,.input-label textarea:focus,.input-label select:focus{outline:2px solid #52dfca}.input-label textarea{resize:vertical;min-height:105px}.divider{height:1px;background:#2a4e60;margin:22px 0}.flashcard{display:flex;flex-direction:column;justify-content:space-between;min-height:290px;max-width:780px;margin:17px auto;background:radial-gradient(circle at 85% 16%,#165f67 0%,#123447 45%,#0d2b40 88%);border:1px solid #377c7d;border-radius:23px;cursor:pointer;padding:27px 30px;box-shadow:0 22px 70px #00152366;user-select:none}.flashcard.flipped{background:radial-gradient(circle at 12% 95%,#2a5062 0%,#12384a 52%,#0d2b40 93%)}.flash-top{display:flex;justify-content:space-between;color:#70e6d0;font-size:10px;font-weight:800;letter-spacing:.13em}.flash-body{font-size:clamp(18px,2.3vw,26px);font-weight:750;line-height:1.65;display:grid;place-items:center;flex:1;text-align:center;overflow-wrap:anywhere;white-space:normal}.flashcard.flipped .flash-body{font-size:18px;font-weight:600}.flash-hint{text-align:center;color:#9ac6c9;font-size:11px}.flash-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.cards-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-util{display:flex;justify-content:center;gap:16px;margin-top:15px}.card-util button,.text-button{border:0;background:transparent;color:#74d8cd;font-size:12px;font-weight:800}.card-util button:hover,.text-button:hover{text-decoration:underline}.card-util button:last-child,.text-button.danger{color:#ed9398}.new-card{max-width:780px;margin:16px auto}.metric-note{color:#8adbd1;font-size:12px}.planner-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);gap:16px;margin:18px 0 25px}.card-heading,.profile-head{display:flex;align-items:center;gap:14px}.card-heading h2{margin:0 0 3px}.card-heading p{font-size:11px;margin:0}.generator>.segmented{margin-bottom:4px}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 15px}.plan-head h2{margin:0}.plan-list{display:grid;gap:9px}.plan-item{display:flex;gap:13px;align-items:center;background:#102839;border:1px solid #294d60;border-radius:14px;padding:12px 15px}.plan-item.today{border-color:#43a5a0}.plan-item.done{opacity:.65}.plan-check{width:30px;height:30px;border-radius:9px;border:1px solid #4b7b88;background:#143747;flex-shrink:0}.plan-item.done .plan-check{background:#32d4bf;color:#07313b;border-color:#32d4bf}.plan-text{flex:1;min-width:0}.plan-text small,.plan-text span{display:block;font-size:11px;color:#88adb8}.plan-text strong{display:block;font-size:14px;margin:2px 0}.plan-tools{display:flex;gap:7px;align-items:center}.plan-tools button{font-size:12px;font-weight:800;border:1px solid #34586a;border-radius:9px;background:#123648;padding:8px 10px}.plan-tools button:first-child{color:#77e7d6}.plan-tools button:last-child{color:#f4a1a1}.progress-layout,.account-layout,.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:17px}.progress-topic{margin-bottom:19px}.progress-topic>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:7px}.progress-topic b{color:#81e9d3}.simple-row{border:0;border-radius:0;border-bottom:1px solid #254354;background:transparent;padding:11px 2px}.simple-row span{margin-left:auto}.activity-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #254657;padding:8px 0;color:#bdd6da;font-size:12px}.activity-row>span{font-size:20px;color:#6befcf}.activity-row small{margin-left:auto;color:#88a4b0}.quiz-shell{max-width:870px;margin:0 auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.quiz-top .backlink{margin:0}.quiz-meter{margin:12px 0 27px}.quiz-main{background:#0f293b;border:1px solid #2b4e60;border-radius:20px;padding:30px}.question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:22px}.question-head h1{font-size:clamp(20px,2.4vw,30px);letter-spacing:-.035em;margin:11px 0 0;line-height:1.5;overflow-wrap:anywhere}.bookmark{background:#1c4858;border:1px solid #31586a;border-radius:10px;font-size:25px;color:#a4d3d5;width:45px;height:45px;flex-shrink:0}.bookmark.saved{color:#f9dc6c}.clock{color:#69e9d1;font-size:19px;font-weight:800;white-space:nowrap}.answer-list{display:grid;gap:10px}.answer{display:flex;align-items:center;gap:14px;text-align:left;background:#102f43;border:1px solid #31566b;border-radius:13px;min-height:63px;padding:12px 15px;overflow-wrap:anywhere}.answer:hover:not(:disabled){background:#1a4657}.answer.chosen{border-color:var(--mint);background:#16494a}.answer.correct{border-color:#37deac;background:#165745}.answer.wrong{border-color:var(--danger);background:#512f3d}.answer>b{margin-left:auto;color:#67eebf}.letter{display:grid;place-items:center;width:32px;height:32px;border:1px solid #3b6b7a;border-radius:9px;flex-shrink:0;font-weight:800;font-size:12px}.quiz-footer{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.feedback{margin-top:18px;border-radius:13px;padding:18px;border:1px solid #4a8668;background:#123d37}.feedback.error{border-color:#82545d;background:#3d3039}.feedback p{margin:8px 0 0;font-size:13px}.result-hero{text-align:center;max-width:730px;margin:0 auto 34px;padding:30px;border:1px solid #297370;border-radius:22px;background:radial-gradient(circle at 50% 15%,#166f67,#102c3d 69%)}.result-score{font-size:75px;line-height:1.4;font-weight:800;letter-spacing:-.09em;color:#6ef0d5}.result-hero h1{font-size:31px}.detail-actions.center{justify-content:center}.review-list{display:grid;gap:13px}.review-card{border:1px solid #345569;border-radius:14px;background:#102a3a;padding:18px}.review-head{display:flex;justify-content:space-between;gap:10px}.review-card p{margin:10px 0 0;font-size:13px}.review-card .mini-note{background:#153a48;padding:13px;border-radius:11px;margin-top:10px}.exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:23px 0}.exam-card{border:1px solid #2d6574;border-radius:21px;padding:28px;background:linear-gradient(145deg,#153f52,#102c40)}.exam-symbol{font-size:55px;color:#66dbd0;line-height:1.5}.exam-card h2{font-size:25px;margin:7px 0 9px}.pricing-hero{text-align:center;padding:40px 20px 27px}.pricing-hero h1{font-size:clamp(34px,4vw,58px);margin:16px 0}.pricing-hero p{max-width:520px;margin:auto}.pricing-price{font-size:38px;font-weight:800;color:#64e8cd;margin-top:18px}.pricing-price small{font-size:15px;color:#acc8cb}.plans-comparison{max-width:930px;margin:13px auto 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.plans-comparison .panel{display:flex;flex-direction:column}.plans-comparison .panel h2{margin:8px 0 15px}.plans-comparison ul{padding-left:20px;color:#c0d9df;font-size:12px;line-height:2.2;flex:1}.plans-comparison li::marker{color:#5de4d0}.plans-comparison .pro-plan{background:linear-gradient(140deg,#134a48,#102e42);border-color:#52c7b0}.plan-value{font-weight:800;font-size:31px}.payment-steps{max-width:930px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.steps>div{border:1px solid #2b5563;border-radius:13px;padding:18px;background:#143544}.steps span{font-weight:800;color:#6cecd7}.steps h3{margin:12px 0 5px}.steps p{font-size:11px}.account-layout{grid-template-columns:1.2fr .8fr;align-items:start}.profile-head{margin-bottom:20px}.avatar{height:59px;width:59px;display:grid;place-items:center;font-size:29px;font-weight:800;color:#082e38;background:#62e6cd;border-radius:18px;flex-shrink:0}.profile-head h2{margin-bottom:2px}.profile-head span{font-size:12px;color:#8ae7d5}.account-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:12px;background:#0c3440;margin-bottom:14px;overflow-wrap:anywhere}.account-info span{display:block;color:#82abb5;font-size:11px}.account-info strong{font-size:12px}.success-note{color:#79edc9;padding:10px 13px;border:1px solid #368b79;background:#133e3c;border-radius:11px;margin:12px 0}.auth-form{background:#102f40;padding:16px;border:1px solid #315869;border-radius:12px;margin-bottom:20px}.auth-form .detail-actions{margin-top:20px}.auth-form .text-button{padding:12px 0}.account-price{font-size:28px;font-weight:800;color:var(--mint)}.account-price small{font-size:12px;color:#bed0d5}.import-label{display:block;cursor:pointer;border:1px solid #3b6573;color:#bff5e8;background:#143c4d;padding:11px 15px;border-radius:12px;text-align:center;margin-top:10px;font-size:12px;font-weight:800}.import-label input{display:none}.notice{border:1px solid #8b7851;border-radius:12px;padding:15px;background:#3b332b;margin:10px 0}.notice h3{margin-bottom:6px}.notice p{font-size:12px;color:#f0d9b1}.notice code{font-family:monospace;color:#f8efb2}.welcome-frame{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;margin:25px auto;max-width:1120px}.welcome-art{display:grid;place-items:center;border:1px solid #2f6870;border-radius:30px;background:radial-gradient(circle at 55% 44%,#1c6b6f,#113347 55%,#0c2639 85%);height:540px;overflow:hidden}.welcome-art img{width:min(80%,390px);border-radius:66px;box-shadow:0 24px 78px #03162680}.welcome-form{padding:14px}.welcome-form h1{font-size:clamp(31px,4vw,48px);margin:13px 0}.welcome-form p.lead{font-size:14px}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.role-choice{border:1px solid #315566;background:#123042;border-radius:12px;padding:14px 11px;text-align:left}.role-choice strong,.role-choice small{display:block}.role-choice small{color:#9fb9bf;margin-top:5px;line-height:1.5;font-size:10px}.role-choice.selected{border-color:var(--mint);background:#14504d}.welcome-form>.btn{margin:22px 0 11px}.admin-grid{grid-template-columns:.9fr 1.1fr}.confirm-payment{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;padding:10px 0;color:#d3e9ea}.confirm-payment input{width:18px;height:18px;accent-color:#3dd9c5;margin-top:2px;flex-shrink:0}.admin-users{max-height:420px;overflow:auto;margin-top:17px}.admin-user{border-top:1px solid #30505e;padding:11px 0;display:flex;justify-content:space-between;gap:8px;align-items:center}.admin-user strong{font-size:11px;display:block;overflow-wrap:anywhere}.admin-user small{display:block;color:#9bb8be;margin-top:5px}.admin-user button{flex-shrink:0}#toast{position:fixed;z-index:1000;left:50%;bottom:91px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#164b4e;border:1px solid #4ac5b7;padding:13px 19px;color:#f0ffff;font-size:13px;max-width:min(540px,90vw);min-width:220px;border-radius:12px;box-shadow:0 16px 55px #0007;transition:.2s}#toast.visible{transform:translate(-50%,0);opacity:1}#toast[data-kind=success]{border-color:#72efc7}button:focus-visible,a:focus-visible,.flashcard:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
/* Saved mechanism trainer + chemical editor styles; preserve compatibility */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic{background:#10283d;border:1px solid #2a4c5f;border-radius:16px;padding:16px;text-align:left;color:#efffff;min-height:110px}.topic strong{display:block;margin:10px 0 5px}.topic small{color:#9bb6c5}.note{font-size:13px;color:#a9c1cc}.formula{font-size:20px;font-weight:750;overflow-wrap:anywhere;line-height:1.7;margin:16px 0}.progress{margin:13px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.option{background:#142d42;color:#f0ffff;border:1px solid #33546b;text-align:left;border-radius:13px;padding:15px}.option.chosen{border:2px solid #3de1d2}.option.correct{background:#12483f;border-color:#4af2bc}.option.wrong{background:#4b2833;border-color:#fa8795}.mech-diagram{border:1px solid #2b5368;border-radius:15px;background:#0b1e30;margin:15px 0;overflow:hidden}.mech-diagram svg{display:block;width:100%;height:auto}.mech-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mech-nodes .option{padding:10px 7px;text-align:center;font-size:12px;min-height:60px}.mech-nodes .target{border:2px solid #7faeff}.mechanism-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pill{border:1px solid #3b7280;border-radius:99px;padding:5px 10px;font-size:11px;color:#92dfd8}.back{border:0;color:#b5d8de;background:none;font-size:12px;font-weight:800;margin:0 0 17px;padding:7px 0}.muted{color:var(--muted)}.editor-topline{align-items:flex-start}.editor-topline h1{margin-bottom:0}.editor-label{display:block;font-weight:700;color:#8adcd7;font-size:13px;margin-bottom:9px}.editor-select{width:100%;background:#0b1d2f;color:#f0ffff;border:1px solid #376375;border-radius:12px;font-size:16px;padding:13px 14px;min-height:46px}.editor-reaction{font-size:19px;margin:12px 0}.editor-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.editor-tool{border:1px solid #31576b;color:#d4eef6;background:#10283d;border-radius:11px;padding:13px 7px;min-height:46px;font-weight:700;font-size:13px}.editor-tool.is-selected,.editor-chip.is-selected{background:#2ce4d0;color:#052230;border-color:#2ce4d0}.editor-chipset{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.editor-chip{border:1px solid #335a6d;border-radius:10px;background:#173247;color:#ecffff;padding:10px 14px;min-width:47px;min-height:42px}.editor-canvas-wrap{padding:8px;background:#112a40;border:1px solid #306279;border-radius:18px;margin-top:10px;overflow:hidden}.editor-help,.editor-notice{font-size:13px;color:#b2cbd6;line-height:1.5}.editor-notice{border-left:3px solid #4fe3d7;padding:9px 12px;background:#112d3d;border-radius:4px;min-height:40px}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.editor-actions .btn{padding:11px 12px;font-size:13px}.editor-check{width:100%;margin:4px 0 10px;font-size:16px}.editor-result{border-width:2px}.editor-result.is-ok{border-color:#41d5a8}.editor-result.is-error{border-color:#e3ad78}.editor-warning{padding:12px;background:#493329;border:1px solid #c6906b;color:#ffe1c3;border-radius:10px;margin:10px 0;font-size:13px}.editor-tip{font-size:14px}.editor-tip p{margin:7px 0}.editor-canvas-wrap svg{touch-action:manipulation}.card:has(.editor-select){margin-top:12px}
@media(max-width:1190px){.app-shell{grid-template-columns:222px minmax(0,1fr)}.sidebar{padding-inline:11px}.main-content{padding-inline:25px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:880px){.app-shell{display:block}.sidebar{display:none}.topbar{height:69px;padding:0 21px}.brand{display:flex}.main-content{padding:22px 19px 110px}.footer{padding:20px 18px 120px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-around;background:#081d2ded;backdrop-filter:blur(15px);border-top:1px solid #2b5362;padding:5px 3px max(8px,env(safe-area-inset-bottom))}.bottom-nav .nav-link{flex:1;display:grid;justify-items:center;gap:1px;min-width:0;font-size:10px;padding:6px 3px;min-height:56px;text-align:center}.bottom-nav .nav-link span:first-child{font-size:23px}.footer{font-size:10px}.detail-layout{grid-template-columns:1fr}.planner-layout{grid-template-columns:1fr}.welcome-frame{grid-template-columns:1fr;max-width:680px;margin-top:0}.welcome-art{height:180px;border-radius:23px}.welcome-art img{width:130px;border-radius:24px}.welcome-form{padding:5px}.admin-grid{grid-template-columns:1fr}}@media(max-width:650px){h1{font-size:31px}h2{font-size:20px}.hero{min-height:270px;grid-template-columns:1fr;padding:25px 23px}.hero-icon{position:absolute;width:170px;right:-55px;top:14px;bottom:0;opacity:.13;pointer-events:none}.hero h1{font-size:30px}.hero p{font-size:12px}.stats-row{gap:8px}.stat{min-height:103px;padding:12px 10px;border-radius:13px}.stat strong{font-size:26px}.stat strong small{font-size:11px}.stat>span,.stat p{font-size:9px}.section-tiles{grid-template-columns:1fr;gap:10px}.area-tile{min-height:195px;padding:22px}.area-tile h3{font-size:23px}.tools-grid,.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-tile,.topic-card{padding:15px;min-height:176px}.tool-tile h3{font-size:13px}.tool-tile p{font-size:10px}.topic-card strong{font-size:13px}.topic-card p{font-size:10px}.today-card,.pro-banner{display:block}.today-card .btn,.pro-banner .btn{margin-top:14px}.segmented button{font-size:11px;padding:9px 10px}.exam-grid,.plans-comparison,.progress-layout,.account-layout{grid-template-columns:1fr}.quiz-main{padding:19px}.question-head h1{font-size:21px}.answer{padding:10px;min-height:60px;font-size:12px}.flashcard{min-height:285px;padding:21px}.role-grid{grid-template-columns:1fr 1fr}.role-choice{min-height:88px}.steps{grid-template-columns:1fr}.plan-tools button{padding:6px;font-size:11px}.plan-text strong{font-size:12px}.editor-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-actions .btn{flex:1 1 40%}.mech-nodes{grid-template-columns:1fr}.mechanism-list{grid-template-columns:1fr}.footer span{display:none}}@media(max-width:370px){.tools-grid,.topics-grid{grid-template-columns:1fr}.stat strong{font-size:22px}.bottom-nav .nav-link{font-size:9px}.top-actions{gap:6px}.upgrade-compact{font-size:10px;padding:7px}.round-icon{width:34px;height:34px}.role-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.recommendations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.recommendations button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;border:1px solid #2b5261;background:#102c3d;border-radius:15px;min-height:111px;padding:12px;text-align:center}.recommendations button:hover{border-color:#63e6cf}.recommendations span{font-size:27px;color:#60e4d5}.recommendations strong{font-size:12px}.recommendations small{color:#6cdccd;font-size:10px}@media(max-width:650px){.recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendations button{min-height:99px}}