@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;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{width:53px;height:55px;object-fit:contain}.nuqta-launcher>span{position:absolute;right:-1px;top:-2px;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{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{display:block;width:100%;height:100%;object-fit:contain}.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:48px;height:49px}.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}