.home-dashboard .home-hero{gap:20px}.home-code-art{flex:0 1 42%;min-width:220px;max-width:355px;margin:0;border:1px solid #315773;border-radius:15px;overflow:hidden;background:#102d46;color:#e7f1fa;box-shadow:0 15px 35px #1e4e731a;position:relative;z-index:1}.home-code-art-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #31516c;color:#f5cf72;background:#163852;font-size:12px;font-weight:650}.home-code-art-heading>span:first-child{display:inline-flex;align-items:center;gap:7px}.home-code-window-dots{display:inline-flex;align-items:center;gap:4px;direction:ltr}.home-code-window-dots i{width:5px;height:5px;border-radius:50%;background:#6d8da6}.home-code-window-dots i:first-child{background:#f5cf72}.home-code-art pre{margin:0;padding:27px 17px;overflow-x:auto;color:#e7f1fa;background:transparent;font:400 13px/2.05 SFMono-Regular,Consolas,Liberation Mono,monospace;direction:ltr;text-align:left;white-space:pre;tab-size:4}.home-code-art code{font:inherit;direction:ltr;unicode-bidi:isolate}.home-code-art .home-code-keyword{color:#d9b8ff}.home-code-art .home-code-function{color:#8fe5da}.home-code-art figcaption{display:flex;align-items:center;gap:7px;padding:12px 15px;border-top:1px solid #31516c;color:#c4daeb;font-size:11px}.home-code-art figcaption svg{color:#f5cf72;flex-shrink:0}.home-dashboard .home-tip-icon{display:grid;place-items:center;width:33px;height:36px;border-radius:9px;background:#fff5ce;color:#84631a;flex-shrink:0}.home-dashboard .home-lesson-preview{align-items:flex-start;padding:24px;gap:12px;text-align:right}.home-dashboard .home-lesson-preview>svg{width:34px;height:34px;stroke-width:1.6;opacity:.75}.home-dashboard .home-lesson-preview>span{max-width:85%;font-size:18px;line-height:1.7}.home-dashboard .lesson-thumbnail .play-bubble{top:18px;left:18px;transform:none;width:38px;height:38px}.home-dashboard .lesson-thumbnail .play-bubble svg{width:16px;height:16px}@media(min-width:1180px)and (max-width:1360px){.home-dashboard .home-hero{flex-direction:column;align-items:stretch}.home-code-art{max-width:none;width:100%;flex-basis:auto}.home-code-art pre{padding-block:19px}}@media(max-width:600px){.home-code-art{width:100%;max-width:none;min-width:0;flex-basis:auto}.home-code-art pre{font-size:13px;padding:23px 16px}}.books-library{max-width:1460px;margin:0 auto}.books-library-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px;margin-bottom:26px}.books-library-breadcrumb a{display:inline-flex;align-items:center;gap:6px}.books-library-breadcrumb a:hover{color:var(--green)}.books-library-heading{max-width:760px;margin-bottom:31px}.books-library-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.65;margin:7px 0;letter-spacing:-.6px}.books-library-heading>p{color:var(--muted);font-size:15px;line-height:2}.books-library-availability{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#245b8c;background:#eaf4fe;border:1px solid #d6e8fa;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600}.books-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.books-library-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #20385005}.books-library-cover{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:114px;padding:10px 20px;color:#fff;background:#1c5082;border-bottom:4px solid #ffd34e}.books-library-cover:before{content:"";position:absolute;width:245px;height:245px;left:-78px;top:-124px;border:34px solid #3271aa;border-radius:50%;opacity:.55}.books-library-cover:after{content:"";position:absolute;top:0;right:9px;bottom:0;width:1px;background:#ffffff21}.books-library-cover-unit2{background:#154873}.books-library-cover-unit4{background:#173e64}.books-library-cover-top,.books-library-cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}.books-library-cover-top>span:first-child{font-size:16px;line-height:1.4;font-weight:800}.books-library-cover-top>span:last-child{font:600 10px/1 Arial,sans-serif;color:#d4e7f8}.books-library-cover-center{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1;padding:0}.books-library-cover-number{font:750 44px/1.1 Arial,sans-serif;letter-spacing:-3px;color:#ffd34e}.books-library-cover-motif{display:grid;place-items:center;width:51px;height:39px;border:1px solid #a6c5e044;border-radius:10px;color:#bddbf3;font:400 22px/1 Consolas,monospace;transform:rotate(-7deg);background:#ffffff05}.books-library-cover-bottom{color:#d8e8f6;font-size:10px;line-height:1.6}.books-library-cover-bottom>span:last-child{font:600 9px/1.4 Arial,sans-serif;letter-spacing:1px;border:1px solid #a6c5e055;border-radius:4px;padding:2px 5px}.books-library-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.books-library-track{align-self:flex-start;display:inline-flex;gap:5px;border-radius:6px;padding:3px 8px;color:#586e83;background:#f0f5f9;font-size:11px;font-weight:600}.books-library-card h2{font-size:21px;line-height:1.8;margin-top:8px}.books-library-subtitle{color:#246cb6;font-size:12px;font-weight:650;line-height:1.8}.books-library-description{color:var(--muted);font-size:12px;line-height:1.95;margin-top:10px}.books-library-authors{color:#526b84;font-size:11px;line-height:1.9;margin-top:9px}.books-grade9-feature{margin-bottom:36px}.books-grade9-feature>.books-library-card{display:grid;grid-template-columns:minmax(185px,.45fr) minmax(0,1fr)}.books-grade9-feature .books-library-cover{min-height:235px;padding:20px;border-bottom:0;border-inline-end:4px solid #ffd34e;background:#205f99}.books-grade9-feature .books-library-cover-number{font-size:62px}.books-grade9-feature .books-library-cover-motif{font-size:22px}.books-library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;padding:11px 0;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}.books-library-stats>div{display:flex;flex-direction:column-reverse;align-items:center;gap:2px}.books-library-stats>div+div{border-inline-start:1px solid #e7eef5}.books-library-stats dt{color:var(--muted);font-size:11px}.books-library-stats dd{margin:0;color:#244b70;font-size:21px;font-weight:750;line-height:1.5}.books-library-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.books-library-actions a{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:650}.books-library-read{grid-column:1 / -1;color:#fff;background:#246cb6;border:1px solid #246cb6;transition:background .15s}.books-library-read:hover{background:#1c5691}.books-library-download{color:#245e96;border:1px solid #d5e3f1;background:#f8fbfe}.books-library-download:hover{background:#edf5fd;border-color:#a8c7e6}.books-library-actions .books-library-editable{min-height:44px;padding:5px 7px;color:var(--muted);font-size:10px;line-height:1.7;font-weight:500}.books-library-editable:hover{color:#246cb6;text-decoration:underline;text-underline-offset:4px}.books-shortcut{display:flex;align-items:center;gap:16px;padding:17px 20px;margin-bottom:22px;border:1px solid #d5e5f4;border-inline-start:4px solid #ffd34e;border-radius:13px;background:#f0f7fe}.books-shortcut-icon{display:grid;place-items:center;flex-shrink:0;color:#246cb6;width:49px;height:49px;border:1px solid #d8e8f6;border-radius:12px;background:#fff}.books-shortcut-copy{min-width:0}.books-shortcut h2{font-size:17px;line-height:1.8;color:#214b72}.books-shortcut p{font-size:12px;line-height:1.9;color:#5a7289}.books-shortcut-link{margin-inline-start:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:9px 15px;color:#245e96;background:#fff;border:1px solid #cbdff1;border-radius:9px;font-size:12px;font-weight:700}.books-shortcut-link:hover{background:#e6f1fd;border-color:#9cbedf}.books-shortcut-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-inline-start:auto}.books-shortcut-actions .books-shortcut-link{margin-inline-start:0}.books-shortcut-grade9{color:#fff;background:#246cb6;border-color:#246cb6}.books-shortcut-grade9:hover{color:#fff;background:#1c5691;border-color:#1c5691}@media(max-width:1180px){.books-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.books-library-grid{grid-template-columns:1fr;gap:20px}.books-library-heading{margin-bottom:23px}.books-library-heading>p{font-size:14px}.books-library-cover{min-height:114px}.books-library-cover-center{padding:0}.books-library-card-body{padding:21px}.books-shortcut{flex-wrap:wrap;gap:11px;padding:15px}.books-shortcut-icon{width:39px;height:43px}.books-shortcut h2{font-size:16px}.books-shortcut p{font-size:11px}.books-shortcut-copy{flex:1}.books-shortcut-link,.books-shortcut-actions{flex-basis:100%;margin-inline-start:0}.books-shortcut-actions .books-shortcut-link{flex:1 1 100%}.books-grade9-feature>.books-library-card{grid-template-columns:minmax(0,1fr)}.books-grade9-feature .books-library-cover{min-height:130px;padding:12px 20px;border-inline-end:0;border-bottom:4px solid #ffd34e}.books-grade9-feature .books-library-cover-number{font-size:44px}}@media(prefers-reduced-motion:reduce){.books-library-read{transition:none}}.solution-books{margin:0 0 38px}.solution-books-heading{margin-bottom:18px}.solution-books-heading h2{font-size:23px;line-height:1.8;margin:3px 0;color:#203850}.solution-books-heading p{color:var(--muted);font-size:13px;line-height:1.95;max-width:830px}.solution-books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-books-grid.solution-books-single{grid-template-columns:minmax(0,650px)}.solution-book-card .books-library-cover{background:#143752;min-height:150px;padding:14px 18px}.solution-book-card .books-library-cover-number{font-size:34px;letter-spacing:-1px;white-space:nowrap}.solution-book-cover-label{font-size:16px;line-height:1.8;text-align:left}.solution-book-cover-label strong{color:#ffd34e;font-size:22px}.solution-book-card h3{font-size:19px;line-height:1.8;margin-top:9px;color:#203850}.solution-book-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.books-textbooks{border-top:1px solid var(--border);padding-top:28px}@media(max-width:1180px){.solution-books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.solution-books-grid{grid-template-columns:minmax(0,1fr)}.solution-book-card .books-library-cover{min-height:144px}.solution-books-heading h2{font-size:21px}}.account-page,.admin-page{--account-blue:#246cb6;--account-dark:#173b59;--account-yellow:#ffd34e;--account-line:#dce7f0;--account-muted:#64778a;color:#22394d;font-family:inherit;box-sizing:border-box}.account-page *,.admin-page *{box-sizing:border-box}.account-page{max-width:1140px;margin:0 auto;min-height:calc(100vh - 180px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:72px;padding:62px 34px 80px}.account-introduction{padding:10px 0}.account-home{display:inline-flex;margin-bottom:44px}.account-home img{width:166px;height:auto}.account-introduction-kicker{display:block;color:var(--account-blue);font-weight:700;font-size:14px;margin-bottom:15px}.account-introduction h1{font-size:clamp(35px,4vw,51px);line-height:1.55;color:var(--account-dark);margin:0 0 20px;font-weight:800}.account-introduction h1 span{color:var(--account-blue)}.account-introduction>p{font-size:17px;line-height:1.95;color:#586f82;max-width:500px;margin:0}.account-introduction-note{display:flex;gap:13px;padding:20px 0;border-top:1px solid #d4e1ec;margin-top:29px;align-items:flex-start;max-width:495px}.account-introduction-note>svg{color:#2871ac;flex-shrink:0;margin-top:5px}.account-introduction-note p{margin:0;font-size:13.5px;line-height:1.9;color:#62778a}.account-card{background:#fff;border:1px solid var(--account-line);border-radius:23px;padding:34px 32px;box-shadow:0 18px 54px #153e6110;min-width:0;border-top:4px solid var(--account-yellow)}.account-card-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#edf5fd;color:var(--account-blue);margin-bottom:18px}.account-card h2,.account-card h1{color:var(--account-dark);font-size:26px;line-height:1.5;margin:0 0 11px}.account-card>p{font-size:14px;line-height:1.9;color:var(--account-muted);margin:0 0 25px}.account-card form{display:flex;flex-direction:column;gap:18px}.account-field{display:flex;flex-direction:column;gap:8px;min-width:0;text-align:right;color:#385169;font-weight:650;font-size:13.5px}.account-field>input,.account-password-input{width:100%;height:47px;border:1px solid #ccdbe8;border-radius:10px;background:#fbfdff;transition:border .15s,box-shadow .15s}.account-field>input,.account-password-input input{font:inherit;font-weight:400;font-size:15px;color:#193f60;padding:11px 13px;outline:0;min-width:0}.account-field>input:focus,.account-password-input:focus-within{border-color:#4a8cc7;box-shadow:0 0 0 3px #b9d8f54f}.account-field>input[dir=ltr],.account-password-input input{font-family:ui-sans-serif,system-ui,sans-serif;letter-spacing:.15px;text-align:left}.account-field>input[dir=auto]{font-family:inherit}.account-field small{font-weight:400;font-size:12px;color:var(--account-muted);line-height:1.8}.account-password-input{display:flex;flex-direction:row-reverse;align-items:center;overflow:hidden}.account-password-input input{height:100%;border:0;background:transparent;flex:1;width:100%}.account-password-toggle{height:100%;width:43px;display:inline-flex;align-items:center;justify-content:center;color:#58748d;border:0;background:transparent;cursor:pointer;flex-shrink:0}.account-password-toggle:hover{background:#edf4fb}.account-password-toggle:focus-visible{outline:2px solid var(--account-blue);outline-offset:-3px}.account-submit{width:100%;min-height:46px;justify-content:center!important;margin-top:5px}.account-password-help{font-size:12px;color:var(--account-muted);line-height:1.8;margin:0}.account-error{padding:12px 14px;border:1px solid #efc6c6;border-radius:9px;background:#fff3f2;color:#a22a34;font-size:13px;line-height:1.8;margin:17px 0 0;white-space:normal}.account-error .account-link-button{color:#a22a34}.account-success{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border:1px solid #a8d6bf;border-radius:9px;background:#f0fbf5;color:#246b4b;font-size:13px;line-height:1.8}.account-success svg{flex-shrink:0;margin-top:3px}.account-guest-link,.account-link-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;color:var(--account-blue);font:inherit;font-size:12px;text-decoration:none;cursor:pointer;padding:7px 0;line-height:1.7}.account-guest-link{display:flex;border-top:1px solid var(--account-line);padding-top:19px;margin-top:22px}.account-link-button:hover,.account-guest-link:hover{text-decoration:underline}.account-loading{display:flex;align-items:center;justify-content:center;gap:11px;min-height:100px;color:#58728a;font-size:14px;padding:25px}.account-page-loading{min-height:65vh}.account-admin-email{font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;letter-spacing:.1px;color:#537087;border:1px solid #e4ecf3;padding:12px;border-radius:8px;text-align:center;background:#f9fcff}.account-admin-login>.account-link-button{display:flex;margin-top:16px}.account-admin-login .account-error{margin-bottom:14px}.account-signed-in{text-align:center;padding:10px 0}.account-signed-in>svg{color:#2e9a68}.account-signed-in h3{font-size:19px;margin:16px 0 8px}.account-signed-in>p{font-size:13px;color:#61758b}.account-signed-in>.button{display:flex;margin:22px 0 6px}.account-change-card{grid-column:1/-1;width:100%;max-width:480px;margin:0 auto}.account-logo{display:block;width:145px;height:auto;margin-bottom:25px}.account-change-card .account-card-icon{width:46px;height:46px}.account-change-card>h1{font-size:25px}.account-change-card>.account-link-button{display:flex;margin:13px auto 0}.account-menu,.account-menu-login{display:flex;align-items:center;gap:9px;min-width:0}.account-menu{position:relative}.account-menu-avatar{width:35px;height:35px;background:#eaf3fb;border:1px solid #d6e5f2;color:var(--account-blue);border-radius:11px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.account-menu>div{min-width:0}.account-menu strong{display:block;font-size:12.5px;font-weight:700;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#254a68}.account-menu small{display:block;font-size:10px;color:#6d8191;line-height:1.6}.account-menu>button{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d8e5ef;border-radius:8px;width:33px;height:33px;color:#577086;cursor:pointer;flex-shrink:0}.account-menu>button:hover{background:#f0f5fa;color:#245e91}.account-menu-login{font-size:12px;text-decoration:none;padding:9px 12px;border:1px solid #cddfee;border-radius:9px;background:#fff;color:#2469a8;white-space:nowrap}.account-menu-login:hover{background:#edf5fc}.account-menu-admin{font-size:11px;text-decoration:none;border-right:1px solid #d6e4f0;padding-right:10px;color:#246cb6;white-space:nowrap}.account-menu-loading{font-size:11px;color:#6f8597}.account-menu>.account-error{position:absolute;top:42px;right:0;width:260px;z-index:20;margin:0}.admin-page{background:#f4f7fb;min-height:100vh}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(28px,calc((100vw - 1400px)/2));background:#fff;border-bottom:1px solid var(--account-line)}.admin-brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:#56718a;font-size:13px}.admin-brand img{width:135px;height:auto}.admin-brand>span{border-right:1px solid #dbe5ef;padding-right:18px}.admin-main{max-width:1400px;margin:auto;padding:24px 28px 55px}.admin-breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#7d90a0;margin:0 0 23px}.admin-breadcrumb a{color:#587b98;text-decoration:none}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.admin-heading .eyebrow{font-size:12px}.admin-heading h1{font-size:30px;margin:8px 0 7px;color:var(--account-dark)}.admin-heading p{font-size:13px;line-height:1.85;color:#698094;margin:0}.admin-heading .button{flex-shrink:0}.admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:34px}.admin-summary-card{display:flex;align-items:center;gap:15px;padding:22px 20px;border-radius:14px;border:1px solid #dce7f0;background:#fff;min-width:0}.admin-summary-card>span{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:#edf5fc;color:#3178b8;flex-shrink:0}.admin-summary-card.green>span{background:#e9f8f0;color:#2b9160}.admin-summary-card b{font:700 28px/1.2 ui-sans-serif,system-ui,sans-serif;color:#20435f}.admin-summary-card p{font-size:12px;color:#6a8093;margin:7px 0 0;line-height:1.6}.admin-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.admin-list-heading h2{font-size:20px;margin:0;display:flex;gap:11px;align-items:center}.admin-list-heading h2>span{font:600 11px ui-sans-serif,system-ui,sans-serif;background:#e5eef8;border:1px solid #d5e3f2;color:#4a74a0;padding:5px 9px;border-radius:15px}.admin-list-heading>small{font-size:10px;color:#8093a2;text-align:left}.admin-list-heading>small>span{display:block;color:#9aabb8;margin-top:4px}.admin-filters{display:flex;gap:13px;padding:16px;border:1px solid #dce7f0;background:#fff;border-radius:13px;margin-bottom:17px;align-items:end}.admin-filters>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#648098;min-width:150px}.admin-filters>.admin-search{flex-direction:row;align-items:center;gap:10px;flex:1;min-width:200px;border:1px solid #d7e2ec;background:#f9fcff;border-radius:9px;padding:0 12px;height:42px}.admin-search>svg{color:#8a9fb1;flex-shrink:0}.admin-search>input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-weight:400;font-size:12px;color:#2c506e;padding:10px 0}.admin-filters select{font:inherit;font-weight:400;font-size:12px;color:#3a5b76;background:#f9fcff;border:1px solid #d7e2ec;border-radius:9px;padding:10px 12px;height:42px;min-width:150px;max-width:220px;outline:0}.admin-filters select:focus,.admin-search:focus-within{box-shadow:0 0 0 3px #b9d8f54f;border-color:#6c9fc8}.admin-table-wrap{border:1px solid #dce7f0;border-radius:14px;overflow:auto;background:#fff}.admin-student-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;min-width:950px;table-layout:fixed}.admin-student-table th{padding:15px 16px;background:#edf3f9;color:#58758e;font-size:11px;font-weight:650;border-bottom:1px solid #d9e5ef;white-space:nowrap}.admin-student-table th:first-child{width:27%}.admin-student-table th:nth-child(2){width:14%}.admin-student-table th:nth-child(3),.admin-student-table th:nth-child(5){width:11%}.admin-student-table th:nth-child(4){width:8%}.admin-student-table th:nth-child(6){width:20%}.admin-student-table th:last-child{width:9%}.admin-student-table td{padding:17px 16px;border-bottom:1px solid #e9eff5;vertical-align:middle;color:#3b5971}.admin-student-table tr:last-child td{border:0}.admin-student-table tbody tr:hover{background:#f9fcff}.admin-student-name{display:flex;align-items:center;gap:11px;background:transparent;border:0;text-align:right;color:inherit;padding:0;cursor:pointer;width:100%;min-width:0;font:inherit}.admin-student-avatar{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eaf2fb;color:#4c78a3;font-weight:650;font-size:17px;flex-shrink:0}.admin-student-name>span:last-child{min-width:0}.admin-student-name b{display:block;line-height:1.8;font-size:12.5px;font-weight:650;overflow-wrap:anywhere}.admin-student-name small{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#8497a7;font-size:10.5px;margin-top:4px;font-family:inherit}.admin-student-name small bdi{font-family:ui-sans-serif,system-ui,sans-serif}.admin-course,.admin-cell-caption{display:block;font-size:10px;color:#8a9dad;margin-top:6px;line-height:1.6}.admin-count{font:600 17px ui-sans-serif,system-ui,sans-serif;color:#375f81}.admin-count.good{color:#2a845b}.admin-presence{display:inline-flex;gap:6px;align-items:center;font-size:10.5px;line-height:1.7;white-space:nowrap;color:#7a8f9f}.admin-presence>i{display:inline-block;width:6px;height:6px;background:#afbdc8;border-radius:50%;flex-shrink:0}.admin-presence.online{color:#2c8d61}.admin-presence.online>i{background:#33a26e;box-shadow:0 0 0 3px #33a26e15}.admin-current-route{display:block;color:#66859c;margin-top:5px;font-size:10px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}.admin-open-student{display:inline-flex;align-items:center;gap:6px;padding:7px 0;background:transparent;border:0;font:inherit;color:#286fae;cursor:pointer;font-size:11px;white-space:nowrap}.admin-open-student:hover{text-decoration:underline}.admin-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;text-align:center;padding:35px 20px;color:#8a9eae}.admin-empty>p{font-size:12px;line-height:1.85;margin:0;color:#70899c}.admin-metrics-note{font-size:11px;color:#7c91a2;line-height:1.9;margin:16px 0 0}.admin-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;font-size:9.5px;line-height:1.4;font-weight:500;font-style:normal;white-space:normal}.admin-status.passed{color:#24794f;background:#e9f8ef;border:1px solid #bee3ce}.admin-status.working{color:#648098;background:#eef3f8;border:1px solid #d8e5ef}.admin-status.disabled{color:#a23940;background:#fff0ef;border:1px solid #f0cccc}.admin-status.pending{color:#88691c;background:#fff7dc;border:1px solid #efe2b1;font-size:8px}.admin-detail-shade{position:fixed;inset:0;background:#152f4a73;z-index:80;display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.admin-detail{width:min(850px,100%);height:100%;background:#f8fbfe;display:flex;flex-direction:column;box-shadow:8px 0 50px #08264033;min-width:0;outline:0}.admin-detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px 20px;border-bottom:1px solid #dce7f0;background:#fff;flex-shrink:0}.admin-detail-top>div>span{font-size:11px;color:#7791a6}.admin-detail-top h2{font-size:23px;line-height:1.6;color:#1c4567;margin:7px 0}.admin-detail-top p{font-size:12px;color:#738b9f;margin:0}.admin-detail-top p>span{margin:0 7px;color:#aab8c3}.admin-detail-top p>bdi{font:12px ui-sans-serif,system-ui,sans-serif}.admin-close-detail{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #d9e5ee;background:#f8fbfe;border-radius:10px;color:#7290a7;cursor:pointer;flex-shrink:0}.admin-close-detail:hover{background:#edf4fb;color:#2d648c}.admin-detail-tabs{display:flex;gap:3px;padding:0 22px;background:#fff;border-bottom:1px solid #dce7f0;overflow-x:auto;flex-shrink:0}.admin-detail-tabs button{font:inherit;font-size:12px;white-space:nowrap;cursor:pointer;background:transparent;border:0;border-bottom:3px solid transparent;color:#7790a5;padding:16px 12px 13px}.admin-detail-tabs button[aria-current=page]{color:#236daa;border-bottom-color:#246cb6;font-weight:650}.admin-detail-body{padding:25px 28px 40px;overflow:auto;flex:1;min-height:0}.admin-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.admin-detail-summary .admin-summary-card{padding:18px 15px;gap:12px}.admin-detail-summary .admin-summary-card b{font-size:24px}.admin-detail-summary .admin-summary-card p{font-size:10px}.admin-student-location{border:1px solid #dce7f0;padding:19px 20px;border-radius:12px;background:#fff;margin-bottom:22px}.admin-student-location>p{font-size:13px;color:#3d637f;line-height:1.8;margin:9px 0}.admin-student-location dl{display:flex;gap:24px;padding:16px 0 0;margin:15px 0 0;border-top:1px solid #e6eef5;flex-wrap:wrap}.admin-student-location dl>div{display:flex;gap:9px;align-items:center}.admin-student-location dt{color:#8498a9;font-size:10px}.admin-student-location dd{margin:0;font:600 14px ui-sans-serif,system-ui,sans-serif;color:#476d8c}.admin-account-settings{background:#fff;border:1px solid #dce7f0;border-radius:12px;padding:20px}.admin-section-title{display:flex;align-items:center;gap:9px;color:#3574a7;border-bottom:1px solid #e2ebf3;padding-bottom:14px;margin-bottom:20px}.admin-section-title h3{font-size:14px;margin:0;color:#315d7e}.admin-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.admin-profile-form>.button{justify-self:start;grid-column:1/-1}.admin-profile-form .account-field{font-size:12px}.admin-profile-form .account-field>input{height:42px;font-size:13px}.admin-reset-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;border-top:1px solid #e7eef5;padding-top:19px}.admin-reset-heading h4{font-size:12px;color:#3d607b;margin:0 0 6px}.admin-reset-heading p{font-size:11px;line-height:1.8;color:#879aa9;margin:0}.admin-reset-heading .button{flex-shrink:0}.admin-reset-form{margin-top:16px;border:1px solid #eadbaf;border-radius:10px;background:#fffcf2;padding:17px;display:flex;flex-direction:column;gap:13px}.admin-reset-form>p{color:#8e7d52;font-size:11px;line-height:1.8;margin:0}.admin-reset-form>div:last-child{display:flex;gap:15px;align-items:center}.admin-temporary-password{margin-top:16px;padding:17px;background:#edf8f2;border:1px solid #b8dac8;border-radius:10px}.admin-temporary-password>strong{font-size:12px;color:#39725a}.admin-temporary-password>div{display:flex;gap:15px;align-items:center;margin-top:12px;flex-wrap:wrap}.admin-temporary-password code{background:#fff;border:1px solid #c8dfd3;border-radius:7px;padding:10px 13px;font:600 15px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px;color:#245d44;user-select:all;overflow-wrap:anywhere}.admin-temporary-password button:not(.account-link-button){display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid #bdd7c9;border-radius:7px;padding:8px 11px;color:#397257;font:inherit;font-size:11px;cursor:pointer}.admin-temporary-password>p{font-size:11px;color:#6c8c7b;line-height:1.8;margin:11px 0 0}.admin-work-section{margin-bottom:28px}.admin-work-section>h3{font-size:18px;color:#315e7f;margin:0 0 9px}.admin-work-section>p{font-size:12px;line-height:1.9;color:#7c92a4;margin:0 0 21px}.admin-work-item{border:1px solid #dbe6ef;border-radius:11px;background:#fff;margin:0 0 12px;overflow:hidden}.admin-work-item>summary{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 18px;cursor:pointer;list-style:none}.admin-work-item>summary::-webkit-details-marker{display:none}.admin-work-item>summary>span:first-child{min-width:0}.admin-work-item>summary b{font-size:12.5px;color:#345f80;line-height:1.9;display:block;overflow-wrap:anywhere}.admin-work-item>summary small{font-size:10px;color:#8b9eae;display:block;line-height:1.8;margin-top:5px}.admin-work-item[open]>summary{border-bottom:1px solid #e4ecf3;background:#f5f9fc}.admin-work-item>.bg-code-block{margin:16px}.admin-work-item .bg-code-block{max-width:calc(100% - 32px)}.admin-no-code{padding:12px 18px;font-size:12px;color:#8b9eae}.admin-answer-part{padding:16px 18px;border-bottom:1px solid #ecf1f6}.admin-answer-part:last-child{border-bottom:0}.admin-answer-part h4{font-size:11px;color:#7790a4;font-weight:650;margin:0 0 10px;line-height:1.7}.admin-answer-part pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#33546e;background:#f4f8fc;border:1px solid #e0eaf2;border-radius:7px;padding:13px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0}.admin-answer-part>p{font-size:12px;color:#58748b;margin:0}.admin-answer-ref{font-size:9px;display:inline-block;color:#97a9b7;margin-inline-start:9px;font-family:ui-monospace,monospace}.admin-preserved-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.admin-events{list-style:none;padding:0;margin:18px 0}.admin-events>li{display:flex;gap:12px;position:relative;padding-bottom:20px}.admin-events>li:before{position:absolute;content:"";width:1px;top:11px;bottom:-2px;right:4px;background:#d7e5f0}.admin-events>li:last-child:before{display:none}.admin-event-dot{width:9px;height:9px;border:2px solid #7ea7cb;border-radius:50%;background:#edf5fc;flex-shrink:0;position:relative;margin-top:6px}.admin-events>li>div{flex:1;min-width:0;border:1px solid #dce7f0;border-radius:9px;background:#fff;padding:13px 15px}.admin-events header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.admin-events header>b{font-size:11.5px;color:#3d6788}.admin-events time{font-size:9px;color:#91a5b5;white-space:nowrap}.admin-events small{font-size:10px;color:#859cad;line-height:1.8}.admin-events p{font-size:12px;color:#4c6c84;margin:10px 0 0}.admin-event-part{display:inline-flex;background:#edf4fa;color:#7290a8;border-radius:4px;padding:3px 6px;font-size:9px;margin-top:10px}.admin-page button:focus-visible,.admin-page a:focus-visible,.account-page button:focus-visible,.account-page a:focus-visible{outline:2px solid #246cb6;outline-offset:3px}.admin-page button:disabled,.account-page button:disabled{opacity:.6;cursor:wait}@media(min-width:1500px){.admin-main{padding-inline:0}.admin-topbar{padding-inline:calc((100vw - 1344px)/2)}}@media(max-width:1000px){.account-page{gap:35px;padding-inline:25px;grid-template-columns:minmax(0,1fr) minmax(310px,.95fr)}.account-introduction h1{font-size:36px}.account-card{padding:28px 24px}.admin-summary{gap:11px}.admin-summary-card{padding:18px 14px;gap:11px}.admin-summary-card b{font-size:25px}.admin-summary-card p{font-size:10px}.admin-topbar,.admin-main{padding-inline:24px}}@media(max-width:760px){.account-page{display:block;padding:30px 20px 45px;max-width:540px;min-height:auto}.account-introduction{padding:0 4px}.account-home{margin-bottom:24px}.account-home img{width:140px}.account-introduction-kicker{margin-bottom:10px;font-size:12px}.account-introduction h1{font-size:30px;line-height:1.5;margin-bottom:15px}.account-introduction h1 br{display:none}.account-introduction>p{font-size:14px}.account-introduction-note{margin-top:17px;padding:14px 0 20px}.account-introduction-note p{font-size:11px}.account-card{padding:28px 24px;border-radius:17px}.account-card h2{font-size:23px}.account-card>p{font-size:13px}.account-change-card{margin-top:15px}.admin-topbar{padding:17px 18px;gap:12px;flex-wrap:wrap}.admin-brand img{width:111px}.admin-brand>span{padding-right:10px;font-size:10px}.admin-topbar .account-menu strong{max-width:145px}.admin-main{padding:21px 18px 40px}.admin-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:22px}.admin-heading h1{font-size:25px}.admin-heading p{font-size:12px}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:26px}.admin-summary-card{padding:17px 14px}.admin-summary-card>span{width:37px;height:37px;border-radius:11px}.admin-summary-card b{font-size:24px}.admin-filters{flex-wrap:wrap;gap:11px;padding:13px}.admin-filters>.admin-search{flex:0 0 100%}.admin-filters>label:not(.admin-search){flex:1;min-width:120px}.admin-filters select{max-width:none;min-width:0;width:100%}.admin-list-heading h2{font-size:18px}.admin-list-heading>small{font-size:9px}.admin-detail-top{padding:22px 20px 17px}.admin-detail-top h2{font-size:21px}.admin-detail-tabs{padding-inline:9px}.admin-detail-tabs button{font-size:11px;padding:14px 9px 11px}.admin-detail-body{padding:20px 17px 30px}.admin-detail-summary{gap:9px}.admin-detail-summary .admin-summary-card{padding:14px 11px;gap:9px}.admin-detail-summary .admin-summary-card>span{width:32px;height:32px}.admin-detail-summary .admin-summary-card b{font-size:22px}.admin-account-settings{padding:17px}.admin-profile-form{grid-template-columns:1fr;gap:13px}.admin-profile-form>.button{grid-column:auto}.admin-reset-heading{align-items:flex-start;flex-wrap:wrap}.admin-student-location dl{gap:14px}.admin-work-item>summary{padding:14px;gap:9px}.admin-work-item>summary b{font-size:11.5px}.admin-work-item>summary .admin-status{font-size:8px;max-width:105px}.admin-work-item>.bg-code-block{margin:12px}.admin-work-item .bg-code-block{max-width:calc(100% - 24px)}.admin-events header{align-items:flex-start;gap:8px}.admin-events time{font-size:8px}.account-menu-admin{display:none}}@media(prefers-reduced-motion:reduce){.account-page *,.admin-page *{scroll-behavior:auto;transition:none;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-sync{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 28px;border-bottom:1px solid #d8e9df;background:#f2faf5;color:#3b7a58;font-size:11px;line-height:1.8}.account-sync>span{display:inline-flex;align-items:center;gap:7px}.account-sync>span>svg{flex-shrink:0}.account-sync.has-error{background:#fff5ee;border-color:#f0d3c4;color:#9d5638}.account-sync .text-button{font-size:10px;color:inherit;gap:6px}.account-sync.has-error .text-button{border:1px solid #edc9b8;border-radius:7px;padding:6px 9px;background:#fffaf6;white-space:normal}.account-sync.has-error .text-button:hover{background:#fff0e6}@media(max-width:760px){.account-sync{padding:10px 18px;flex-wrap:wrap;gap:7px;font-size:10px}.account-sync .text-button{font-size:9px}}.admin-student-hebrew{display:block;color:#8295a7;font-size:10.5px;line-height:1.8;margin-top:3px;font-weight:400;overflow-wrap:anywhere}.admin-detail-top p.admin-detail-hebrew{font-size:13px;line-height:1.8;color:#7d91a3;margin:0 0 8px}.admin-profile-form>.account-field input[lang=ar],.admin-profile-form>.account-field input[lang=he]{font-family:inherit;text-align:right}.admin-profile-form>.account-field small{font-size:10px;line-height:1.7;color:#8a9dae;font-weight:400}.admin-profile-form>.account-field{align-self:start}.admin-profile-form>.admin-username-field{grid-column:1/-1}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-Variable.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}:root{font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif;font-synthesis:none;color:#203850;background:#f7fafd;font-weight:400;--green: #246cb6;--ink: #203850;--lime: #ffd34e;--coral: #ff806d;--muted: #5d7288;--border: #dfe8f1;--surface: #fff;--radius: 18px;--sidebar-width: 248px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #45a7f0;outline-offset:4px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}code,pre,kbd{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}img{display:block;max-width:100%}::selection{background:#ffd34e;color:#246cb6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;right:20px;background:var(--lime);padding:14px;border-radius:8px;z-index:200}.skip-link:focus{top:12px}.main-content:focus{outline:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar-width);padding:30px 18px 20px;background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:40;overflow-y:auto}.brand-link{text-align:right;padding:0;margin:0 12px 30px;align-self:stretch;max-width:calc(100% - 24px)}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;max-width:300px;min-width:0}.brand .brand-logo{display:block;width:100%;height:auto;aspect-ratio:5 / 2;object-fit:contain}.brand-tagline{display:block;font-size:12px;font-weight:500;color:var(--muted);line-height:1.85}.brand-wordmark{display:inline-flex;align-items:baseline;gap:3px;direction:rtl;white-space:nowrap}.brand-wordmark>span{display:inline;font:inherit;color:inherit;margin:0}.brand-wordmark>bdi{font-family:Arial,sans-serif;font-size:.5em;font-weight:800;letter-spacing:0;line-height:1}.sidebar-label{font-size:12px;font-weight:600;color:var(--muted);margin:0 14px 13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{min-height:48px;border-radius:10px;padding:0 15px;display:flex;align-items:center;gap:13px;color:var(--muted);font-size:14px;text-align:right;transition:background .18s,color .18s}.nav-item:hover{color:var(--green);background:#f2f7fc}.nav-item.active{color:var(--green);background:#edf6ff;font-weight:700}.nav-item.active svg{stroke-width:2.3}.nav-item small{margin-inline-start:auto;padding:1px 7px;border-radius:5px;font-size:12px;background:#edf5fc;color:var(--muted)}.nav-item.active small{background:#d9ebfb;color:#256b9f}.sidebar-path{margin:29px 12px 0;border-top:1px solid var(--border);padding-top:23px}.sidebar-path .sidebar-label{margin:0 0 16px}.java-label{display:flex;gap:11px;align-items:center;margin-bottom:15px}.java-emblem{font-family:Georgia,serif;width:38px;height:42px;display:grid;place-items:center;color:#b16c54;background:#fff0e9;border:1px solid #f1dfd5;border-radius:10px;font-size:28px}.java-label b{font-size:14px;font-weight:700}.java-label small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:3px}.progress-track{height:5px;background:#e7f0f8;border-radius:8px;overflow:hidden;display:flex}.progress-track i{height:100%;background:#45a7f0;border-radius:8px;transition:width .3s}.sidebar-path .progress-track{background:#e4eef7}.sidebar-counter{font-size:12px;color:var(--muted);display:block;margin-top:10px}.sidebar-path>button{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:13px;padding:0;color:#246cb6;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:34px}.sidebar-note{display:flex;gap:10px;align-items:flex-start;padding:15px 14px;background:#fffaf0;border:1px solid #f0e7d2;border-radius:12px;margin:0 3px 20px;color:#5d7288}.sidebar-note svg{color:#c39934;margin-top:5px}.sidebar-note p{font-size:12px;line-height:1.95}.sidebar-note strong{font-weight:500;color:#657689}.local-profile{display:flex;align-items:center;gap:10px;padding:17px 4px;width:100%;border-top:1px solid var(--border);text-align:right}.avatar{background:#fff3ca;color:#806320;width:36px;height:36px;display:grid;place-items:center;font-weight:700;border-radius:50%;font-size:16px;flex-shrink:0}.local-profile b{font-size:13px;font-weight:600}.local-profile small{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.7}.local-profile>svg{margin-inline-start:auto;color:#8ea5b8}.about-link{display:flex;align-items:center;gap:6px;font-size:12px;color:#5d7288;margin:0 4px 0 auto}.main-shell{margin-right:var(--sidebar-width);min-height:100vh}.topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 34px;background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:20}.topbar-start{display:flex;align-items:center;gap:12px}.topbar-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);white-space:nowrap}.topbar-label b{color:#4c657e;font-weight:600}.search-wrap{position:relative;flex:1;max-width:355px}.global-search{display:flex;align-items:center;gap:10px;padding:0 14px;height:42px;border:1px solid #e3ebf2;border-radius:9px;background:#f8fbfe;color:#7892a8}.global-search input{border:0;background:none;min-width:0;width:100%;font-size:13px;outline:none;color:var(--ink)}.global-search input::placeholder{color:#5d7288}.global-search kbd{font-size:13px;border:1px solid #dde7f0;padding:1px 5px;border-radius:4px;color:#5d7288}.search-results{position:absolute;top:50px;width:100%;background:#fff;box-shadow:0 14px 40px #1e4e7320;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:5px}.search-results button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:right;font-size:14px;border-radius:8px}.search-results button:hover{background:#edf6ff}.search-results button>span{flex:1}.search-results small{display:block;color:var(--muted);font-size:12px;text-align:right;margin-top:3px}.search-results p{font-size:13px;padding:15px;line-height:1.9}.topbar-end{display:flex;gap:20px;align-items:center}.language-pill{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.language-pill span{font-family:Arial,sans-serif;font-size:12px;background:#f2f7fc;border:1px solid #e0eaf3;border-radius:5px;padding:4px 5px}.solved-pill{display:flex;align-items:center;gap:6px;font-size:13px}.solved-pill svg{color:#bd8e62}.solved-pill b{font-size:14px}.solved-pill>span{color:var(--muted)}.mobile-menu,.mobile-brand{display:none!important}.sidebar-shade{display:none}.beta-notice{background:#edf6ff;border-bottom:1px solid #dbe8f4}.beta-notice-inner{display:flex;align-items:center;gap:14px;max-width:1496px;margin:0 auto;padding:11px 34px}.beta-notice-badge{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:4px 10px;border:1px solid #edcf78;border-radius:7px;background:#fff2bd;color:#203850}.beta-notice-badge svg{color:#246cb6}.beta-notice-badge strong{font-size:12px;line-height:1.85;font-weight:700;white-space:nowrap}.beta-notice p{color:#4c657e;font-size:12px;line-height:1.9}.main-content{max-width:1496px;padding:30px 34px 44px;margin:0 auto}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.dashboard-welcome h1,.dashboard-welcome h2{font-size:25px;line-height:1.6;font-weight:700;letter-spacing:-.5px}.dashboard-welcome p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:3px}.welcome-meta{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;color:var(--muted)}.welcome-meta>span{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #dfe8f2;border-radius:6px;background:#fff}.home-main{min-width:0}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:20px;align-items:stretch}.hero{border:1px solid #d3e6f6;border-radius:20px;min-height:360px;background:#edf6ff;display:flex;align-items:center;position:relative;overflow:hidden;padding:30px;gap:4px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 23% 45%,#cce7fc42,transparent 49%);pointer-events:none}.hero-content{position:relative;z-index:2;flex:1;min-width:0}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 8px;border-radius:5px;background:#eef5fc;color:#56728b;line-height:1.6;white-space:nowrap;font-weight:500}.badge.lime{background:#fff3c4;color:#80621c}.badge.orange{background:#fff0e9;color:#9c5746}.hero-kicker,.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;background:#ffffff94;border:1px solid #d3e5f5;border-radius:6px;color:#3b6b93;font-size:12px;font-weight:600}.status-dot{width:6px;height:6px;background:#36d6cb;display:inline-block;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(35px,3.05vw,48px);line-height:1.45;color:var(--ink);letter-spacing:-1.8px;font-weight:800;margin:17px 0 12px}.hero h1 span{color:#246cb6}.hero-content>p{font-size:14px;color:#5e7490;line-height:2;max-width:390px}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:23px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:12px 17px;font-size:14px;font-weight:600;line-height:1.6;min-height:46px;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary,.button.dark{background:var(--green);color:#fff;box-shadow:0 4px 8px #1e4e7310}.button.primary:hover,.button.dark:hover{background:#1d5a9d;box-shadow:0 5px 12px #1e4e7320}.button.outline{border:1px solid #d7e5f2;background:#fff;color:#306b9b}.button.outline:hover{background:#f1f8ff}.button.hero-secondary{background:#ffffff70;border:1px solid #d0e3f4;color:#376b96}.button.small{font-size:13px;min-height:38px;padding:8px 13px}.hero-proof{display:flex;gap:17px;align-items:center;margin-top:22px;flex-wrap:wrap}.hero-proof span{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--muted)}.hero-proof svg{color:#5e96bf}.mascot-stage{position:relative;align-self:center;width:41%;flex-shrink:0;height:308px;min-width:240px;max-width:335px;z-index:1}.mascot-stage>img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;z-index:3;filter:drop-shadow(0 17px 15px #1e4e7310)}.mascot-halo{position:absolute;width:260px;height:260px;border-radius:50%;background:#dceffc;border:1px solid #bce0f6;left:50%;top:50%;transform:translate(-50%,-50%)}.mascot-halo:before{content:"";position:absolute;inset:-19px;border:1px solid #cbe6f8;border-radius:inherit}.mascot-grid{position:absolute;width:200px;height:145px;left:7px;bottom:19px;background-image:radial-gradient(#87bfe466 1px,transparent 1px);background-size:14px 14px;transform:rotate(-8deg);opacity:.7}.mascot-name-tag{position:absolute;top:23px;left:-5px;z-index:4;color:#285a78;background:#fffbed;border:1px solid #e8dc97;padding:6px 10px;font-size:12px;border-radius:20px;transform:rotate(-6deg);box-shadow:0 5px 16px #1e4e7308}.mascot-name-tag i{display:inline-block;width:5px;height:5px;background:#ffd34e;border-radius:50%;margin-left:3px;vertical-align:middle}.mascot-name-tag strong{color:#285a78;font-weight:700}.mascot-code-chip{position:absolute;bottom:11px;left:-1px;z-index:5;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:11px;background:#fff;border:1px solid #d4e5f2;color:#2f6c9a;box-shadow:0 8px 25px #1e4e7312;transform:rotate(4deg);direction:ltr;font-family:monospace;font-size:13px}.mascot-code-chip svg{color:#45a7f0}.daily-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:22px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.daily-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:15px}.daily-card-head>span{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--ink)}.daily-card-head>span svg{color:#45a7f0}.daily-card-head>.text-button{font-size:12px;font-weight:500}.daily-ring{width:100px;height:100px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#45a7f0 var(--goal-progress,0%),#e8f1f8 0)}.daily-ring:before{content:"";position:absolute;inset:7px;background:#fff;border-radius:inherit}.daily-ring>*{position:relative}.daily-progress-text{text-align:center}.daily-progress-text strong{display:block;color:var(--green);font-size:29px;font-weight:700;line-height:1.4}.daily-progress-text strong>span{display:inline;font-size:18px;font-weight:500;color:#5d7288}.daily-progress-text>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.daily-card>h3{font-size:14px;color:#395a77;font-weight:700;line-height:1.85;margin-top:15px}.daily-card>p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:5px;max-width:205px}.daily-goal-dots{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 16px}.daily-goal-dots>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #d8e6f1;background:#f4f8fc;color:#5d7288;font-size:12px}.daily-goal-dots>span.done{background:#fff3c4;border-color:#f0df96;color:#276da5}.daily-card>.button{min-height:40px;width:100%;font-size:12px;padding:9px 12px}.daily-tip{display:flex;align-items:flex-start;gap:9px;text-align:right;border-top:1px solid #dfe9f2;padding-top:15px;margin-top:18px;width:100%}.daily-tip>p{flex:1;font-size:12px;color:var(--muted);line-height:1.9}.daily-tip small{display:block;font-size:12px;color:#5d7288;margin-top:4px}.daily-tip .companion-avatar{width:37px;height:41px;flex-basis:37px}.text-button{margin-top:auto;padding-top:15px}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#246cb6;padding:4px 0;font-weight:600;white-space:nowrap}.text-button:hover{color:var(--green)}.continue-card{display:flex;align-items:center;gap:16px;margin-top:20px;padding:19px 22px;border:1px solid var(--border);background:#fff;border-radius:14px;text-align:right}.continue-icon{width:44px;height:44px;background:#edf6ff;color:#3684c4;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.continue-detail{flex:1;min-width:0}.continue-detail>small{color:var(--muted);font-size:12px;display:block;margin-bottom:3px}.continue-detail h2,.continue-detail h3,.continue-detail b{font-size:16px;font-weight:700}.continue-detail p,.continue-detail>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.8}.continue-detail>span i{font-style:normal;font-size:10px;color:#a7b8c7}.continue-detail code{font-size:12px;color:#5d7288}.continue-progress{width:135px;flex-shrink:0}.continue-progress>span,.continue-progress>small{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.continue-card>.button{font-size:13px;padding:10px 14px;min-height:42px}.inventory-strip{display:flex;align-items:center;justify-content:center;gap:35px;padding:19px 0 0}.inventory-strip>div,.inventory-strip>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.inventory-strip strong,.inventory-strip b{color:#2f6c9a;font-weight:600;font-size:14px}.inventory-strip>small{font-size:12px;color:var(--muted)}.inventory-strip svg{width:16px;height:16px;color:#5f97c1}.content-section{margin-top:34px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px}.eyebrow{font-size:12px;font-weight:600;color:var(--muted);display:block;margin-bottom:5px}.section-title h2{font-size:23px;font-weight:700;letter-spacing:-.65px}.section-title p{font-size:14px;color:var(--muted);margin-top:5px;line-height:1.9}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{position:relative;display:block;min-width:0;border:1px solid var(--border);border-radius:15px;background:#fff;padding:22px 22px 19px;text-align:right;transition:border-color .18s,box-shadow .18s,transform .18s}.category-card:hover{border-color:#9ac9ed;box-shadow:0 8px 23px #1e4e730b;transform:translateY(-2px)}.category-card-top{display:flex;align-items:center;gap:10px}.category-icon{background:var(--category-color,#edf6ff);display:grid;place-items:center;width:43px;height:43px;border-radius:11px;color:#2a78ba;flex-shrink:0}.category-card-top .badge{margin-right:auto;background:#fff7e8;font-size:12px;color:#806d4e}.card-arrow{color:#90a8bd}.category-card-index{font-family:Arial,sans-serif;font-size:12px;font-weight:600;color:#698095;letter-spacing:.8px}.category-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.category-card h3{font-size:17px;font-weight:700;margin-top:16px;line-height:1.8}.category-card p{font-size:13px;color:var(--muted);margin-top:5px;min-height:44px;line-height:1.85}.category-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin:19px 0 10px}.category-meta span{display:flex;gap:5px;align-items:center}.category-meta span:first-child{color:#396e99}.category-card .progress-track{height:4px}.category-quick-link{display:flex;align-items:center;justify-content:space-between;color:#246cb6;font-size:12px;border-top:1px solid #e5edf5;margin-top:17px;padding-top:12px}.new-challenges,.practical-banner{display:flex;align-items:center;gap:20px;padding:24px 27px;margin-top:30px;background:#fff8ea;border:1px solid #f1e3c6;border-radius:16px}.new-challenges-content{flex:1}.new-challenges h2,.practical-banner h2{font-size:21px;letter-spacing:-.5px;margin:6px 0;color:#203850}.new-challenges p,.practical-banner p{font-size:14px;line-height:1.9;color:#6b7b88}.new-challenges>.button,.practical-banner>.button{margin-right:auto;font-size:13px}.new-challenges-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:15px;color:#b08621;background:#fff3c9;border:1px solid #eedb9f;flex-shrink:0}.new-challenges .badge{background:#fff2bd;color:#87651a}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lesson-card{display:block;text-align:right;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#fff;padding:0;transition:transform .18s,box-shadow .18s}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #1e4e7310}.lesson-thumbnail{background:var(--lesson-hue,#dceffd);aspect-ratio:16/9;position:relative;overflow:hidden}.lesson-thumbnail>img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#376e9c}.thumbnail-placeholder span{font-size:17px;font-weight:700}.play-bubble{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;background:#fffffff0;box-shadow:0 4px 15px #1e4e7315;border-radius:50%;display:grid;place-items:center;color:var(--green);backdrop-filter:blur(4px)}.play-bubble svg{margin-left:2px}.video-duration{font-family:Arial,sans-serif;font-size:12px;color:#fff;background:#173954dd;position:absolute;left:10px;bottom:9px;padding:5px 7px;border-radius:5px}.watched-tag{position:absolute;right:10px;top:9px;display:flex;gap:4px;align-items:center;background:#fff2bd;color:#7c611b;font-size:12px;padding:4px 7px;border-radius:5px}.lesson-card-body{padding:18px 19px 20px}.lesson-card-body>small{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}.lesson-card h3{font-size:15px;line-height:1.85;margin-top:7px;font-weight:700}.lesson-card p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:5px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 34px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);max-width:1496px;margin:0 auto}.footer i{font-style:normal;margin:0 8px;color:#a5b7c7}.footer button{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.page-content{padding:4px 0 8px}.page-heading{margin:12px 0 28px}.page-heading>.badge{margin-bottom:12px}.page-heading h1{font-size:34px;letter-spacing:-.9px;line-height:1.65;font-weight:800}.page-heading p{font-size:15px;line-height:1.95;color:var(--muted);margin-top:5px}.breadcrumb-button{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);padding:0;line-height:1.7}.breadcrumb-button b{font-weight:600;color:#2e73aa}.catalog-controls{display:flex;gap:12px;margin-bottom:17px}.filter-search{display:flex;align-items:center;gap:10px;flex:1;border:1px solid var(--border);border-radius:10px;background:#fff;height:47px;padding:0 14px;color:#7291aa}.filter-search input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:14px;color:var(--ink)}.filter-search input::placeholder{color:#5d7288}.select-filter{display:flex;align-items:center;gap:8px;height:47px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#5e89ab}.select-filter select{border:0;outline:none;background:none;color:#456f92;font-size:14px;width:150px}.filter-tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--border);margin-bottom:24px}.filter-tabs button{padding:11px 15px 14px;font-size:14px;color:var(--muted);position:relative}.filter-tabs button.active{color:#246cb6;font-weight:700}.filter-tabs button.active:after{content:"";position:absolute;height:3px;bottom:-1px;left:14px;right:14px;background:#45a7f0;border-radius:3px}.filter-tabs>span{margin-right:auto;font-size:12px;color:var(--muted)}.exercise-group{margin:27px 0}.group-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-heading>span{display:flex;align-items:center;gap:10px}.group-heading h2{font-size:17px}.group-heading small{font-size:12px;color:var(--muted);background:#e8f1f8;border-radius:5px;padding:3px 8px}.group-heading svg{color:#6299c2}.exercise-list{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.exercise-row{display:flex;align-items:center;gap:15px;text-align:right;width:100%;padding:17px 20px;min-height:81px;border-bottom:1px solid #e4edf5;transition:background .18s}.exercise-row:last-child{border-bottom:0}.exercise-row:hover{background:#f2f8fd}.exercise-status{width:37px;height:37px;display:grid;place-items:center;border:1px solid #dfe9f2;border-radius:9px;color:#89a1b6;background:#f8fbfd;flex-shrink:0}.exercise-status.done{background:#fff3c4;color:#276da5;border-color:#eddb94}.exercise-row-title{flex:1;min-width:0}.exercise-row-title>b{font-size:15px;font-weight:600;line-height:1.8;display:block}.exercise-row-title>small{font-size:12px;color:var(--muted);display:block;text-align:right;margin-top:3px}.exercise-row-tags{display:flex;gap:5px}.row-time{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;margin:0 8px;white-space:nowrap}.exercise-row>svg{color:#88a3ba}.category-summary{display:flex;align-items:center;gap:16px;background:#edf6ff;border:1px solid #d4e6f5;border-radius:14px;padding:22px;margin-bottom:26px}.category-summary .category-icon{background:#ffffffa0;width:48px;height:48px}.category-summary>div{flex:1;max-width:360px}.category-summary b{font-size:14px;color:var(--ink);display:block;margin-bottom:11px}.category-summary>.button{margin-right:auto}.empty-state{text-align:center;padding:45px 24px;color:var(--muted)}.empty-state>span{display:grid;place-items:center;width:63px;height:63px;border-radius:17px;background:#edf6ff;color:#86b6da;margin:0 auto 18px}.empty-state h3{font-size:17px;color:var(--ink);font-weight:600}.empty-state p{font-size:14px;line-height:2;max-width:405px;margin:8px auto 20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;color:#6e91ae;padding:0}.icon-button:hover:not(:disabled){background:#edf6ff;color:#246cb6}.exercise-main{padding-top:24px}.exercise-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.exercise-navigation{display:flex;align-items:center;gap:6px}.exercise-navigation>span{font-size:13px;color:var(--muted);margin-left:12px}.exercise-navigation .icon-button{border:1px solid var(--border);background:#fff;width:32px;height:32px}.exercise-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}.problem-panel{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;min-width:0}.problem-title{padding:24px 23px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.problem-title h1{font-size:25px;line-height:1.7;margin-bottom:3px;letter-spacing:-.5px}.problem-title code{font-size:13px;color:var(--muted);display:inline-block}.problem-title .eyebrow{margin-bottom:8px}.bookmark-button{border:1px solid #dde8f2;color:#80a3bd;margin-top:6px;flex-shrink:0}.bookmark-button.saved{color:#2e79b5;background:#fff6d6}.problem-badges{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 23px 20px}.problem-badges>span:not(.badge){display:flex;gap:5px;align-items:center;font-size:12px;color:var(--muted)}.problem-tabs{display:flex;border-top:1px solid #e4edf5;border-bottom:1px solid var(--border);padding:0 15px;gap:10px}.problem-tabs button{font-size:14px;color:#758fa7;padding:14px 12px;position:relative;display:flex;align-items:center;gap:5px}.problem-tabs button.active{color:#246cb6;font-weight:700}.problem-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;background:#45a7f0;height:3px;border-radius:3px}.problem-panel-body{padding:24px 23px 22px}.problem-description{font-size:15px;line-height:2.15;color:#3e5974;white-space:pre-line}.constraint-note{font-size:13px;line-height:1.95;display:flex;gap:9px;align-items:flex-start;padding:13px;border:1px solid #efe1ac;border-radius:9px;background:#fff8e0;margin-top:16px;color:#82691f}.constraint-note svg{margin-top:3px}.small-heading{font-size:14px;font-weight:700;color:var(--ink);margin:25px 0 13px}.sample-list{display:flex;flex-direction:column;gap:10px}.sample-case{background:#f4f8fc;border:1px solid #e2ebf2;border-radius:9px;padding:12px;overflow-x:auto}.sample-case>small{font-size:12px;color:var(--muted);display:block;margin-bottom:7px}.sample-case>code{font-size:12px;display:block;color:#3e698d;white-space:nowrap;text-align:left}.sample-case>span{display:flex;align-items:center;gap:9px;direction:ltr;color:#2d6fa3;margin-top:6px;font-size:13px}.sample-case>span svg{transform:rotate(180deg)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0}.tags span{font-size:12px;background:#edf5fc;border-radius:5px;color:var(--muted);padding:3px 8px}.related-lesson{display:flex;align-items:center;gap:11px;border:1px solid #d4e6f5;padding:14px;background:#edf6ff;border-radius:10px;width:100%;text-align:right;margin-top:25px}.related-play{width:37px;height:37px;background:#fff;border-radius:8px;display:grid;place-items:center;color:#4e97ce;flex-shrink:0}.related-lesson>span:nth-child(2){flex:1}.related-lesson small{font-size:12px;color:var(--muted);display:block}.related-lesson b{font-size:14px;display:block;color:var(--ink);font-weight:600;line-height:1.85}.related-lesson>svg{color:#7b9bb4}.coding-panel{border:1px solid #d7e5f0;background:#fff;border-radius:15px;overflow:hidden;min-width:0}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:#172f46;color:#b9d4e9;direction:ltr;border-bottom:1px solid #ffffff0c}.editor-toolbar>span{display:flex;align-items:center;gap:9px}.editor-toolbar b{font-size:13px;font-weight:400;font-family:monospace;color:#c9e2f3}.java-dot{width:7px;height:7px;border-radius:50%;background:#ffd34e}.editor-toolbar .badge{font-size:12px;background:#ffffff0e;color:#adc6dc}.editor-toolbar>div{display:flex;gap:5px}.editor-toolbar .icon-button{width:28px;height:28px;color:#9ebad3}.editor-toolbar .icon-button:hover{background:#ffffff15;color:var(--lime)}.code-editor{height:370px;direction:ltr;text-align:left}.code-editor .cm-editor{height:100%;font-size:14px}.code-editor .cm-scroller{overscroll-behavior:contain;font-size:14px;line-height:1.8}.editor-loading{height:370px;display:grid;place-items:center;background:#142c42;color:#bcd3e5;font-size:14px}.run-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:#f7fbfe;border-bottom:1px solid var(--border)}.run-toolbar>span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.run-toolbar kbd{border:1px solid #dfe9f2;background:#fff;font-size:12px;padding:3px 5px;margin-right:5px;border-radius:4px;color:var(--muted)}.run-toolbar>.button{font-size:13px;min-height:40px;padding:10px 14px}.results-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:17px 20px;border-bottom:1px solid #e5edf5}.results-heading>span{display:flex;align-items:center;gap:8px;color:#6293ba}.results-heading b{font-size:14px;font-weight:600;color:var(--ink)}.results-heading .result-count{gap:6px;padding:5px 9px;border-radius:7px;border:1px solid #fecaca;color:#b91c1c;background:#fef2f2;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.8}.results-heading .result-count.success{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.results-heading .result-count.pending{color:#475569;border-color:#cbd5e1;background:#f8fafc;flex-wrap:wrap}.result-count>svg{flex-shrink:0}.coding-panel>.empty-state{padding:32px 22px}.coding-panel>.empty-state p{font-size:14px}.results-content{padding:18px}.result-banner{display:flex;align-items:flex-start;gap:11px;padding:14px;border-radius:10px;margin-bottom:14px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-inline-start:4px solid #dc2626}.result-banner.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0;border-inline-start-color:#15803d}.result-banner>svg{margin-top:2px;flex-shrink:0;color:#dc2626}.result-banner.success>svg{color:#15803d}.result-banner b{font-size:14px;font-weight:600;line-height:1.85}.result-banner p{font-size:13px;line-height:1.9;margin-top:3px;white-space:pre-wrap;overflow-wrap:anywhere}.stale-note{font-size:12px;color:#8b6d29;background:#fff8de;padding:10px 12px;border-radius:6px;margin-bottom:12px;line-height:1.8}.diagnostics{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin:11px 0;max-height:200px;overflow:auto;text-align:left}.diagnostics p{font-family:monospace;font-size:13px;line-height:1.8;color:#991b1b;white-space:pre-wrap;overflow-wrap:anywhere}.test-table-intro{display:flex;align-items:baseline;justify-content:space-between;gap:7px 12px;flex-wrap:wrap;margin:17px 0 10px;line-height:1.8}.test-table-intro b{color:var(--ink);font-size:13px;font-weight:700}.test-table-intro>span{color:var(--muted);font-size:12px}.test-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dce5ed;border-radius:10px;background:#fff;overscroll-behavior-x:contain}.test-table-wrap:focus-visible{outline:3px solid #45a7f0;outline-offset:3px}.test-table{width:100%;min-width:530px;border-collapse:separate;border-spacing:0;font-size:12px;text-align:center}.test-table thead th{padding:12px 10px;background:#f5f8fb;font-size:12px;color:#40566b;font-weight:700;border-bottom:1px solid #dce5ed;white-space:nowrap}.test-table tbody td,.test-table tbody th{padding:13px 10px;border-bottom:1px solid #e0e8e6;color:#223c50;max-width:210px;overflow-wrap:anywhere;vertical-align:middle;line-height:1.8}.test-table tbody tr.pass>*{background:#f0fdf4}.test-table tbody tr.fail>*{background:#fef2f2;border-bottom-color:#f3d6d6}.test-table tbody tr.pending>*{background:#f8fafc;border-bottom-color:#e2e8f0}.test-table tbody tr>:first-child{border-inline-start:3px solid #15803d}.test-table tbody tr.fail>:first-child{border-inline-start-color:#dc2626}.test-table tbody tr.pending>:first-child{border-inline-start-color:#94a3b8}.test-table td[dir=ltr]{text-align:center;direction:ltr}.test-table code{font-size:12px;line-height:1.8;white-space:pre-wrap;unicode-bidi:isolate}.test-table .test-number{width:38px;color:#64748b;font-weight:500;text-align:center}.test-table .test-actual{color:#166534;font-weight:600}.test-table tr.fail .test-actual{color:#b91c1c}.test-table tr.pending .test-actual{color:#64748b;font-weight:400}.test-table .test-error code{white-space:pre-wrap;font-weight:500}.test-table .test-status-cell{width:80px;text-align:center;white-space:nowrap}.test-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:67px;padding:4px 8px;border-radius:6px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.7;color:#fff}.test-status.pass{background:#15803d}.test-status.fail{background:#dc2626}.test-status.pending{background:#64748b}.test-status>svg{flex-shrink:0;stroke-width:2.5}.test-table .test-hidden th{text-align:right}.test-hidden th b{font-size:12px;font-weight:600}.test-hidden th>span{display:block;font-size:12px;font-weight:400;color:#64748b;margin-top:2px}.test-table tbody tr:last-child>*{border-bottom:0}.result-footnote{font-size:12px;color:var(--muted);display:flex;gap:5px;align-items:center;margin-top:15px;flex-wrap:wrap;line-height:1.8}.result-footnote span{margin:0 4px}.running-state{text-align:center;padding:40px 22px;color:#45a7f0}.running-state h3{font-size:15px;margin:13px 0 5px}.running-state p{font-size:13px;line-height:1.9;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.next-step{border-top:1px solid #d6e7f5;background:#edf7ff;padding:15px 18px;display:flex;align-items:center;gap:14px;justify-content:space-between}.next-step>div{display:flex;align-items:center;gap:7px;font-size:12px;color:#386d95;line-height:1.9}.next-step .text-button{font-size:13px}.hints-content h3{font-size:17px;color:var(--ink);line-height:1.8}.hints-content>p{font-size:14px;line-height:2;color:var(--muted);margin:9px 0 20px}.hint-illustration{display:grid;place-items:center;width:59px;height:59px;background:#fff5d2;color:#c39b2e;border-radius:14px;margin-bottom:18px}.hint-card{border:1px solid #d7e7f4;background:#f4f9fe;border-radius:9px;padding:15px;margin:13px 0}.hint-card small{font-size:12px;color:var(--muted)}.hint-card p{font-size:14px;line-height:2;color:#3f617f;margin-top:5px}.hints-content>.button{margin-top:9px}.problem-panel-body>h3{font-size:15px;color:var(--ink)}.explanation-text{font-size:14px;line-height:2.1;color:var(--muted);margin-top:12px}.solution-gate{margin-top:23px;background:#f4f9fe;border:1px solid #dce8f3;border-radius:10px;padding:16px;color:#48799e}.solution-gate p{font-size:14px;line-height:2;margin:8px 0 14px}.solution-code{background:#172f46;color:#d6e8f5;padding:17px;font-size:13px;line-height:1.9;white-space:pre;overflow:auto;border-radius:10px;margin-top:15px}.workbench.expanded{position:fixed;inset:0;z-index:100;background:#f7fafd;padding:25px;overflow:auto}.expanded .exercise-layout{grid-template-columns:360px minmax(0,1fr)}.expanded .code-editor{height:55vh}.companion-callout{display:flex;align-items:center;gap:13px;margin-bottom:23px;padding:13px;border:1px solid #d4e8f7;background:#f0f8ff;border-radius:11px}.companion-callout>img{width:70px;height:74px;object-fit:contain;flex-shrink:0}.companion-callout h3,.companion-callout strong{display:block;font-size:15px;color:var(--ink);font-weight:600;line-height:1.95}.companion-callout small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:3px}.companion-callout p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:4px}.success-companion{display:flex;align-items:center;gap:14px;background:#fff7d8;border:1px solid #efe3ae;border-radius:12px;padding:12px 16px;margin-bottom:15px}.success-companion>img{width:68px;height:74px;object-fit:contain;flex-shrink:0}.success-companion h3,.success-companion b{font-size:15px;color:#285a78;line-height:1.8}.success-companion p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:4px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-card{display:block;min-width:0;padding:0;text-align:right;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}.story-card:hover{transform:translateY(-2px);border-color:#9ac9ed;box-shadow:0 10px 26px #1e4e7310}.story-card-art{height:168px;display:grid;place-items:center;position:relative;overflow:hidden;background:#edf6ff;color:#246cb6}.story-card-art:before{content:"";position:absolute;width:150px;height:150px;left:-22px;top:-55px;border:1px solid #d4e7f7;border-radius:50%}.story-card-art:after{content:"";position:absolute;width:100px;height:100px;right:-14px;bottom:-49px;border:1px solid #d4e7f7;border-radius:50%}.story-card-art>svg{width:60px;height:60px;stroke-width:1.5;position:relative;z-index:1}.story-card:nth-child(3n+2) .story-card-art{background:#fff7d8;color:#9b7824}.story-card:nth-child(3n+2) .story-card-art:before,.story-card:nth-child(3n+2) .story-card-art:after{border-color:#f1e3ac}.story-card:nth-child(3n+3) .story-card-art{background:#fff1ec;color:#b16753}.story-card:nth-child(3n+3) .story-card-art:before,.story-card:nth-child(3n+3) .story-card-art:after{border-color:#f0d9cf}.story-card-mascot{position:absolute;z-index:2;width:77px;height:84px;object-fit:contain;left:20px;bottom:11px}.story-card-body,.story-card-content{padding:20px 21px 22px}.story-card h2,.story-card h3{font-size:20px;font-weight:700;line-height:1.75;color:var(--ink);margin-top:9px}.story-card p{font-size:14px;line-height:1.95;color:var(--muted);margin-top:7px}.story-card>h2,.story-card>h3{padding-inline:21px;margin-top:20px}.story-card>p{padding-inline:21px}.story-card>.badge{margin:18px 21px 0}.story-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-top:19px}.story-card-meta>span{display:flex;align-items:center;gap:5px}.story-card>.story-card-meta{margin-inline:21px}.story-card .progress-track{margin-top:11px;height:4px}.story-card>.progress-track{margin:12px 21px 22px}.story-card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:13px;border-top:1px solid #e5edf5;font-size:13px;color:#246cb6;font-weight:600}.breadcrumb-button+.story-intro{margin-top:20px}.story-intro{display:flex;align-items:center;gap:30px;padding:30px 33px;background:#edf6ff;border:1px solid #d3e6f6;border-radius:18px}.story-intro-content{flex:1;min-width:0}.story-intro-content h1{font-size:35px;line-height:1.7;font-weight:800;letter-spacing:-.8px;color:var(--ink)}.story-intro-content>p{font-size:15px;line-height:2;color:var(--muted);margin-top:7px;max-width:660px}.story-intro-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:17px;font-size:13px;color:#3d6c91}.story-intro-meta>span{display:inline-flex;align-items:center;gap:6px}.story-intro-content>.button{margin-top:22px}.story-intro-art{position:relative;width:176px;height:176px;flex-shrink:0;display:grid;place-items:center;background:#dceffc;border:1px solid #c4e1f6;border-radius:50%;color:#246cb6}.story-intro-art:before{content:"";position:absolute;inset:-13px;border:1px solid #d1e8f9;border-radius:inherit}.story-intro-art>svg{width:73px;height:73px;stroke-width:1.4}.story-intro-art>img{width:125px;height:134px;object-fit:contain}.story-chapters{display:flex;flex-direction:column;gap:18px;margin-top:28px}.story-chapter{display:flex;align-items:flex-start;gap:18px;padding:25px;background:#fff;border:1px solid var(--border);border-radius:15px}.story-chapter-number{width:36px;height:36px;flex:0 0 36px;border:1px solid #d6e7f6;border-radius:10px;background:#edf6ff;display:grid;place-items:center;font-size:15px;font-weight:700;color:#246cb6}.story-chapter-content{flex:1;min-width:0}.story-chapter-content h2{font-size:21px;font-weight:700;line-height:1.8;color:var(--ink)}.story-chapter-content>p{font-size:15px;line-height:2.05;color:var(--muted);margin-top:7px}.story-learning-focus{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border:1px solid #efe1ac;background:#fff8e0;border-radius:8px;padding:10px 12px;margin-top:15px}.story-learning-focus small{font-size:12px;color:#82691f}.story-learning-focus b,.story-learning-focus strong{font-size:14px;color:#765b18;font-weight:600;line-height:1.8}.story-chapter-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:17px}.story-chapter-actions>span:not(.badge){font-size:13px;color:var(--muted)}.story-dialogue{display:flex;align-items:center;gap:12px;padding:13px 15px;margin-top:18px;border:1px solid #d6e8f7;background:#f3f9ff;border-radius:10px;color:#3d6484;font-size:14px;line-height:1.95}.story-dialogue>img{width:47px;height:51px;object-fit:contain;flex-shrink:0}.story-dialogue>div{flex:1;min-width:0}.story-dialogue p,.story-dialogue blockquote{font-size:14px;color:#3d6484;line-height:1.95;margin:0}.story-dialogue small{font-size:12px;color:var(--muted);display:block;margin-bottom:3px}.story-dialogue+.story-grid{margin-top:24px}.story-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 20px;padding:18px 21px;margin-bottom:21px;background:#edf6ff;border:1px solid #d5e7f6;border-radius:13px}.story-context>.breadcrumb-button{grid-column:1;grid-row:1;justify-self:start}.story-context h2,.story-context h3{grid-column:1 / -1;grid-row:2;font-size:18px;color:var(--ink);line-height:1.8;margin-top:4px}.story-context p{grid-column:1 / -1;grid-row:3;font-size:14px;color:var(--muted);line-height:1.95;margin-top:3px}.story-context>span{grid-column:2;grid-row:1;font-size:12px;color:#3d6c91;line-height:1.8;white-space:nowrap}.story-context .progress-track{min-width:130px}.path-intro{display:flex;align-items:center;gap:20px;padding:24px;background:#edf6ff;border:1px solid #d4e6f5;border-radius:15px;color:#45a7f0;margin-bottom:33px}.path-intro>div:nth-child(2){flex:1}.path-intro b{font-size:15px;color:var(--ink)}.path-intro p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:5px}.path-intro>.progress-track{width:160px;background:#d8e9f7;height:6px}.learning-path{display:flex;flex-direction:column;gap:31px;padding-right:9px}.path-stage{position:relative;padding-right:42px;border-right:1px solid #d9e8f4}.stage-heading{display:flex;gap:16px;margin-bottom:19px;align-items:center}.stage-number{position:absolute;right:-18px;top:0;width:35px;height:35px;background:#ffe7a0;border:4px solid #f7fafd;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#80611e}.stage-heading h2{font-size:24px}.stage-heading p{font-size:14px;color:var(--muted);margin-top:5px;line-height:1.9}.stage-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.path-category{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:19px;text-align:right;transition:border-color .18s,background .18s}.path-category:hover{border-color:#91c5e9;background:#fafdff}.path-category>div{flex:1;min-width:0}.path-category b{font-size:15px;color:var(--ink);display:block}.path-category div>span{font-size:12px;color:var(--muted);display:block;margin:5px 0 10px}.path-category .progress-track{height:4px}.path-category>svg{color:#7ca0bb}.lessons-intro{display:flex;align-items:center;gap:16px;border:1px solid #d8e7f4;background:#edf6ff;padding:21px;border-radius:14px;margin-bottom:27px}.lessons-intro>span{width:45px;height:45px;background:#fff;border-radius:11px;display:grid;place-items:center;color:#4f97cc;flex-shrink:0}.lessons-intro b{font-size:15px;color:var(--ink)}.lessons-intro p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:4px}.lessons-intro>.filter-search{margin-right:auto;max-width:330px}.lesson-results{color:var(--muted);font-size:13px;margin:0 0 20px}.lesson-grid.library{gap:24px 18px}.lesson-detail .breadcrumb-button{margin-bottom:23px}.lesson-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px}.video-container{border-radius:15px;overflow:hidden;background:var(--green);border:1px solid #d3e4f2;direction:ltr}.video-container video{display:block;width:100%;aspect-ratio:16/9;background:var(--green)}.video-container video::cue{font-family:Noto Sans Arabic,sans-serif;font-size:16px;background:#173954dd;color:#fff}.lesson-description{margin-top:24px}.lesson-description-top{display:flex;gap:13px;align-items:center;font-size:13px;color:var(--muted)}.lesson-description-top>span:not(.badge){display:flex;gap:5px;align-items:center}.lesson-description h1{font-size:29px;margin:13px 0 9px}.lesson-description>p{font-size:15px;color:var(--muted);line-height:2}.voice-disclosure{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin-top:14px}.lesson-actions{display:flex;flex-wrap:wrap;gap:19px;padding-top:19px;margin-top:19px;border-top:1px solid var(--border)}.lesson-aside{border:1px solid var(--border);border-radius:15px;padding:21px;background:#fff;align-self:start}.lesson-aside>h3{font-size:14px;margin-bottom:17px;color:var(--ink)}.chapter-list{display:flex;flex-direction:column;gap:6px}.chapter-list button{display:flex;align-items:center;gap:10px;padding:12px 9px;border-radius:8px;text-align:right}.chapter-list button:hover{background:#f2f8fd}.chapter-list button.active{background:#edf6ff}.chapter-list button>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #dce8f3;border-radius:6px;font-size:12px;color:#55778f;flex-shrink:0}.chapter-list button.active>span{background:#ffd34e;border-color:#edc344;color:#684f12}.chapter-list button>div{flex:1;min-width:0}.chapter-list b{font-size:13px;line-height:1.8;color:var(--ink);font-weight:500}.chapter-list small{font-size:12px;color:var(--muted);display:block;text-align:right;margin-top:3px}.chapter-list button>svg{color:#7da4c1}.try-lesson{margin-top:25px;padding-top:22px;border-top:1px solid #dce8f3;color:#6e9fbe}.try-lesson h3{font-size:17px;color:var(--ink);margin:9px 0}.try-lesson p{font-size:13px;color:var(--muted);margin-bottom:14px;line-height:1.9}.try-lesson button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:right;font-size:14px;color:#2d79b2;padding:9px 0;gap:8px}.transcript{background:#fff;border:1px solid #d9e7f3;padding:23px;border-radius:12px;margin-top:22px}.transcript h3{font-size:15px;color:var(--ink);margin-bottom:15px}.transcript p{font-size:15px;line-height:2.15;color:var(--muted);margin:11px 0}.progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.progress-stat{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:15px;padding:23px;color:#66a1cd}.progress-stat strong{font-size:35px;line-height:1.6;margin-top:11px;color:var(--ink);font-weight:700}.progress-stat>span{font-size:14px;color:var(--muted);margin-top:3px}.progress-detail-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.activity-panel,.goal-panel{padding:26px;border:1px solid var(--border);border-radius:15px;background:#fff}.activity-panel h2,.goal-panel h2{font-size:20px;color:var(--ink)}.activity-panel>p,.goal-panel>p{font-size:14px;color:var(--muted);line-height:1.95;margin-top:6px}.activity-chart{display:flex;align-items:flex-end;justify-content:space-around;height:190px;margin-top:24px;direction:rtl}.activity-chart>div{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1}.activity-chart b{font-size:12px;color:var(--muted);font-weight:500}.activity-bar{height:120px;width:25px;background:#edf5fc;border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.activity-bar i{width:100%;background:#45a7f0;border-radius:6px}.activity-chart small{font-size:12px;color:var(--muted)}.goal-panel{background:#edf6ff;color:#3b7aac}.goal-panel h2{margin-top:11px}.goal-options{display:flex;gap:10px;margin:20px 0}.goal-options button{border:1px solid #d6e6f5;border-radius:10px;background:#ffffff80;flex:1;padding:11px;color:#456f95;font-size:23px}.goal-options button small{font-size:12px;display:block}.goal-options button.active{border-color:#eccf76;background:#fff1ba;color:#7d5f13}.goal-panel>.button{width:100%}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-row{display:flex;align-items:center;gap:11px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:11px;color:#5e9ccb;text-align:right}.skill-row:hover{border-color:#99c8e9}.skill-row>span{font-size:14px;color:var(--ink);flex:1}.skill-row>.progress-track{width:90px;height:4px}.skill-row>small{font-size:12px;color:var(--muted);min-width:30px;text-align:left}.nuqta-launcher{position:fixed;left:24px;bottom:24px;z-index:45;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #d4e7f4;background:#fff;border-radius:50%;padding:5px;overflow:hidden;box-shadow:0 5px 20px #1e4e731f;transition:transform .18s,box-shadow .18s}.nuqta-launcher:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1e4e7328}.nuqta-launcher>img{position:absolute;left:50%;top:-23%;width:240%;height:auto;max-width:none;transform:translate(-50%)}.nuqta-launcher>span{position:absolute;right:3px;top:3px;width:16px;height:16px;background:#ffd34e;border:3px solid #fff;border-radius:50%}.nuqta-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 114px);position:fixed;left:24px;bottom:98px;z-index:46;width:315px;background:#fff;border:1px solid #d9e8f4;border-radius:17px;box-shadow:0 15px 50px #1e4e7324;overflow:hidden}.nuqta-panel-head{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:16px 17px;border-bottom:1px solid #e0ebf4;background:#f4f9fd}.companion-avatar{position:relative;width:43px;height:43px;flex:0 0 43px;background:#e5f3fc;border-radius:50%;padding:3px;display:grid;place-items:center;overflow:hidden}.companion-avatar>img{position:absolute;display:block;left:50%;top:-23%;width:240%;height:auto;max-width:none;transform:translate(-50%)}.nuqta-panel-head>div:not(.companion-avatar){flex:1;min-width:0}.nuqta-panel-head>.companion-avatar{width:43px;height:43px;flex:0 0 43px}.nuqta-panel-head h3,.nuqta-panel-head b{font-size:15px;font-weight:700}.nuqta-panel-head small,.nuqta-panel-head span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.nuqta-panel-head>button{color:#7fa2bb}.nuqta-panel-body{min-height:0;padding:18px;overflow-y:auto;overscroll-behavior:contain}.nuqta-panel-body>small{display:block;font-size:12px;color:var(--muted);margin-top:14px;line-height:1.8}.nuqta-panel-body>p{font-size:14px;line-height:1.95;color:var(--muted)}.nuqta-options{display:flex;flex-direction:column;gap:8px;margin-top:16px}.nuqta-options button{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #dce8f3;border-radius:9px;background:#fafdff;text-align:right;font-size:13px;color:#36698f}.nuqta-options button:hover{background:#edf6ff;border-color:#badcf5}.nuqta-options button>svg:last-child{margin-right:auto}.modal-overlay{position:fixed;inset:0;z-index:150;background:#1736509e;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.about-modal{background:#fff;padding:36px;border-radius:20px;max-width:570px;width:100%;position:relative;box-shadow:0 25px 80px #183b5b35;max-height:88vh;overflow:auto}.about-modal .brand{margin-bottom:24px}.modal-close{position:absolute;left:20px;top:20px}.about-modal h2{font-size:27px;color:var(--ink);margin-bottom:13px}.about-modal p{font-size:15px;line-height:2.05;color:var(--muted);margin:13px 0}.about-modal>a{display:flex;align-items:center;gap:5px;font-size:13px;color:#246cb6;margin:18px 0}.about-modal>.button{margin-top:10px}.save-error{border:1px solid #ead99e;background:#fff7de;color:#8e6c23;font-size:14px;line-height:1.9;padding:12px 16px;border-radius:9px;margin-bottom:18px}@media(min-width:1600px){.main-content{padding:35px 45px 48px}.topbar{padding:0 45px}.home-layout{grid-template-columns:minmax(0,1fr) 285px;gap:24px}.hero{min-height:390px;padding:35px 38px}.hero h1{font-size:49px}.mascot-stage{height:330px;width:42%;max-width:380px}.mascot-halo{width:280px;height:280px}.daily-card{padding:27px 25px}.daily-ring{width:126px;height:126px}.category-card{padding:24px}.footer{padding-inline:45px}}@media(max-width:1280px){:root{--sidebar-width: 226px}.sidebar{padding-inline:15px}.main-content{padding:28px 26px 40px}.topbar{padding:0 26px;gap:17px}.topbar-end{gap:13px}.search-wrap{max-width:310px}.home-layout{grid-template-columns:minmax(0,1fr) 230px;gap:17px}.hero{padding:27px 25px;min-height:355px}.hero h1{font-size:39px}.hero-content>p{font-size:13px}.hero-actions{gap:8px}.hero-actions .button{font-size:13px;padding:11px 13px}.hero-proof{gap:9px 12px}.mascot-stage{min-width:220px;width:39%;height:290px}.mascot-halo{width:220px;height:220px}.mascot-name-tag{left:-5px;font-size:12px}.mascot-code-chip{font-size:12px;padding:10px 11px}.daily-card{padding:23px 17px 19px}.daily-ring{width:105px;height:105px}.category-card{padding:19px}.category-card h3{font-size:16px}.category-card p{font-size:13px}.category-card-top{gap:7px}.category-icon{width:40px;height:40px}.exercise-layout{grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);gap:18px}.problem-title{padding:22px 20px 0}.problem-title h1{font-size:23px}.problem-badges{padding:16px 20px 19px}.problem-panel-body{padding:22px 20px}.run-toolbar{padding:14px}.run-toolbar kbd{display:none}.run-toolbar>.button{font-size:12px;padding:10px 12px}.lesson-detail-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.footer{padding-inline:26px}}@media(max-width:1179px){.home-layout{grid-template-columns:minmax(0,1fr)}.hero{min-height:350px;padding:30px}.hero h1{font-size:45px}.hero-content>p{font-size:14px}.mascot-stage{width:41%;min-width:275px;height:300px}.mascot-halo{width:255px;height:255px}.hero-actions .button{font-size:14px;padding:12px 16px}.daily-card{display:grid;grid-template-columns:1fr auto 1fr;gap:6px 23px;padding:21px 24px;text-align:right;align-items:center}.daily-card-head{margin:0;grid-column:1;grid-row:1}.daily-ring{grid-column:2;grid-row:1 / span 4;width:92px;height:92px}.daily-ring:before{inset:6px}.daily-card>h3{grid-column:1;grid-row:2;margin:0}.daily-card>p{grid-column:1;grid-row:3;margin:0;max-width:none}.daily-goal-dots{grid-column:1;grid-row:4;justify-content:flex-start;margin:6px 0 0}.daily-tip{grid-column:3;grid-row:1 / span 3;border:0;margin:0;padding:0;max-width:none}.daily-card>.button{grid-column:3;grid-row:4;margin:5px 0 0;width:auto;justify-self:start}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.category-card{padding:17px}.category-card-top .badge{font-size:12px;padding:3px 6px}.category-card-top>.card-arrow{display:none}.category-card h3{font-size:15px}.category-meta{font-size:12px}.category-meta svg{display:none}.continue-progress{width:110px}.continue-card{gap:12px;padding:17px 20px}.lesson-detail-layout{grid-template-columns:1fr}.lesson-aside{display:flex;flex-wrap:wrap;gap:15px}.lesson-aside>h3{width:100%;margin:0}.chapter-list{flex:1;min-width:230px}.try-lesson{margin:0;border:0;border-right:1px solid #dce8f3;padding:12px 22px 12px 0;flex:1;min-width:210px}}@media(max-width:1024px){:root{--sidebar-width: 200px}.sidebar{padding:25px 12px 17px}.brand-link{margin-inline:8px;margin-bottom:28px;max-width:calc(100% - 16px)}.sidebar .brand{gap:6px}.nav-item{font-size:13px;gap:9px;padding-inline:12px;min-height:46px}.sidebar-note{padding:12px 10px;gap:7px}.sidebar-path{margin-inline:9px}.sidebar-note p,.local-profile small{font-size:12px}.sidebar-bottom{padding-top:25px}.main-content{padding:25px 24px 35px}.topbar{min-height:75px;padding:0 24px}.topbar-label,.topbar-start{display:none}.search-wrap{max-width:370px}.hero{padding:28px}.hero h1{font-size:43px}.hero-content>p{font-size:14px}.mascot-stage{min-width:235px;height:285px}.mascot-halo{width:225px;height:225px}.hero-actions .button{font-size:13px;padding:11px 13px}.hero-proof{gap:9px 13px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-card{padding:21px}.category-card h3{font-size:17px}.category-card-top .card-arrow{display:block}.category-card p{min-height:44px}.category-meta svg{display:block}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-grid:not(.library)>.lesson-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.lesson-grid:not(.library)>.lesson-card:last-child .lesson-thumbnail{aspect-ratio:16/8}.lesson-grid:not(.library)>.lesson-card:last-child .lesson-card-body{align-self:center}.continue-progress{display:none}.new-challenges{flex-wrap:wrap;padding:22px;gap:16px}.new-challenges>.button{margin-right:78px}.new-challenges-content{flex:1;min-width:200px}.inventory-strip{gap:23px}.exercise-layout{grid-template-columns:1fr;gap:22px}.problem-title h1{font-size:26px}.sample-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sample-case{padding:11px}.sample-case>code{font-size:12px}.code-editor{height:370px}.run-toolbar kbd{display:block}.run-toolbar>.button{font-size:14px;padding:11px 15px}.exercise-row-tags .badge.lime{display:none}.row-time{margin:0}.progress-stats{gap:13px}.progress-stat{padding:19px}.progress-stat>span{font-size:13px}.progress-detail-grid,.skills-grid,.stage-categories{grid-template-columns:1fr}.path-intro>.progress-track{display:none}.lessons-intro{flex-wrap:wrap}.lessons-intro>.filter-search{max-width:none;flex-basis:100%;margin:0}.workbench.expanded .exercise-layout{grid-template-columns:1fr}.expanded .problem-panel{display:none}.footer{padding-inline:24px}}@media(max-width:1024px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.story-intro{gap:25px;padding:28px}.story-intro-content h1{font-size:31px}.story-intro-art{width:140px;height:140px}.story-intro-art>svg{width:62px;height:62px}.story-chapter{padding:23px}}@media(max-width:760px){:root{--sidebar-width: 248px}.sidebar{transform:translate(100%);transition:transform .2s;padding:28px 18px 20px}.sidebar.open{transform:translate(0)}.sidebar-shade.visible{display:block;position:fixed;inset:0;background:#1c3c5670;z-index:35;backdrop-filter:blur(2px)}.main-shell{margin-right:0}.story-grid{grid-template-columns:1fr}.topbar{min-height:70px;padding:0 20px;gap:16px}.topbar-start{display:flex;gap:9px}.mobile-menu,.mobile-brand{display:inline-flex!important}.mobile-brand{align-items:center;gap:6px;padding:0}.mobile-brand img{width:30px;height:auto;aspect-ratio:9 / 11;object-fit:contain}.mobile-brand strong{font-size:23px;color:var(--green);font-weight:800}.topbar-end{gap:10px}.language-pill,.solved-pill>span{display:none}.global-search{height:40px}.global-search kbd{display:none}.search-wrap{max-width:390px}.main-content{padding:25px 22px 36px}.beta-notice-inner{padding:10px 22px;gap:10px;flex-wrap:wrap}.dashboard-welcome{margin-bottom:20px}.dashboard-welcome h1,.dashboard-welcome h2{font-size:24px}.dashboard-welcome p{font-size:14px}.welcome-meta{display:none}.hero{padding:28px}.hero h1{font-size:43px}.mascot-stage{min-width:240px;width:42%;height:290px}.mascot-halo{width:230px;height:230px}.hero-proof{gap:12px}.category-card{padding:21px}.category-card h3{font-size:17px}.category-meta{font-size:12px}.page-heading h1{font-size:32px}.page-heading p{font-size:15px}.stage-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.path-category{padding:15px;gap:10px}.path-category .category-icon{width:35px;height:35px}.path-category b{font-size:14px}.exercise-row-tags .badge.lime{display:inline-flex}.row-time{display:none}.new-challenges>.button{margin-right:auto}.new-challenges h2{font-size:20px}.footer{padding:19px 22px}.nuqta-launcher{left:19px;bottom:19px;width:58px;height:58px}.nuqta-launcher>img{width:240%;height:auto}.nuqta-panel{left:19px;bottom:88px;max-height:calc(100dvh - 104px)}}@media(max-width:540px){.topbar{padding:0 16px;gap:10px;min-height:66px}.topbar-start{gap:6px}.mobile-brand strong{display:none}.mobile-brand img{width:30px}.topbar-start .icon-button{width:27px}.global-search{padding:0 10px;gap:7px}.global-search input{font-size:12px}.global-search svg{width:15px}.solved-pill{gap:4px;padding:0}.solved-pill svg{width:17px}.main-content{padding:23px 16px 33px}.beta-notice-inner{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 16px}.story-card-art{height:163px}.story-card-body,.story-card-content{padding:21px}.story-intro{flex-direction:column;align-items:stretch;padding:25px 23px;gap:26px}.story-intro-content h1{font-size:29px}.story-intro-content>p{font-size:14px}.story-intro-meta{gap:10px 14px;font-size:12px}.story-intro-art{align-self:center;width:140px;height:140px;margin:5px 0 12px}.story-chapters{gap:15px;margin-top:23px}.story-chapter{padding:20px 17px;gap:12px}.story-chapter-number{width:31px;height:31px;flex-basis:31px;border-radius:8px;font-size:13px}.story-chapter-content h2{font-size:18px}.story-chapter-content>p{font-size:14px}.story-learning-focus{gap:5px;padding:10px}.story-learning-focus b,.story-learning-focus strong{font-size:13px}.story-chapter-actions{gap:12px}.story-chapter-actions>.button{font-size:13px;padding:11px 13px}.story-dialogue{padding:12px;gap:9px;font-size:13px}.story-dialogue>img{width:38px;height:43px}.story-dialogue p,.story-dialogue blockquote{font-size:13px}.story-context{grid-template-columns:1fr;gap:7px;padding:18px}.story-context>.breadcrumb-button{flex-wrap:wrap;font-size:12px}.story-context>span{grid-column:1;grid-row:4;margin-top:5px}.story-context h2,.story-context h3{font-size:16px}.story-context .progress-track{min-width:100px}.dashboard-welcome{margin-bottom:18px}.dashboard-welcome h1,.dashboard-welcome h2{font-size:23px}.dashboard-welcome p{font-size:13px;line-height:1.9}.home-layout{gap:16px}.hero{min-height:0;flex-direction:column;align-items:stretch;padding:26px 23px 19px;border-radius:17px;gap:17px}.hero-content{width:100%}.hero h1{font-size:43px;line-height:1.42;margin:17px 0 12px;letter-spacing:-1.8px}.hero-kicker,.hero-badge{font-size:12px}.hero-content>p{font-size:14px;line-height:2}.desktop-br{display:none}.hero-actions{margin-top:20px;gap:10px}.hero-actions .button{font-size:13px;padding:12px 14px;min-height:46px}.hero-proof{margin-top:18px;gap:13px}.hero-proof span{font-size:12px}.hero-proof svg{width:14px}.mascot-stage{height:263px;width:100%;min-width:0;max-width:330px;align-self:center}.mascot-stage>img{width:100%;height:100%}.mascot-halo{width:225px;height:225px}.mascot-name-tag{left:9px;top:22px}.mascot-code-chip{left:13px;bottom:3px;font-size:12px;padding:10px 13px}.daily-card{grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;padding:20px}.daily-card-head{grid-column:1;grid-row:1}.daily-card-head>span{font-size:14px}.daily-ring{grid-column:2;grid-row:1 / span 4;width:82px;height:82px}.daily-progress-text strong{font-size:25px}.daily-progress-text strong>span{font-size:17px}.daily-progress-text>span{font-size:12px}.daily-card>h3{grid-column:1;grid-row:2;font-size:14px}.daily-card>p{grid-column:1;grid-row:3;font-size:12px}.daily-goal-dots{grid-column:1;grid-row:4}.daily-card>.button{grid-column:1 / -1;grid-row:5;width:100%;margin-top:10px;font-size:13px}.daily-tip{grid-column:1 / -1;grid-row:6;border-top:1px solid #dfe9f2;padding-top:15px;margin-top:10px}.daily-tip>p{font-size:13px}.continue-card{padding:18px;gap:12px;flex-wrap:wrap}.continue-icon{width:40px;height:40px}.continue-detail h2,.continue-detail h3,.continue-detail b{font-size:15px}.continue-detail p,.continue-detail>span{font-size:12px;flex-wrap:wrap;gap:5px}.continue-card>.button{margin-right:52px;font-size:13px;min-height:39px}.inventory-strip{padding-top:18px;gap:15px;flex-wrap:wrap}.inventory-strip>div,.inventory-strip>span{gap:4px;font-size:12px}.inventory-strip strong,.inventory-strip b{font-size:13px}.inventory-strip svg{display:none}.content-section{margin-top:31px}.section-title{align-items:flex-start;gap:10px;margin-bottom:17px}.section-title h2{font-size:21px;line-height:1.65}.section-title p{font-size:13px;max-width:270px;line-height:1.9}.section-title>.text-button{margin-top:7px;font-size:12px;gap:4px}.section-title .text-button svg{width:14px}.eyebrow{font-size:12px}.category-grid{grid-template-columns:1fr;gap:13px}.category-card{padding:20px;border-radius:14px}.category-card-top{gap:10px}.category-card-top .badge{padding:4px 8px}.category-card-top>.card-arrow{display:block}.category-card h3{font-size:18px;margin-top:15px}.category-card p{font-size:14px;min-height:0;line-height:1.9}.category-meta{font-size:12px;margin-top:18px}.category-quick-link{font-size:13px}.new-challenges,.practical-banner{padding:23px;gap:13px;align-items:flex-start;margin-top:29px}.new-challenges-icon{width:46px;height:46px;border-radius:11px}.new-challenges-icon svg{width:25px}.new-challenges-content{min-width:0}.new-challenges h2,.practical-banner h2{font-size:19px;line-height:1.8}.new-challenges p,.practical-banner p{font-size:13px}.new-challenges>.button{margin:3px 59px 0 0;font-size:13px;padding:11px 14px}.lesson-grid,.lesson-grid.library{grid-template-columns:1fr;gap:16px}.lesson-grid:not(.library)>.lesson-card:last-child{display:block;grid-column:auto}.lesson-grid:not(.library)>.lesson-card:last-child .lesson-thumbnail{aspect-ratio:16/9}.lesson-card-body{padding:18px 20px 21px}.lesson-card h3{font-size:17px}.lesson-card p{font-size:14px}.video-duration{font-size:13px}.play-bubble{width:48px;height:48px}.footer{padding:20px 16px 28px;font-size:12px;align-items:flex-start;gap:9px;flex-direction:column}.footer button{font-size:12px}.page-heading{margin:15px 0 24px}.page-heading h1{font-size:29px}.page-heading p{font-size:14px;line-height:2}.catalog-controls{gap:9px;flex-wrap:wrap}.filter-search{height:44px;padding:0 12px;gap:8px;min-width:160px}.filter-search input{font-size:13px}.select-filter{height:44px;padding:0 10px;gap:5px}.select-filter select{width:113px;font-size:12px}.select-filter svg{width:15px}.filter-tabs{gap:0}.filter-tabs button{padding:11px 9px 14px;font-size:12px}.filter-tabs button.active:after{left:8px;right:8px}.filter-tabs>span{font-size:12px}.group-heading h2{font-size:15px}.group-heading>span{gap:7px}.group-heading small{font-size:12px}.exercise-row{padding:15px 13px;gap:10px}.exercise-row-title>b{font-size:14px}.exercise-row-title>small{font-size:12px}.exercise-row-tags .badge{font-size:12px;padding:3px 6px}.exercise-row-tags .badge.lime{display:none}.exercise-status{width:33px;height:33px}.exercise-row>svg{width:15px}.category-summary{padding:18px;gap:13px;flex-wrap:wrap}.category-summary>div{min-width:160px}.category-summary b{font-size:13px}.category-summary>.button{margin-right:0;width:100%;margin-top:5px}.exercise-topline{align-items:flex-start;margin-bottom:19px}.exercise-topline .breadcrumb-button{font-size:12px;gap:4px;flex-wrap:wrap;max-width:240px}.exercise-navigation{gap:5px}.exercise-navigation>span{font-size:12px;margin-left:3px}.exercise-navigation .icon-button{width:27px;height:27px}.problem-title{padding:23px 20px 0}.problem-title h1{font-size:25px}.problem-title code{font-size:13px}.problem-badges{padding:16px 20px 20px}.problem-panel-body{padding:23px 20px}.problem-description{font-size:15px}.problem-tabs{padding:0 13px;gap:8px}.problem-tabs button{font-size:14px;padding:13px 11px}.sample-list{grid-template-columns:1fr;gap:9px}.sample-case{padding:13px}.sample-case>small{font-size:12px}.sample-case>code{font-size:13px}.related-lesson{padding:13px}.related-lesson b{font-size:14px}.code-editor,.editor-loading{height:350px}.code-editor .cm-editor,.code-editor .cm-scroller{font-size:13px}.run-toolbar{padding:14px}.run-toolbar>span{font-size:12px;max-width:150px;flex-wrap:wrap;row-gap:5px;white-space:normal}.run-toolbar kbd{display:none}.run-toolbar>.button{font-size:12px;padding:11px 12px;gap:7px}.editor-toolbar{padding:12px 15px}.results-heading{padding:15px 17px}.results-content{padding:15px}.result-banner{padding:12px}.result-banner b{font-size:14px}.result-banner p{font-size:12px}.test-table-intro{gap:3px 10px}.test-table thead th{padding:11px 8px}.test-table tbody td,.test-table tbody th{padding:12px 8px}.test-table th.test-status-cell,.test-table td.test-status-cell{position:sticky;left:0;z-index:1;box-shadow:4px 0 8px #223c5014}.test-table thead th.test-status-cell{z-index:2}.result-footnote{font-size:12px}.next-step{padding:14px;gap:10px;flex-wrap:wrap}.next-step>div{font-size:12px}.next-step .text-button{font-size:13px;margin-right:auto}.path-intro{padding:21px;gap:15px;margin-bottom:30px}.path-intro b{font-size:14px}.path-intro p{font-size:13px}.path-intro>svg{width:27px}.stage-categories{grid-template-columns:1fr}.path-stage{padding-right:25px}.learning-path{padding-right:15px}.stage-heading h2{font-size:22px}.stage-heading p{font-size:13px}.path-category{padding:18px;gap:13px}.path-category b{font-size:15px}.lessons-intro{padding:18px;gap:13px}.lessons-intro b{font-size:14px}.lessons-intro p{font-size:12px}.lessons-intro>.filter-search{margin-top:5px}.lesson-detail .breadcrumb-button{font-size:12px;margin-bottom:21px}.lesson-detail-layout{gap:23px}.video-container{border-radius:12px}.lesson-description h1{font-size:26px;line-height:1.8}.lesson-description>p{font-size:15px}.lesson-actions{gap:17px}.lesson-actions .text-button{font-size:13px}.lesson-aside{display:block;padding:21px}.lesson-aside>h3{margin-bottom:17px}.chapter-list b{font-size:14px}.try-lesson{border-right:0;border-top:1px solid #dce8f3;padding:23px 0 0;margin-top:22px}.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.progress-stat{padding:21px}.progress-stat>span{font-size:13px}.progress-stat strong{font-size:32px}.activity-panel,.goal-panel{padding:23px}.activity-panel h2,.goal-panel h2{font-size:19px}.activity-panel>p,.goal-panel>p{font-size:13px}.activity-chart small{font-size:12px}.skills-grid{gap:10px}.skill-row{padding:16px;gap:10px}.skill-row>span{font-size:13px}.skill-row>.progress-track{width:60px}.skill-row>small{font-size:12px}.progress-detail-grid{gap:17px}.about-modal{padding:30px 25px}.about-modal h2{font-size:25px}.about-modal p{font-size:14px}.companion-callout{padding:12px;gap:11px}.companion-callout>img{width:60px;height:68px}.companion-callout h3,.companion-callout strong{font-size:14px}.companion-callout p{font-size:13px}.nuqta-launcher{left:16px;bottom:16px}.nuqta-panel{left:16px;bottom:85px;max-height:calc(100dvh - 101px);width:min(315px,calc(100vw - 32px))}}@media(max-width:380px){.hero{padding-inline:20px}.hero h1{font-size:39px}.hero-actions>.button{flex:1;min-width:125px}.hero-proof{gap:9px}.hero-proof span{font-size:12px}.section-title h2{font-size:20px}.section-title>.text-button{gap:3px}.filter-tabs button{padding-inline:7px}.filter-tabs>span{display:none}.exercise-row{gap:8px}.exercise-row-title>b{font-size:13px}.select-filter,.select-filter select{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.voice-samples{margin-top:38px;padding:26px;border:1px solid #d5e7f6;border-radius:16px;background:#f3f9ff}.voice-samples-heading{display:flex;align-items:center;gap:20px}.voice-samples-heading>img{width:83px;height:91px;object-fit:contain;flex-shrink:0}.voice-samples-heading h2{color:var(--ink);font-size:25px;line-height:1.8;margin:4px 0}.voice-samples-heading p{color:var(--muted);font-size:14px;line-height:1.95;max-width:750px}.voice-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}.voice-sample-card{min-width:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.voice-sample-card>div{display:flex;align-items:center;justify-content:space-between;color:var(--blue, #246cb6)}.voice-sample-card h3{font-family:Arial,sans-serif;font-size:20px;color:var(--ink)}.voice-sample-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:8px 0 15px}.voice-sample-card audio{width:100%;max-width:100%;height:40px;direction:ltr}.voice-samples-note{font-size:12px;color:var(--muted);line-height:1.95;margin-top:18px}.voice-samples-note a{color:#246cb6;text-decoration:underline;text-underline-offset:3px}@media(max-width:1024px){.voice-sample-grid{grid-template-columns:1fr}}@media(max-width:760px){.voice-samples{padding:21px 17px}.voice-samples-heading{align-items:flex-start;gap:13px}.voice-samples-heading>img{width:53px;height:60px}.voice-samples-heading h2{font-size:20px}.voice-samples-heading p{font-size:13px}}.voice-sample-transcript,.voice-sample-earlier{margin-top:20px;color:var(--ink);font-size:14px}.voice-sample-transcript summary,.voice-sample-earlier summary{cursor:pointer;padding:7px 0;line-height:1.9}.voice-sample-transcript p{font-size:17px;line-height:2.6;padding:19px;background:#fff;border:1px solid var(--border);border-radius:10px;margin-top:10px}@media(min-width:1025px){.voice-sample-grid.typecast{grid-template-columns:repeat(2,minmax(0,1fr))}}.voice-sample-card.selected{border-color:#246cb6;box-shadow:0 0 0 1px #246cb6}