:root{--bg:#f6f7f9;--surface:#fff;--ink:#192c3b;--muted:#71808a;--line:#e7ebef;--teal:#0b716c;--teal-light:#e9f5f2;--nav:#0e2030;--orange:#bc7246;--shadow:0 8px 30px #1c3f5010;--radius:16px;color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:16px;letter-spacing:-.2px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--teal);font-size:10px;font-weight:800;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;font-size:10px;font-weight:700;background:#edf1f4;color:#536672;letter-spacing:.2px;white-space:nowrap}.badge.green{color:#17685c;background:#e7f4eb}.badge.orange{color:#9b642c;background:#fbf1e2}.badge.blue{color:#4a67a2;background:#edf2fc}.badge.dark{background:#ffffff15;color:#bce4d8;border:1px solid #ffffff18}.skip-link{position:fixed;top:-70px;left:20px;z-index:3000;padding:12px;background:white;color:#172e3b}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #61bdb1;outline-offset:4px}a,button{transition:background .16s,transform .16s,border-color .16s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:650;line-height:1.5}.btn .icon{width:17px;height:17px}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:#075953}.btn.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.secondary:hover{border-color:#93b7b2}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.cream{background:#efd9bc;color:#19313b}.btn.danger{background:#b64545;color:white}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:12px;font-weight:700}.text-link .icon{width:17px}.icon-button{height:38px;width:38px;border:1px solid var(--line);background:var(--surface);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-button:hover{color:var(--teal);border-color:var(--teal)}.icon-button.saved{color:var(--teal);background:var(--teal-light)}.icon-button.saved svg{fill:#0b716c18}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60;padding:31px 20px 20px}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 30px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:var(--teal);color:#fff;font-size:28px;line-height:1;font-weight:800;letter-spacing:-3px;padding:0 4px 5px 0}.brand-name{font-size:22px;letter-spacing:-.8px;font-weight:750}.brand-sub{font-size:8px;letter-spacing:1.8px;color:var(--muted);font-weight:600;text-transform:uppercase}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#95a2ab;padding:13px 16px 10px;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#6b7b87;border-radius:8px;font-size:12px;font-weight:550;margin:3px 0;position:relative}.nav-link.active{color:var(--teal);background:var(--teal-light);font-weight:700}.nav-link.active:after{content:"";width:4px;height:17px;background:var(--teal);position:absolute;right:0;border-radius:4px}.nav-link:hover{background:var(--bg)}.nav-link .icon{width:18px;height:18px}.nav-bottom{margin-top:auto}.sidebar-tip{border:1px solid var(--line);background:var(--bg);padding:17px;border-radius:12px;margin:25px 6px 16px}.sidebar-tip .icon{color:var(--teal);margin-bottom:11px}.sidebar-tip h4{font-size:11px;margin-bottom:6px}.sidebar-tip p{font-size:10px;color:var(--muted);line-height:1.6}.sidebar-tip a{font-size:10px;margin-top:12px}.sidebar-foot{font-size:9px;color:#9ca5ac;padding:12px}.site-body{margin-left:238px}.topbar{height:81px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 36px;position:sticky;top:0;z-index:40}.breadcrumb{font-size:11px;color:#87949d;white-space:nowrap;display:flex;align-items:center;gap:10px}.breadcrumb strong{font-weight:600;color:var(--ink)}.breadcrumb .icon{width:11px;height:11px}.top-search{position:relative;display:flex;align-items:center;margin-left:auto;max-width:360px;width:32%}.top-search .icon{position:absolute;left:13px;color:#8e9aa4;width:17px}.top-search input{padding:11px 40px 11px 39px;width:100%;font-size:10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}.top-search kbd{position:absolute;right:10px;color:#95a1ab;font-size:9px;border:1px solid var(--line);border-radius:4px;padding:1px 4px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions .icon-button{border:none}.avatar{display:flex;width:35px;height:35px;border-radius:50%;align-items:center;justify-content:center;background:#eff3f7;color:#687c8c;font-size:12px;font-weight:700;border:3px solid white;box-shadow:0 0 0 1px var(--line)}.mode-indicator{display:flex;align-items:center;gap:6px;font-size:10px;color:#778892;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#3da584}.main{max-width:1500px;margin:0 auto;padding:32px 36px 45px;min-height:calc(100vh - 81px)}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.welcome-row h1{font-size:26px;letter-spacing:-.6px}.welcome-row p{font-size:12px;color:var(--muted);margin-top:6px}.date-chip{display:flex;align-items:center;gap:8px;font-size:10px;color:#82909b}.date-chip .icon{width:15px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.hero{min-height:299px;background:#112d39;border-radius:18px;overflow:hidden;position:relative;padding:33px 30px;color:white;isolation:isolate}.hero-copy{position:relative;z-index:2;width:65%}.hero-copy .eyebrow{color:#9bcfc2;font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.hero-copy .eyebrow:before{content:"";width:20px;height:1px;background:#8ac5b6}.hero h2{font-size:34px;letter-spacing:-1px;line-height:1.24;margin:16px 0 13px;font-weight:650}.hero h2 em{font-style:normal;color:#b3d9ca}.hero p{color:#a9c0c7;font-size:11px;max-width:275px;line-height:1.85}.hero .btn{margin-top:22px;font-size:11px}.hero-art{position:absolute;right:-37px;top:18px;width:280px;height:275px;z-index:1;transform:rotate(-12deg)}.hero-art:before{content:"";position:absolute;inset:10px;background:radial-gradient(ellipse,#346e7150,transparent 70%)}.orbit{position:absolute;border:1px solid #abd6c62b;width:190px;height:220px;border-radius:48%;left:38px;top:28px;transform:rotateY(-25deg) rotateZ(-13deg);box-shadow:inset 0 0 40px #5cbbaf0b}.orbit.o2{transform:translateX(-15px) rotateZ(-13deg)}.orbit.o3{transform:translateX(-30px) rotateZ(-13deg)}.orbit.o4{transform:translateX(-45px) rotateZ(-13deg)}.orbit.o5{transform:translateX(-60px) rotateZ(-13deg)}.orbit.o6{transform:translateX(-75px) rotateZ(-13deg)}.scan-core{position:absolute;left:41px;top:82px;width:131px;height:129px;border:1px solid #8bcbba55;border-radius:40%;background:repeating-linear-gradient(35deg,#7cc4b724 0px,#7cc4b700 2px,#7cc4b700 9px);transform:rotate(-13deg);box-shadow:0 0 50px #88d0b710}.scan-cross{position:absolute;left:99px;top:134px;color:#d0e3d7;font-size:24px;font-weight:200}.hero-art .art-label{position:absolute;right:55px;bottom:12px;font-family:monospace;font-size:8px;color:#78a397;letter-spacing:2px;transform:rotate(12deg)}.hero-tag{position:absolute;right:24px;top:19px;font-size:8px;letter-spacing:1.4px;color:#8caeaf;border:1px solid #648d8f40;padding:4px 7px;border-radius:4px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:17px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:17px 14px;display:flex;gap:12px;align-items:center}.stat-icon{width:36px;height:39px;border-radius:9px;background:var(--teal-light);display:flex;align-items:center;justify-content:center;color:var(--teal)}.stat-card:nth-child(2) .stat-icon{background:#fdf1e7;color:#bf8457}.stat-card:nth-child(3) .stat-icon{background:#edf0f9;color:#6676ac}.stat-card .stat-value{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.5px}.stat-card p{font-size:9px;color:var(--muted);margin-top:5px}.section-bar{display:flex;align-items:center;justify-content:space-between;margin:29px 0 16px;gap:10px}.section-bar h2{font-size:17px}.section-bar p{font-size:10px;color:var(--muted);margin-top:4px}.subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.subject-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px 14px;min-height:151px;position:relative}.subject-card:hover{border-color:#93b7b2;transform:translateY(-3px)}.subject-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--teal-light);border-radius:10px;color:var(--teal);margin-bottom:15px}.subject-icon.blue{color:#6483b4;background:#eef3fb}.subject-icon.orange{color:#b38562;background:#faf0e7}.subject-icon.purple{color:#8673ae;background:#f2edf9}.subject-card h3{font-size:13px}.subject-card p{font-size:9px;color:var(--muted);margin:5px 0}.subject-card .subject-arrow{position:absolute;right:12px;top:22px;width:14px;color:#aab5bd}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.roadmap{height:max-content}.roadmap-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.roadmap-top h3{font-size:14px}.roadmap-title{font-size:14px;margin:12px 0 6px}.roadmap .muted{font-size:10px}.roadmap-steps{margin:21px 0}.roadmap-step{display:flex;gap:12px;padding:0 0 23px;position:relative}.roadmap-step:not(:last-child):before{content:"";position:absolute;left:13px;top:31px;height:calc(100% - 36px);width:1px;background:var(--line)}.step-num{height:28px;min-width:28px;background:var(--bg);border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}.roadmap-step:first-child .step-num{background:var(--teal-light);border-color:var(--teal-light);color:var(--teal)}.step-copy h4{font-size:11px;font-weight:600;margin-top:4px}.step-copy p{font-size:9px;color:var(--muted);margin-top:4px}.roadmap .btn{width:100%;font-size:11px}.mini-card{margin-top:20px;border:1px solid #e6e6db;border-radius:14px;padding:21px;background:#f5f3eb}.mini-card .eyebrow{color:#9f8f64;font-size:8px}.mini-card h3{font-size:16px;margin:10px 0;line-height:1.5}.mini-card p{font-size:10px;color:#8b897e}.mini-card .text-link{margin-top:16px;color:#8b6b42}.article-list{display:grid;gap:12px}.article-row{display:flex;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px;align-items:center}.article-row:hover{border-color:#9ebeb7}.article-thumb{width:70px;min-width:70px;height:62px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#edf4f2;color:#5d8e85}.article-thumb.blue{background:#eef1f8;color:#7b8ba9}.article-thumb.orange{background:#f8f1e8;color:#b69a77}.article-thumb .icon{width:31px;height:31px;stroke-width:1.2}.article-row-copy{flex:1;min-width:0}.article-row h3{font-size:12px;margin:5px 0}.article-row p{font-size:9px;color:var(--muted)}.article-row .row-arrow{width:16px;color:#91a19f;margin-right:9px}.article-row .badge{font-size:8px;padding:2px 6px}.bottom-note{margin-top:25px;font-size:10px;color:#98a1aa;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:8px}.bottom-note .icon{width:14px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px}.page-heading p.muted{margin-top:11px;font-size:13px;max-width:680px}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid var(--line);padding:8px 15px;border-radius:7px;font-size:12px;color:var(--muted);background:var(--surface)}.filter.active{background:var(--teal);color:white;border-color:var(--teal)}.search-large{display:flex;gap:12px;margin:0 0 19px}.search-large input{flex:1;min-width:0}.field,input.text,select.text,textarea.text{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:var(--ink);background:var(--surface)}textarea.text{resize:vertical;line-height:1.65}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.form-field small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.lesson-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.lesson-card:hover{border-color:#9bbdb7;box-shadow:var(--shadow)}.lesson-cover{height:120px;background:#eef4f3;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#539183}.lesson-cover.blue{background:#eff3fb;color:#8399b5}.lesson-cover.orange{background:#f7f0e9;color:#b59576}.lesson-cover.purple{background:#f2eff9;color:#9a8faf}.lesson-cover:after{content:"";position:absolute;width:130px;height:130px;border:1px solid currentColor;border-radius:50%;opacity:.2;transform:translate(58px,12px)}.lesson-cover .icon{width:54px;height:54px;stroke-width:1.1}.cover-code{position:absolute;bottom:13px;left:17px;font-size:9px;letter-spacing:2px;opacity:.8}.lesson-card-copy{padding:19px;flex:1;display:flex;flex-direction:column}.lesson-card h3{margin:11px 0 9px;line-height:1.5;font-size:15px}.lesson-card p{font-size:11px;color:var(--muted);line-height:1.75}.lesson-card-footer{margin-top:auto;padding-top:19px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.lesson-card-footer .icon{width:14px}.pagination{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:24px}.notice{display:flex;gap:10px;border:1px solid #d6e6e2;background:#eef6f3;border-radius:10px;padding:12px 15px;margin-bottom:20px;color:#526b67;font-size:12px;line-height:1.65}.notice .icon{width:18px;height:18px;margin-top:2px}.notice.warning{background:#fff7e9;border-color:#f0dec0;color:#8d6935}.notice.error{background:#fff0f0;border-color:#efc8c8;color:#a14c4c}.empty-state{text-align:center;padding:55px 22px;background:var(--surface);border:1px dashed var(--line);border-radius:14px}.empty-state>.icon{width:40px;height:40px;color:#a4bab7;margin-bottom:17px}.empty-state h3{margin-bottom:12px}.empty-state p{font-size:13px;color:var(--muted);max-width:530px;margin:0 auto 20px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px;align-items:start}.reading{padding:35px 40px}.reading h1{font-size:33px;margin:16px 0}.reading .summary{font-size:15px;color:var(--muted);line-height:1.9;padding-bottom:26px;border-bottom:1px solid var(--line)}.article-body{font-size:15px;line-height:1.95;padding-top:12px}.article-body h2{margin:25px 0 13px;font-size:21px}.article-body p{margin:13px 0 23px}.article-body ul{padding-left:23px}.reading-aside{position:sticky;top:105px}.reading-aside .btn{width:100%;margin-top:12px}.source-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--teal);padding:8px 0;overflow-wrap:anywhere}.source-link .icon{width:12px}.reading-meta{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin:15px 0 23px}.reading-meta .icon{width:14px}.sources{border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.sources h3{font-size:13px}.quiz-setup{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px}.mode-card{border:1px solid var(--line);background:var(--surface);padding:24px;border-radius:13px;margin-bottom:15px;display:flex;align-items:center;gap:18px}.mode-card .subject-icon{margin:0;min-width:46px;height:46px}.mode-card h3{margin-bottom:8px}.mode-card p{font-size:12px;color:var(--muted)}.setup-form h2{margin-bottom:20px}.setup-form .btn{width:100%}.checkline{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.7;margin:16px 0;color:var(--muted)}.checkline input{margin-top:4px;accent-color:var(--teal)}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:12px}.quiz-top h1{font-size:24px}.timer{font-family:ui-monospace,monospace;font-size:23px;letter-spacing:1px;padding:8px 15px;border:1px solid var(--line);border-radius:9px;white-space:nowrap;background:var(--surface)}.timer.urgent{color:#b14b3e;border-color:#dba7a0}.question-card{padding:30px}.question-number{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.question-card h2{font-size:21px;line-height:1.75;margin:0 0 23px;letter-spacing:-.2px}.question-image{max-height:320px;display:block;margin:15px auto;border-radius:10px}.answer-option{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;cursor:pointer;font-size:14px;line-height:1.65}.answer-option:hover{border-color:#85b3a9;background:#f6fbf9}.answer-option.selected{border-color:var(--teal);background:var(--teal-light);box-shadow:0 0 0 1px var(--teal)}.answer-option input{accent-color:var(--teal);width:16px;height:16px}.answer-letter{font-size:12px;color:var(--muted);font-weight:600}.question-actions{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 20px}.question-dot{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:6px;min-height:33px;font-size:11px}.question-dot.answered{background:#e8f3ef;color:var(--teal);border-color:#c7e1d7}.question-dot.current{background:var(--teal);color:white;border-color:var(--teal)}.progress-track{height:5px;border-radius:5px;background:var(--line);overflow:hidden;margin:13px 0}.progress-track>span{display:block;height:100%;background:var(--teal);border-radius:5px}.save-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:17px}.save-state .icon{width:14px}.quiz-side{position:sticky;top:105px}.quiz-side h3{font-size:13px}.quiz-side .btn{width:100%;margin-top:12px}.result-top{display:flex;align-items:center;gap:30px;padding:30px;margin-bottom:25px}.score-ring{height:130px;min-width:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:7px solid #dceee7;border-top-color:var(--teal);border-right-color:var(--teal);border-radius:50%}.score-ring strong{font-size:32px;line-height:1.2}.score-ring small{color:var(--muted);font-size:11px}.result-top h1{font-size:27px;margin:9px 0}.result-stats{display:flex;flex-wrap:wrap;gap:25px;color:var(--muted);font-size:12px;margin-top:17px}.result-stats strong{color:var(--ink)}.review-card{margin-bottom:15px}.review-card h3{line-height:1.8;margin:13px 0}.review-option{padding:10px 14px;background:var(--bg);border:1px solid var(--line);border-radius:7px;margin:7px 0;font-size:13px}.review-option.correct{background:#eef7f1;border-color:#b9d9c8;color:#356950}.review-option.wrong{background:#fff0ef;border-color:#dfb6b1;color:#a24c42}.explanation{border-left:3px solid #8ebaa9;padding:7px 16px;margin:17px 0 0;font-size:13px;color:var(--muted)}.history-table{width:100%;border-collapse:collapse;font-size:12px}.history-table th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;padding:15px;border-bottom:1px solid var(--line)}.history-table td{padding:17px 15px;border-bottom:1px solid var(--line)}.history-table tr:last-child td{border:0}.history-table strong{font-size:16px;color:var(--teal)}.table-wrap{overflow:auto}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.profile-stat{padding:22px}.profile-stat p{font-size:11px;color:var(--muted)}.profile-stat strong{display:block;font-size:30px;margin:10px 0 2px}.auth-card{max-width:470px;margin:45px auto;padding:35px}.auth-card .modal-icon{margin-bottom:18px}.auth-card h1{font-size:26px;margin-bottom:12px}.auth-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.auth-card .btn{width:100%}.otp-input{text-align:center;letter-spacing:7px;font-size:25px!important}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:23px;align-items:start}.viewer{background:#11232e;border:1px solid #213945;border-radius:15px;overflow:hidden;color:#bac8d0}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid #2c3d46;font-size:10px}.viewer-tools{display:flex;gap:8px}.viewer-tools button{border:1px solid #41505a;border-radius:5px;color:#cad7dd;background:transparent;min-width:32px;height:30px}.viewer-stage{height:405px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:radial-gradient(ellipse at center,#1e3843,#0d1b24 75%);touch-action:pan-y}.viewer-stage img{width:auto;max-height:90%;max-width:90%;object-fit:contain;transition:transform .15s;user-select:none}.phantom{width:244px;height:244px;border:1px solid #a0c5b24d;border-radius:50%;position:relative;background:repeating-radial-gradient(circle at center,#7cac9920 0px,#7cac9920 1px,transparent 2px,transparent 16px);box-shadow:0 0 50px #91c6b317,inset 0 0 40px #82a5901a;transition:transform .15s}.phantom:before{content:"";position:absolute;inset:45px;border:1px solid #aacbb65e;border-radius:50%}.phantom:after{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b3c8bc99;font-size:90px;font-weight:100}.viewer-corner{position:absolute;top:20px;left:22px;font-family:monospace;font-size:10px;color:#7fa49c;z-index:2}.viewer-footer{display:flex;justify-content:space-between;padding:13px 17px;border-top:1px solid #2c3d46;font-size:9px;color:#79939c}.atlas-list .article-row{margin-bottom:10px}.viewer-caption h3{font-size:16px;margin-bottom:15px}.viewer-caption p{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:13px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tab{padding:12px 0;color:var(--muted);border-bottom:2px solid transparent;font-size:12px;white-space:nowrap}.tab.active{color:var(--teal);border-color:var(--teal);font-weight:650}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.admin-grid h2{margin-bottom:21px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.code-preview{max-height:260px;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:16px;font-family:monospace;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.admin-aside h3{font-size:13px;margin-bottom:14px}.admin-aside p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:13px}.file-input{padding:15px;border:1px dashed #abc0ba;border-radius:10px;background:var(--bg);width:100%;font-size:11px}.setup-steps{counter-reset:steps;display:grid;gap:18px}.setup-step{counter-increment:steps;position:relative;padding-left:74px}.setup-step:before{content:counter(steps,decimal-leading-zero);position:absolute;left:23px;top:24px;color:var(--teal);font-family:monospace;font-size:22px}.setup-step h3{margin-bottom:10px}.setup-step p{font-size:13px;color:var(--muted);line-height:1.9}.setup-step code{font-family:monospace;background:var(--bg);padding:3px 6px;border-radius:5px;font-size:12px;color:var(--ink);overflow-wrap:anywhere}.setup-step pre{padding:13px;background:var(--bg);border-radius:8px;overflow:auto;font-size:12px;margin:14px 0}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.boot p{font-size:12px;color:var(--muted)}.loading{padding:100px 20px;text-align:center;color:var(--muted)}.spinner{display:inline-block;width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#183842;color:white;padding:14px 20px;max-width:90%;border-radius:10px;font-size:12px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:2500}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;max-width:440px;width:calc(100% - 30px);background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #0b1c3230}dialog::backdrop{background:#0f263b77;backdrop-filter:blur(3px)}dialog h2{margin:18px 0 12px;font-size:23px}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.modal-close{position:absolute;right:15px;top:15px;border:none}.modal-icon{width:44px;height:44px;background:var(--teal-light);color:var(--teal);border-radius:12px;display:flex;align-items:center;justify-content:center}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.mobile-menu{display:none}.mobile-overlay{display:none}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.mt{margin-top:20px}.mb{margin-bottom:20px}.full-width{width:100%}.hidden{display:none!important}.fade-in{animation:fadein .25s ease-out}@keyframes fadein{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
[data-theme="dark"]{--bg:#11202a;--surface:#192b35;--ink:#e0e9ec;--muted:#9aaeb8;--line:#2a414a;--teal:#4aa999;--teal-light:#23463f;color-scheme:dark}.dark-note{color:var(--muted)}[data-theme="dark"] .hero{background:#0b1924}[data-theme="dark"] .mini-card{background:#35352c;border-color:#4a493b}[data-theme="dark"] .avatar{border-color:var(--surface)}[data-theme="dark"] .notice{background:#19372f;border-color:#305449;color:#b7cdc5}[data-theme="dark"] .notice.warning{background:#3c3525;border-color:#53472e;color:#d0bc94}[data-theme="dark"] .answer-option:hover{background:#22443e}[data-theme="dark"] .review-option.correct{background:#213e32;color:#afd0bc;border-color:#39614c}[data-theme="dark"] .review-option.wrong{background:#4a302d;color:#e2b4ab;border-color:#75534d}
@media(min-width:1500px){.main{padding:38px 48px}.hero{min-height:328px;padding:38px}.hero h2{font-size:39px}.hero-art{right:-2px;top:27px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}.roadmap{padding:27px}.hero p{font-size:12px}.hero-copy{width:60%}.subject-card{padding:21px}.article-row{padding:15px}}
@media(max-width:1200px){.sidebar{width:207px;padding:28px 14px}.site-body{margin-left:207px}.topbar{padding:0 25px}.main{padding:26px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 238px;gap:18px}.hero{padding:28px 24px}.hero h2{font-size:29px}.hero-art{right:-74px;opacity:.7}.hero-copy{width:72%}.stat-card{padding:13px 10px;gap:8px}.stat-icon{width:31px;height:32px}.stat-card .stat-value{font-size:18px}.subject-card{padding:16px 11px}.subject-grid{gap:10px}.subject-card h3{font-size:12px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-search{max-width:300px;width:36%}.top-actions{gap:6px}.topbar{gap:12px}.date-chip{display:none}.reading{padding:28px}.quiz-setup{grid-template-columns:minmax(0,1fr) 300px}.admin-grid{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-card{margin:0;height:max-content}.hero-copy{width:65%}.hero-art{right:10px;opacity:1}.hero h2{font-size:37px}.sidebar-tip{display:none}.breadcrumb{display:none}.top-search{margin-left:0;max-width:none;flex:1}.top-actions{margin-left:auto}.reading-layout{grid-template-columns:1fr}.reading-aside{position:static}.reading-aside .btn{width:auto}.quiz-setup{grid-template-columns:1fr}.quiz-layout{grid-template-columns:minmax(0,1fr) 195px;gap:16px}.quiz-side{padding:16px}.question-map{gap:5px}.question-card{padding:23px}.quiz-top h1{font-size:21px}.atlas-layout{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-aside{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:250px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.site-body{margin:0}.mobile-menu{display:inline-flex;border:0}.topbar{height:68px;padding:0 17px;gap:8px}.top-search input{font-size:11px}.top-search kbd{display:none}.top-actions .mode-indicator{display:none}.top-actions .btn{font-size:10px;padding:8px 10px;min-height:35px}.top-actions .avatar{display:none}.main{padding:24px 20px 36px}.welcome-row{margin-bottom:23px}.welcome-row h1{font-size:23px}.welcome-row p{font-size:11px;max-width:290px}.hero h2{font-size:33px}.hero{min-height:290px;padding:30px 25px}.hero-art{right:-25px}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#10243277;z-index:55}.reading h1{font-size:28px}.question-card h2{font-size:19px}.library-grid{gap:14px}.lesson-card-copy{padding:17px}.page-heading h1{font-size:28px}.page-heading{display:block}.page-heading>.btn{margin-top:17px}.profile-summary{gap:12px}.profile-stat{padding:17px}.history-table td,.history-table th{padding:12px 10px}.quiz-layout{grid-template-columns:1fr}.quiz-side{position:static}.question-map{grid-template-columns:repeat(10,1fr)}.quiz-side .btn{width:auto}.question-card{padding:25px}.result-top{gap:22px;padding:24px}.score-ring{height:105px;min-width:105px}.result-top h1{font-size:23px}.result-stats{gap:12px;font-size:11px}.viewer-stage{height:360px}}
@media(max-width:480px){.main{padding:21px 16px 30px}.topbar{padding:0 9px}.top-actions{gap:2px}.top-actions .icon-button{width:31px}.top-search input{padding-left:31px;font-size:10px}.top-search .icon{left:10px;width:15px}.hero{min-height:295px;padding:26px 23px}.hero-copy{width:82%}.hero h2{font-size:32px;max-width:245px}.hero p{font-size:11px;max-width:239px}.hero-art{right:-108px;top:47px;opacity:.38}.hero-tag{font-size:7px;top:12px;right:14px}.hero .btn{margin-top:21px}.hero-copy .eyebrow{font-size:8px}.stat-row{gap:8px;margin-top:13px}.stat-card{display:block;padding:13px 11px}.stat-icon{height:27px;width:27px;margin-bottom:9px}.stat-icon .icon{width:17px;height:17px}.stat-card p{font-size:8px}.stat-card .stat-value{font-size:21px}.subject-grid{grid-template-columns:repeat(2,1fr);gap:12px}.subject-card{min-height:144px;padding:19px 17px}.subject-card h3{font-size:14px}.subject-card p{font-size:10px}.dashboard-side{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.lesson-cover{height:135px}.section-bar .text-link{font-size:10px}.article-thumb{min-width:57px;width:57px}.article-row h3{font-size:11px}.article-row p{font-size:9px}.page-heading p.muted{font-size:12px}.filters{gap:7px}.filter{font-size:11px;padding:7px 12px}.reading{padding:23px}.reading h1{font-size:25px}.article-body{font-size:14px}.reading-meta{flex-wrap:wrap;font-size:10px}.question-card{padding:20px}.question-top{align-items:flex-start}.quiz-top h1{font-size:19px}.timer{font-size:19px;padding:7px 10px}.answer-option{font-size:13px;padding:13px}.question-map{grid-template-columns:repeat(8,1fr)}.question-actions .btn{padding:9px 12px;font-size:11px}.profile-summary{grid-template-columns:1fr 1fr}.profile-stat:last-child{grid-column:1/-1}.result-top{align-items:flex-start;flex-direction:column}.result-stats{font-size:12px;gap:16px}.form-row{grid-template-columns:1fr;gap:0}.auth-card{margin:20px 0;padding:28px}.viewer-stage{height:310px}.phantom{width:210px;height:210px}.setup-step{padding-left:58px}.setup-step:before{left:18px;font-size:19px}.setup-step h3{font-size:14px}.notice{font-size:11px}.mode-card{padding:20px;gap:13px}.mode-card h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* =========================================================
   HINH ANH Y HOC — PREMIUM UI V2
   Visual refresh: medical imaging / knowledge platform
   ========================================================= */
:root{
  --bg:#f3f6f7;--surface:#ffffff;--surface-2:#f8fafb;--ink:#122834;--muted:#6f818b;--line:#dfe8ea;
  --teal:#0a7a72;--teal-2:#13a091;--teal-light:#e7f6f3;--nav:#102a35;--nav-2:#0c222d;
  --blue:#426f9f;--orange:#b87745;--purple:#7865a8;--shadow:0 18px 50px rgba(17,50,61,.08);
  --shadow-soft:0 8px 30px rgba(17,50,61,.055);--radius:18px;--radius-lg:24px;
}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 90% -10%,rgba(52,167,150,.08),transparent 30%),var(--bg);letter-spacing:.002em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(13,72,79,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(13,72,79,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 44%);z-index:-1}
h1,h2,h3,h4{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}
.btn{border-radius:12px;min-height:46px;padding:11px 18px;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s}
.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--teal),#09655f);box-shadow:0 10px 25px rgba(10,122,114,.2)}.btn.primary:hover{background:linear-gradient(135deg,#0d887f,#075c57);box-shadow:0 14px 30px rgba(10,122,114,.25)}.btn.secondary{box-shadow:var(--shadow-soft)}.btn.large{min-height:54px;font-size:13px}.full-width{width:100%}
.icon-button{border-radius:12px;transition:transform .2s,background .2s,color .2s,border-color .2s}.icon-button:hover{transform:translateY(-1px);background:var(--teal-light)}
.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:800;color:var(--teal);margin-bottom:8px}
.badge{border-radius:999px;padding:5px 10px}.row.compact{gap:7px}.row.wrap{flex-wrap:wrap}
.sidebar{width:258px;padding:24px 18px 18px;background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%);box-shadow:8px 0 35px rgba(11,49,58,.025)}
.site-body{margin-left:258px}.brand{padding:4px 11px 27px;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#0b8178,#075d59);font-size:10px;letter-spacing:.6px;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(11,113,108,.22)}.brand-pulse{position:absolute;width:15px;height:15px;border:1px solid rgba(255,255,255,.36);border-radius:50%;left:5px;top:5px}.brand-name{font-size:19px;max-width:155px;line-height:1.15;letter-spacing:-.45px}.brand-sub{font-size:7px;letter-spacing:1.7px;margin-top:5px}.sidebar-scroll{overflow-y:auto;overflow-x:hidden;padding-right:2px;display:flex;flex-direction:column;height:calc(100vh - 92px);scrollbar-width:thin;scrollbar-color:#cfdadc transparent}.nav-label{padding:15px 14px 9px;font-size:8px;letter-spacing:1.8px}.nav-link{padding:12px 13px;margin:2px 0;border-radius:11px;overflow:hidden}.nav-link .nav-glow{position:absolute;right:-26px;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,rgba(13,128,119,.12),transparent 70%);opacity:0;transform:scale(.6);transition:.25s}.nav-link:hover .nav-glow,.nav-link.active .nav-glow{opacity:1;transform:scale(1)}.nav-link.active{background:linear-gradient(90deg,#e9f7f4,#f3fbf9);box-shadow:inset 0 0 0 1px #d8efea}.nav-link.active:after{height:21px;width:3px;right:4px}.nav-bottom{margin-top:auto}.sidebar-tip{position:relative;overflow:hidden;background:linear-gradient(145deg,#102f39,#0d2630);color:white;border:0;padding:19px 17px;border-radius:16px;box-shadow:0 15px 30px rgba(18,47,57,.14)}.sidebar-tip:after{content:"";position:absolute;width:130px;height:130px;right:-70px;top:-60px;border:1px solid rgba(99,208,191,.16);border-radius:50%;box-shadow:0 0 0 16px rgba(99,208,191,.05),0 0 0 32px rgba(99,208,191,.025)}.sidebar-tip .tip-orb{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;background:rgba(133,223,207,.12);color:#8fe0d1;margin-bottom:15px}.sidebar-tip .eyebrow{color:#83cdbf}.sidebar-tip h4{font-size:13px;margin-bottom:7px;color:#fff}.sidebar-tip p{font-size:10px;color:#a9c0c7}.sidebar-tip a{color:#bce8de}.sidebar-foot{line-height:1.65}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3aac8f;margin-right:7px;box-shadow:0 0 0 4px rgba(58,172,143,.09)}
.topbar{height:76px;padding:0 34px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,232,234,.85)}.top-search{max-width:430px;width:36%}.top-search input{height:43px;background:#f7f9fa;border-color:#e2e9eb;border-radius:12px;padding-left:41px}.top-search input:focus{outline:none;border-color:#8bc9c0;box-shadow:0 0 0 4px rgba(10,122,114,.07)}.mode-indicator{padding:7px 10px;border-radius:999px;background:#f4f8f7;border:1px solid var(--line)}.guest-pill{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#f4f7f8;color:#687984;font-size:10px;font-weight:700}.guest-pill .icon{width:14px;height:14px}
.main{padding:38px 40px 60px;max-width:1540px}.fade-in{animation:pageEnter .42s cubic-bezier(.2,.8,.2,1)}@keyframes pageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal-item{opacity:0;transform:translateY(13px);transition:opacity .5s ease var(--reveal-delay,0ms),transform .5s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.reveal-item.is-visible{opacity:1;transform:none}
.loading-premium{min-height:55vh}.scanner-loader{width:52px;height:52px;border-radius:50%;border:1px solid #b7d6d1;position:relative;display:block;box-shadow:inset 0 0 0 7px #edf7f5,inset 0 0 0 15px white}.scanner-loader:after{content:"";position:absolute;inset:-1px;border-top:2px solid var(--teal);border-radius:50%;animation:spin 1s linear infinite}.scanner-loader i{position:absolute;left:50%;top:50%;width:1px;height:34px;background:linear-gradient(var(--teal),transparent);transform-origin:top center;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.home-intro .welcome-row{align-items:flex-end;margin-bottom:26px}.welcome-row h1{font-size:30px;max-width:680px;line-height:1.18;letter-spacing:-1px}.welcome-row>div>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:8px}.date-chip{padding:9px 12px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:999px}.live-pulse{width:7px;height:7px;border-radius:50%;background:#35a486;box-shadow:0 0 0 0 rgba(53,164,134,.4);animation:pulseDot 2s infinite}@keyframes pulseDot{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;gap:28px}.premium-hero{min-height:356px;border-radius:24px;padding:42px 39px;background:linear-gradient(135deg,#102f3a 0%,#0c2631 55%,#113945 100%);box-shadow:0 24px 60px rgba(8,38,47,.18)}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 0.6px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,black 50%,black)}.premium-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;bottom:-170px;background:radial-gradient(circle,#2a7f7a33,transparent 65%)}.hero-copy{width:61%}.hero-copy .eyebrow{color:#8ed9cb}.hero h2{font-size:43px;line-height:1.13;margin:18px 0 15px;letter-spacing:-1.7px}.hero h2 em{color:#a9e1d5}.hero p{font-size:12px;max-width:440px;line-height:1.9;color:#b5c9ce}.hero-actions{display:flex;gap:11px;align-items:center;margin-top:25px}.hero .btn{margin-top:0}.hero-secondary{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12);color:#d6e6e9;box-shadow:none}.hero-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}.hero-micro{display:flex;gap:20px;margin-top:25px;color:#88a5aa;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.hero-micro b{color:#d5e7e9;font-size:12px;margin-right:4px}.hero-tag{top:24px;right:28px;color:#8eb4b6}.hero-art{right:15px;top:38px;width:330px;height:290px;transform:none}.scanner-shell{position:absolute;right:18px;top:20px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(126,214,198,.08) 0 23%,transparent 24%),linear-gradient(145deg,rgba(81,155,152,.08),rgba(12,38,49,.1));box-shadow:inset 0 0 60px rgba(70,181,164,.08),0 0 80px rgba(63,185,164,.08)}.scanner-ring{position:absolute;border:1px solid rgba(133,216,200,.20);border-radius:50%;inset:18px}.scanner-ring.r2{inset:42px;border-color:rgba(133,216,200,.25)}.scanner-ring.r3{inset:68px;border-color:rgba(133,216,200,.32)}.scanner-ring.r4{inset:94px;border-color:rgba(133,216,200,.48)}.scanner-slice{position:absolute;left:50%;top:16px;width:1px;height:218px;background:linear-gradient(transparent,rgba(105,210,191,.8),transparent);transform-origin:50% 109px;animation:scanSweep 5s linear infinite}.scanner-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#a1d8cf;font-size:25px}.art-label{bottom:0;right:40px;transform:none;letter-spacing:1.5px}@keyframes scanSweep{to{transform:rotate(360deg)}}
.stat-row{gap:13px;margin-top:16px}.stat-card{border-radius:15px;padding:17px 15px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--teal),transparent);opacity:.45}.stat-trend{margin-left:auto;font-size:7px;letter-spacing:1.3px;color:#a3adb3;transform:rotate(-90deg)}.stat-icon{border-radius:11px}.stat-value{font-variant-numeric:tabular-nums}
.section-bar{margin:34px 0 17px}.section-bar h2{font-size:20px}.section-bar p:not(.eyebrow){font-size:10px}.subject-grid{gap:15px}.subject-card{min-height:202px;padding:20px 18px;border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;isolation:isolate}.subject-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-66px;top:-66px;background:var(--teal-light);opacity:.8;z-index:-1;transition:.35s}.subject-card:hover:before{transform:scale(1.25)}.subject-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(17,50,61,.11)}.subject-number{position:absolute;right:14px;top:13px;font-size:10px;font-family:monospace;color:#98a7af}.subject-arrow{position:absolute;right:14px;bottom:16px;color:#9cadb5;transition:.25s}.subject-card:hover .subject-arrow{color:var(--teal);transform:translateX(4px)}.subject-icon{width:42px;height:42px;border-radius:12px;margin-bottom:20px}.subject-code{font-size:7px!important;text-transform:uppercase;letter-spacing:1.2px!important;margin-bottom:5px!important}.subject-card h3{font-size:14px;margin-bottom:7px}.subject-card>p{font-size:10px;line-height:1.6;color:var(--muted)}.subject-meta{display:flex;gap:12px;margin-top:18px;font-size:9px;color:#83929b}.subject-meta span:before{content:"";display:inline-block;width:4px;height:4px;background:#86bdb4;border-radius:50%;margin-right:5px;vertical-align:middle}
.dashboard-side{gap:16px}.premium-card{border-radius:18px;box-shadow:var(--shadow);padding:21px}.roadmap-top{margin-bottom:18px}.roadmap-orb{display:flex;width:42px;height:42px;border-radius:13px;align-items:center;justify-content:center;color:var(--teal);background:var(--teal-light)}.progress-ring-wrap{display:flex;align-items:center;gap:13px;padding:14px 0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.progress-ring{--p:calc(var(--progress)*1%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) var(--p),#e9efef 0);position:relative;flex:none}.progress-ring:after{content:"";position:absolute;inset:7px;background:white;border-radius:50%}.progress-ring span{position:relative;z-index:1;font-size:10px;font-weight:800}.progress-ring-wrap strong{font-size:11px}.progress-ring-wrap p{font-size:9px;color:var(--muted);margin-top:3px}.roadmap-step{padding:12px 0}.roadmap-step>.icon{width:14px;color:#a1afb5;margin-left:auto}.roadmap-step:hover>.icon{transform:translateX(3px)}.mini-card{border-radius:18px;box-shadow:var(--shadow-soft);padding:19px}.insight-card{position:relative;overflow:hidden}.insight-icon{position:absolute;right:15px;top:15px;color:#98c8c0;opacity:.5}.safety-card{display:flex;gap:11px;align-items:flex-start;background:#eef6f4}.safety-card>.icon{color:var(--teal);width:19px}.safety-card strong{font-size:10px}.safety-card p{font-size:9px;color:var(--muted);margin-top:3px}
.premium-heading{position:relative;overflow:hidden;padding:7px 0 22px;margin-bottom:22px}.premium-heading h1{font-size:34px;letter-spacing:-1.15px;max-width:780px}.premium-heading .muted{font-size:12px;max-width:760px;line-height:1.75;margin-top:9px}.heading-orbit{position:absolute;right:25px;top:-45px;width:160px;height:160px;border:1px solid rgba(32,133,123,.07);border-radius:50%;box-shadow:0 0 0 25px rgba(32,133,123,.03),0 0 0 50px rgba(32,133,123,.018);pointer-events:none}
.library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:13px;align-items:stretch;margin-bottom:14px}.search-large{position:relative;display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-soft)}.search-large>.icon{margin-left:9px;color:#8799a2}.search-large input{border:0!important;background:transparent!important;box-shadow:none!important;flex:1}.library-count{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:15px}.library-count strong{font-size:20px}.library-count span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.filters{padding:7px;background:#edf3f3;border-radius:14px;display:flex;gap:5px;overflow-x:auto}.filter{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:10px}.filter .icon{width:14px;height:14px}.filter.active{background:white;box-shadow:0 3px 10px rgba(20,51,61,.08)}.library-grid{gap:18px}.lesson-card{border-radius:18px;box-shadow:var(--shadow-soft);transition:.28s}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(17,50,61,.11)}.lesson-cover{height:164px;border-radius:17px 17px 0 0;position:relative;overflow:hidden;background:linear-gradient(145deg,#102f3b,#174956)!important}.lesson-cover:after{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(137,220,206,.2);border-radius:50%;right:-36px;bottom:-50px;box-shadow:0 0 0 19px rgba(137,220,206,.06),0 0 0 38px rgba(137,220,206,.03)}.lesson-cover-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,black,transparent)}.cover-icon{position:absolute;left:19px;top:20px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(166,226,214,.11);color:#a4ddd2}.cover-icon .icon{width:25px;height:25px}.cover-index{position:absolute;right:17px;top:17px;color:#8fb4b4;font-size:8px;letter-spacing:1.1px}.lesson-card-copy{padding:19px}.lesson-card-copy h3{font-size:15px;line-height:1.4;margin:13px 0 8px}.lesson-card-copy>p{font-size:10px;line-height:1.65}.lesson-card-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:15px}.article-list{border-radius:17px;overflow:hidden;box-shadow:var(--shadow-soft)}.article-row{padding:13px 14px;background:var(--surface);border-bottom:1px solid var(--line);transition:.22s}.article-row:last-child{border-bottom:0}.article-row:hover{background:#fbfdfd;padding-left:18px}.article-thumb{height:59px;width:62px;min-width:62px;border-radius:13px;position:relative;overflow:hidden}.article-thumb>span{position:absolute;right:6px;top:5px;font-size:7px;font-family:monospace;opacity:.55}.article-row-action{margin-left:auto;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#96a7ae;background:#f4f7f7;transition:.22s}.article-row:hover .article-row-action{background:var(--teal-light);color:var(--teal);transform:translateX(3px)}
.reading-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.reading{padding:42px 46px;border-radius:21px;box-shadow:var(--shadow)}.reading-kicker{display:flex;justify-content:space-between;align-items:center;color:#96a3aa;font-size:8px;text-transform:uppercase;letter-spacing:1.2px}.reading h1{font-size:38px;max-width:780px;margin:23px 0 12px;line-height:1.15;letter-spacing:-1.3px}.reading .summary{font-size:16px;line-height:1.7;color:#536a75;max-width:760px}.reading-meta{padding:16px 0;margin-top:21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:20px}.article-body{font-size:15px;line-height:1.9;max-width:820px}.article-body h2{font-size:23px;margin:37px 0 12px}.article-body p{color:#364f5a}.sources{border-radius:14px}.reading-aside-wrap{display:flex;flex-direction:column;gap:14px}.sticky-panel{position:sticky;top:96px}.reading-aside{border-radius:18px;padding:21px;box-shadow:var(--shadow-soft)}.reading-aside h3{font-size:17px;line-height:1.35}.action-line{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-toc{padding:17px;border-radius:16px}.mini-toc>span{display:flex;gap:8px;padding:8px 0;font-size:9px;color:var(--muted);border-bottom:1px solid var(--line)}.mini-toc>span:last-child{border-bottom:0}.mini-toc b{color:var(--teal);font-family:monospace}
.quiz-setup{grid-template-columns:minmax(0,1fr) 380px;gap:24px}.mode-stack{display:flex;flex-direction:column;gap:12px}.mode-card{border-radius:16px;padding:18px;border:1px solid var(--line);box-shadow:var(--shadow-soft);background:var(--surface)}.mode-card.selected{border-color:#80beb5;box-shadow:0 14px 35px rgba(10,122,114,.11);background:linear-gradient(90deg,#fff,#f6fbfa)}.mode-card>.icon{margin-left:auto;color:#9eabb1;width:15px}.mode-card:hover>.icon{transform:translateX(3px)}.mode-card .eyebrow{margin-bottom:3px}.mode-card h3{font-size:15px;margin-bottom:4px}.mode-card p{font-size:10px}.practice-note{display:flex;gap:11px;padding:15px;border-radius:14px;background:#eaf5f2;color:#315b58}.practice-note>.icon{color:var(--teal);width:19px}.practice-note strong{font-size:10px}.practice-note p{font-size:9px;margin-top:3px}.premium-form{border-radius:19px;padding:25px;box-shadow:var(--shadow);align-self:start}.form-head{display:flex;gap:12px;align-items:center;margin-bottom:22px}.form-head>span{width:43px;height:43px;border-radius:13px;background:var(--teal-light);color:var(--teal);display:grid;place-items:center}.premium-form .form-field{margin-bottom:17px}.premium-form .text{min-height:46px;border-radius:11px}.session-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.session-facts span{padding:10px 8px;border-radius:10px;background:#f5f8f8;font-size:8px;color:var(--muted);text-align:center}.session-facts b{display:block;color:var(--ink);font-size:9px;margin-bottom:2px}.active-attempt{justify-content:space-between}
.profile-summary{gap:14px}.profile-stat{border-radius:17px;padding:20px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.profile-stat-icon{position:absolute;right:16px;top:16px;color:#a2cfc7}.profile-stat strong{font-size:30px}.mini-progress{height:4px;background:#e9efef;border-radius:99px;margin-top:11px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#49b7a6);border-radius:99px}.score-chip{display:inline-flex;padding:4px 8px;border-radius:8px;background:var(--teal-light);color:var(--teal);font-weight:800}.table-wrap{border-radius:17px;box-shadow:var(--shadow-soft)}.history-table tr:hover td{background:#f9fcfb}.saved-question{border-radius:15px;margin-bottom:10px}.question-index{font-family:monospace;font-size:10px;color:#91a0a8}
.premium-atlas{grid-template-columns:minmax(0,1fr) 310px;gap:19px}.viewer{border-radius:20px;overflow:hidden;box-shadow:0 22px 50px rgba(6,24,31,.2);background:#071a22}.viewer-toolbar{height:55px;padding:0 17px;background:#0a212b}.viewer-toolbar>div:first-child{display:flex;align-items:center;gap:11px}.viewer-toolbar strong{font-size:10px;color:#b5cbd0}.viewer-status{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px;color:#6fb9ab}.viewer-status i{width:5px;height:5px;border-radius:50%;background:#4dd0aa;box-shadow:0 0 0 4px rgba(77,208,170,.08)}.viewer-stage{height:520px;background:radial-gradient(circle at center,#143440 0,#0a222c 55%,#06171e 100%);position:relative;overflow:hidden}.viewer-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(170,220,213,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(170,220,213,.035) 1px,transparent 1px);background-size:28px 28px}.viewer-corner{z-index:3}.phantom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,transparent 0 11%,rgba(97,188,175,.09) 12% 13%,transparent 14% 23%,rgba(97,188,175,.08) 24% 25%,transparent 26% 37%,rgba(97,188,175,.07) 38% 39%,transparent 40% 51%,rgba(97,188,175,.06) 52% 53%,transparent 54%);border:1px solid rgba(137,219,206,.22);box-shadow:0 0 50px rgba(74,187,169,.08);transition:transform .25s ease}.phantom:before,.phantom:after{content:"";position:absolute;left:50%;top:50%;background:rgba(137,219,206,.28)}.phantom:before{width:1px;height:100%;transform:translateY(-50%)}.phantom:after{height:1px;width:100%;transform:translateX(-50%)}.phantom-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#8fcabd;font-size:26px}.viewer-scale{position:absolute;right:16px;bottom:13px;color:#6e9399;font-size:7px}.viewer-scale span{display:inline-block;width:55px;border-top:1px solid #6e9399;margin-right:7px;vertical-align:middle}.viewer-footer{height:38px;background:#081d25}.viewer-caption{border-radius:18px;padding:21px;box-shadow:var(--shadow-soft)}.viewer-caption h3{font-size:17px}.viewer-caption>p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px}.meta-block{padding:12px;margin-top:16px;border-radius:11px;background:#f5f8f8}.meta-block span{display:block;font-size:7px;color:#91a0a8;letter-spacing:1px}.meta-block strong{display:block;font-size:9px;margin-top:4px}.atlas-row .article-row-copy p:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px}
.setup-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.setup-status{display:flex;align-items:center;gap:10px;border-radius:14px;padding:16px;box-shadow:var(--shadow-soft)}.setup-status p{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.setup-status strong{font-size:11px}.setup-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.setup-step{position:relative;padding:20px 20px 20px 60px;border-radius:16px;box-shadow:var(--shadow-soft)}.step-badge{position:absolute;left:18px;top:20px;width:28px;height:28px;display:grid;place-items:center;background:var(--teal-light);color:var(--teal);border-radius:9px;font-family:monospace;font-size:9px;font-weight:800}.optional-auth{max-width:560px;margin:35px auto;text-align:center}.optional-auth .modal-icon{margin:0 auto 14px}.optional-auth h2{font-size:24px}.optional-auth p{margin:10px auto 20px;max-width:430px;color:var(--muted);line-height:1.7}
.toast{border-radius:14px;box-shadow:0 18px 45px rgba(11,38,47,.18);backdrop-filter:blur(10px)}dialog{border-radius:20px;box-shadow:0 30px 90px rgba(8,30,38,.28)}
[data-theme="dark"]{--bg:#0a151b;--surface:#102129;--surface-2:#0d1c23;--ink:#e5f0f1;--muted:#8ea2aa;--line:#20333b;--teal-light:#123531;--shadow:0 18px 50px rgba(0,0,0,.25);--shadow-soft:0 8px 30px rgba(0,0,0,.18)}[data-theme="dark"] body{background:radial-gradient(circle at 85% -10%,rgba(24,130,116,.12),transparent 32%),var(--bg)}[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar{background:rgba(16,33,41,.94)}[data-theme="dark"] .nav-link.active{background:#123630}[data-theme="dark"] .progress-ring:after{background:var(--surface)}[data-theme="dark"] .search-large,[data-theme="dark"] .lesson-card,[data-theme="dark"] .article-row,[data-theme="dark"] .mode-card{background:var(--surface)}[data-theme="dark"] .filters{background:#0d1c23}[data-theme="dark"] .filter.active{background:#193039}[data-theme="dark"] .top-search input{background:#0c1a21}[data-theme="dark"] .guest-pill,[data-theme="dark"] .mode-indicator{background:#0d1d24}[data-theme="dark"] .practice-note{background:#12332f;color:#a8d6cf}[data-theme="dark"] .meta-block,[data-theme="dark"] .session-facts span{background:#0d1d24}[data-theme="dark"] .reading .summary,[data-theme="dark"] .article-body p{color:#b4c4c9}
@media(max-width:1200px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px}.premium-hero{padding:37px 32px}.hero h2{font-size:39px}.hero-art{right:-15px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr) 260px}.premium-atlas{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1000px){.dashboard-side{display:grid;grid-template-columns:1fr 1fr}.safety-card{grid-column:1/-1}.reading-layout,.premium-atlas{grid-template-columns:1fr}.reading-aside-wrap{display:grid;grid-template-columns:1fr 1fr}.sticky-panel{position:static}.viewer-stage{height:440px}.quiz-setup{grid-template-columns:1fr}.premium-form{max-width:620px}.setup-steps{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{width:270px}.topbar{height:68px}.guest-pill{display:none}.main{padding:27px 19px 42px}.premium-heading h1{font-size:29px}.heading-orbit{display:none}.welcome-row h1{font-size:25px}.premium-hero{min-height:380px;padding:31px 25px}.hero-copy{width:72%}.hero h2{font-size:35px}.hero-art{right:-70px;top:75px;opacity:.78}.scanner-shell{width:240px;height:240px}.hero-micro{gap:10px;flex-wrap:wrap}.stat-trend{display:none}.dashboard-side{grid-template-columns:1fr 1fr}.library-toolbar{grid-template-columns:1fr}.library-count{display:none}.reading{padding:31px 27px}.reading h1{font-size:31px}.reading-aside-wrap{grid-template-columns:1fr}.setup-status-grid{grid-template-columns:1fr}.viewer-stage{height:390px}.session-facts{grid-template-columns:1fr}.session-facts span{text-align:left}.profile-summary{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.main{padding:22px 14px 34px}.welcome-row{align-items:flex-start}.date-chip{display:none}.premium-hero{min-height:395px;padding:27px 20px}.hero-copy{width:100%}.hero h2{font-size:31px;max-width:270px}.hero p{max-width:270px}.hero-art{right:-132px;top:118px;opacity:.42}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:auto}.hero-micro{margin-top:18px}.stat-row{grid-template-columns:repeat(3,1fr)}.stat-card{padding:13px 10px}.stat-card .stat-value{font-size:21px}.subject-grid{grid-template-columns:1fr 1fr}.subject-card{min-height:185px;padding:17px 15px}.dashboard-side{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.search-large{display:grid;grid-template-columns:auto 1fr}.search-large .btn{grid-column:1/-1}.reading{padding:24px 19px}.reading h1{font-size:27px}.reading-kicker>span{display:none}.reading-meta{gap:9px;flex-wrap:wrap}.article-body{font-size:14px}.premium-form{padding:20px 17px}.mode-card{padding:16px}.viewer-stage{height:320px}.phantom{width:225px;height:225px}.profile-summary{grid-template-columns:1fr}.setup-step{padding-left:55px}.top-actions .icon-button{width:35px}.top-search{display:none}}
@media(prefers-reduced-motion:reduce){.scanner-slice,.live-pulse{animation:none!important}.reveal-item{opacity:1!important;transform:none!important}}
@media(max-width:760px){.site-body{margin-left:0!important}.main{width:100%;max-width:100%}.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}.dashboard-grid>section{min-width:0}.dashboard-side{width:auto;min-width:0}}
/* Reveal motion never hides off-screen content; safer for printing, screenshots and low-end browsers. */
.reveal-item{opacity:1!important;transform:translateY(10px)}.reveal-item.is-visible{transform:none}
.login-top-btn {
  min-height: 38px;
  padding: 8px 15px;
  border-radius: 11px;
  font-size: 11px;
  white-space: nowrap;
}

.otp-input {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 6px;
}

.hidden {
  display: none !important;
}