@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";.author-selector,.author-form,.author-list,.database-record{background:#fff;border:1px solid var(--border);border-radius:12px}.credential-help{margin-top:-8px}.credential-help p{margin:0 0 8px}.credential-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}.issued-access{margin-top:24px;padding:20px;border:1px solid #d7e1fb;border-radius:12px;background:#f6f8ff}.issued-access h3{margin:0 0 12px}.issued-access p{line-height:1.6;overflow-wrap:anywhere}.issued-access label{display:block;font-weight:600}.issued-access input{display:block;width:100%;padding:10px;margin-top:8px;border:1px solid #dfe5f2;border-radius:7px;background:#fff;font-family:monospace}.author-selector{padding:22px;margin-bottom:24px}.author-selector label,.database-toolbar label{display:block;font-weight:700;margin-bottom:9px}.author-selector select,.database-toolbar select{width:100%;padding:12px;border:1px solid #cbd3e2;border-radius:7px;background:#fff;color:inherit}.author-selector p{margin:12px 0 0;font-size:.875rem}.author-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start}.author-list{padding:12px;min-width:0}.author-list>button{display:flex;gap:9px;width:100%;text-align:left;padding:13px 12px;border-radius:8px;line-height:1.5;font-size:.875rem;overflow-wrap:anywhere}.author-list>button.selected{background:#edf1ff;color:#304ed8;font-weight:700}.author-list>button:hover{background:#f2f4fa}.author-list small{display:block;margin-top:4px;font-size:.75rem;font-weight:500;color:#65728b}.author-list h2{margin:26px 12px 10px;font-size:.875rem}.author-list>p{padding:10px;font-size:.875rem}.author-form{padding:25px;min-width:0}.author-form-heading{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:10px;margin-bottom:16px}.author-form-heading h2,.author-form-heading h3{margin:0}.author-form>.text-button{margin-bottom:18px}.editor-fields{margin:0;padding:0;border:0;min-width:0}.editor-fields:disabled{opacity:.65}.editor-fields label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:700;margin-bottom:19px}.editor-fields input,.editor-fields textarea,.editor-fields select{width:100%;min-width:0;padding:11px 12px;border:1px solid #cbd3e2;border-radius:7px;background:#fff;color:#17213b;font-size:1rem;line-height:1.65;font-weight:400}.editor-fields textarea{resize:vertical}.editor-fields input:disabled{background:#f3f5f8;color:#66728b}.editor-fields .code-input{font:.875rem/1.75 IBM Plex Mono,monospace;tab-size:4}.editor-fields p.muted{font-size:.875rem;line-height:1.6}.theory-block{border-top:1px solid var(--border);padding-top:22px;margin-top:24px}.form-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.author-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;padding-top:22px;border-top:1px solid var(--border)}.author-actions .button{font-size:.875rem}.author-form .workspace-message,.author-form .error-message{margin-top:20px;border-radius:7px}.learning-content{overflow-wrap:anywhere}.learning-content p,.learning-content li{white-space:pre-wrap;line-height:1.8}.learning-content>.tag{margin-bottom:18px}.preview-body{padding:20px 0}.lesson-navigation{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:start;margin-bottom:18px}.lesson-navigation .back-link{margin-bottom:0}.lesson-content-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.lesson-content-nav button{display:flex;gap:9px;align-items:center;text-align:left;padding:12px 15px;border:1px solid #dbe1ed;border-radius:8px;background:#fff;max-width:100%;overflow-wrap:anywhere}.lesson-content-nav button.selected{border-color:#304ed8;background:#edf1ff;color:#304ed8}.lesson-content-nav small{display:block;color:#65728b;font-size:.75rem;margin-top:4px}.theory-page{max-width:920px}.lesson-assignment-links{display:flex;align-items:start;flex-direction:column;gap:12px;margin-top:30px;padding-top:25px;border-top:1px solid var(--border)}.lesson-assignment-links .button{white-space:normal;text-align:left}.student-password,.student-access{border-top:1px solid var(--border);padding-top:24px;margin-top:28px}.student-access p{font-size:.875rem;color:#65728b}.database-note{margin-bottom:24px}.database-note p:last-child{margin-bottom:0;font-size:.875rem}.database-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.database-toolbar label{margin:0}.database-toolbar select{width:auto;max-width:100%;flex:1;min-width:200px}.database-record{margin-bottom:10px;overflow:hidden}.database-record summary{cursor:pointer;font-weight:700;padding:18px 22px}.database-record dl{padding:0 22px 22px;margin:0}.database-record dl>div{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.database-record dt{font:.875rem IBM Plex Mono,monospace;color:#304ed8;margin-bottom:10px}.database-record dd{margin:0}.database-record pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;font:.875rem/1.7 IBM Plex Mono,monospace}.database-pagination{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:22px}@media(max-width:1150px){.author-layout{grid-template-columns:minmax(0,1fr)}.author-list{display:flex;flex-wrap:wrap;gap:6px}.author-list>button{width:auto;flex:1 1 210px}.author-list h2{width:100%}}@media(max-width:700px){.form-two-columns{grid-template-columns:1fr;gap:0}.author-form,.author-selector{padding:18px}.author-actions{flex-direction:column;align-items:stretch}.lesson-content-nav button{width:100%}.database-note code{overflow-wrap:anywhere}}.lesson-management-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.button.danger-button{color:#a02c37;background:#fff;border:1px solid #e7bfc4}.button.danger-button:hover{background:#fff1f2}.danger-text{color:#a02c37}.trash-section{margin-top:30px}.trash-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:10px;background:#fff;border:1px solid var(--border);border-radius:10px}.trash-row>div{min-width:0;overflow-wrap:anywhere}.trash-row p{margin:8px 0;font-size:.875rem;color:#65728b}.trash-row small{font-size:.75rem;color:#65728b}@media(max-width:700px){.trash-row{flex-direction:column;align-items:stretch}.lesson-management-actions .button{flex:1 1 150px}}.learning-resources{margin-top:28px;padding-top:18px;border-top:1px solid #e4e8f2}.learning-resources ul{padding-left:22px}.learning-resources li{margin:14px 0;overflow-wrap:anywhere}.learning-resources a{color:#304de6;text-decoration:underline;text-underline-offset:3px}.learning-resources li span{display:block;margin-top:4px;color:#68738b;font-size:14px}.learning-content>.tag+.tag{margin-left:8px}.guide-picker{background:#fff;border:1px solid var(--border, #dfe4ef);border-radius:12px;padding:24px;margin-bottom:24px;display:grid;gap:16px}.guide-picker .field{display:grid;gap:8px;font-weight:600}.guide-picker select{width:100%;min-width:0;padding:12px;border:1px solid #dbe1ef;border-radius:8px;background:#fff;color:inherit;font:inherit}.guide-checkbox{display:flex;gap:10px;align-items:center;font-size:14px;color:#69758c}.guide-body{max-width:1120px;display:grid;gap:22px;min-width:0}.guide-card{background:#fff;border:1px solid #dfe4ef;border-radius:12px;padding:26px;min-width:0;overflow:hidden}.guide-card h2{display:flex;align-items:center;gap:10px;font-size:21px;margin:0 0 16px}.guide-card h3{font-size:17px;margin:24px 0 10px}.guide-card p,.guide-card li{line-height:1.75;white-space:pre-line;color:#48556d}.guide-card li+li{margin-top:8px}.guide-card summary{cursor:pointer;font-weight:650;line-height:1.5;color:#25314b}.guide-details>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none}.guide-details>summary::-webkit-details-marker{display:none}.guide-details>summary small{display:block;color:#73809a;font-size:12px;font-weight:500;margin-top:4px}.guide-details[open]>summary{margin-bottom:20px}.guide-details[open]>summary>svg{transform:rotate(180deg)}.guide-details .material-body{padding:0}.guide-notice{border-left:3px solid #d4a044;padding:15px 20px;background:#fff9ec;line-height:1.7;border-radius:4px;color:#705923}.guide-question{border-top:1px solid #edf0f6}.guide-solutions{min-width:0}.guide-solutions>.guide-card{margin-top:14px}.guide-files{display:grid;gap:12px;margin:20px 0}.guide-files>details{background:#f8f9fd;border:1px solid #e5e9f3;border-radius:8px;padding:15px;min-width:0}.guide-files pre,.guide-test pre{overflow:auto;padding:18px;border-radius:7px;background:#222a3c;color:#e9eef9;font:13px/1.7 SFMono-Regular,Consolas,monospace;max-height:520px;tab-size:4}.guide-files .text-button{margin-top:10px}.guide-contract{padding:16px 0;border-top:1px solid #e8ecf4;margin:15px 0}.guide-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.guide-test{min-width:0}.guide-test h4{margin:20px 0 12px}.guide-test span{font-size:12px;color:#73809a}.guide-test pre{max-height:240px;margin:8px 0}.guide-runner{margin-top:20px;min-width:0}@media(max-width:700px){.guide-card,.guide-picker{padding:18px}.guide-card h2{font-size:19px}}.guide-lesson-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.class-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px;padding:16px 20px;background:#fff;border:1px solid #dfe5f2;border-radius:12px}.class-toolbar label{display:flex;align-items:center;gap:12px;font-weight:600}.class-toolbar select,.lesson-access-select{padding:8px;border:1px solid #dfe5f2;border-radius:7px;background:#fff;color:#344369}.class-toolbar span{font-size:13px;color:#77829b}.lesson-access-row{display:flex;align-items:center;border-bottom:1px solid #edf0f7}.lesson-access-row .lesson-row{flex:1;min-width:0;border-bottom:0}.lesson-access-select{margin-right:14px;width:132px;font-size:12px}.lesson-row:disabled{opacity:.55;cursor:not-allowed}.class-admin{margin-top:28px}.class-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0}.class-card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #dfe5f2;border-radius:10px;background:#fff;color:#344369}.class-card.selected{border-color:#3652e8;background:#f0f3ff}.class-card strong{font-size:23px}.class-card span{font-size:13px}@media(max-width:650px){.lesson-access-row{flex-wrap:wrap}.lesson-access-row .lesson-row{width:100%;flex-basis:100%}.lesson-access-select{margin:0 14px 12px auto}}.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}:root{font-family:Manrope,sans-serif;color:#182139;background:#f6f7fb;font-synthesis:none;font-size:16px;--blue: #304ed8;--muted: #7b8294;--border: #e8ebf2;--navy: #14213d;--lime: #d8ed91}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #91a5ff;outline-offset:3px}button{color:inherit}a{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.3;letter-spacing:-1px;margin-bottom:10px}h2{font-size:1.15rem;letter-spacing:-.3px}h3{font-size:1.12rem;line-height:1.5}p{line-height:1.7}svg{flex-shrink:0}button{border:0;background:none}input,textarea,select{min-width:0}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:1.6px;font-weight:800;color:#7b8295}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:9px;padding:12px 18px;font-weight:700;font-size:.875rem;min-height:44px;transition:background .15s,transform .15s;text-decoration:none}.button:active{transform:translateY(1px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#2541c0}.secondary{background:#fff;border:1px solid #dfe3ed}.secondary:hover{background:#f7f8fc}.lime{background:var(--lime);color:#182a39}.lime:hover{background:#e4f7a7}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;border-radius:7px;color:#7b8294}.icon-button:hover{background:#eef1f7;color:#283553}.text-button{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;color:var(--blue);padding:4px 0}.text-button:hover{text-decoration:underline}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;color:#17213b;font-weight:800;font-size:1.8rem;letter-spacing:-1.5px;line-height:1}.brand-mark{width:42px;height:42px;background:var(--blue);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.brand-ten{font-weight:500;color:var(--blue)}.brand small{font-size:8px;letter-spacing:1.4px;font-weight:700;display:block;margin-top:7px;color:#8b91a1}.brand-light{color:#fff}.brand-light .brand-mark{background:#ffffff18}.brand-light .brand-ten{color:#d8ed91}.brand-light small{color:#a4b0cc}.local-badge{border:1px solid #dce2ef;background:#f5f7fc;border-radius:6px;padding:5px 9px;font-size:.75rem;color:#717c92;white-space:nowrap}.login-page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#182950;color:#fff;display:flex;flex-direction:column;padding:40px 9%;position:relative;overflow:hidden}.story-content{margin:auto 0;padding:55px 0}.light{color:#a9b9df}.story-content h1{font-size:clamp(2.1rem,3.3vw,3.5rem);line-height:1.23;letter-spacing:-1.8px;margin:22px 0}.story-content h1 em{font-style:normal;color:#d8ed91}.story-content>p{color:#b3bfd9;font-size:1rem;line-height:1.8}.code-poster{border:1px solid #ffffff20;background:#12213f;border-radius:12px;margin:35px 0 24px;overflow:hidden;box-shadow:0 15px 30px #0d183820;transform:rotate(-1.5deg)}.poster-top{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid #ffffff10;color:#8998b7;font:12px IBM Plex Mono,monospace}.poster-top>span:first-child{display:flex;gap:6px}.poster-top i{width:7px;height:7px;border-radius:50%;background:#596481}.poster-top i:first-child{background:#e29183}.poster-top i:nth-child(2){background:#dac284}.poster-top i:last-child{background:#9ecab1}.poster-code{display:grid;grid-template-columns:26px 1fr;gap:10px 8px;padding:28px 20px;font:clamp(10px,1vw,13px) / 1.6 "IBM Plex Mono",monospace}.line-no{color:#4d617f}.syntax-comment{color:#7b8eae}.poster-code b{color:#d8ed91;font-weight:400}.poster-code strong{color:#8eb6fa;font-weight:400}.poster-result{font:13px/1.7 IBM Plex Mono,monospace;padding:15px 20px;background:#ffffff04;border-top:1px solid #ffffff0c;color:#d5dfed}.poster-result>span{color:#d8ed91;margin-right:10px}.story-facts{display:flex;gap:25px;font-size:.75rem;color:#a9b9d9}.story-facts>span{display:flex;gap:8px;align-items:center}.login-story footer{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#8d9fbe}.login-main{padding:35px 9%;display:flex;flex-direction:column;min-width:0}.login-top{display:flex;align-items:center;justify-content:space-between;color:#9399a7;font-size:.75rem}.login-card{max-width:380px;width:100%;margin:auto;padding:35px 0}.welcome-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#edf1ff;border:1px solid #dfe5ff;border-radius:15px;color:var(--blue);margin-bottom:24px}.login-card h2{font-size:1.85rem;font-weight:800;letter-spacing:-1px;margin-bottom:10px}.login-card>.muted{font-size:.875rem;margin-bottom:29px}.login-card label{display:block;font-size:.875rem;font-weight:700;margin:18px 0 9px}.input-icon{display:flex;align-items:center;border:1px solid #dfe3ed;border-radius:9px;gap:10px;padding:0 13px;color:#8a93a8;background:#fff;min-height:49px}.input-icon:focus-within{border-color:#637aea;box-shadow:0 0 0 3px #304ed810}.input-icon input{width:100%;border:0;outline:0;background:transparent;font-size:.875rem;padding:13px 0;color:#182139}.input-icon input::placeholder{color:#a2a9b9}.input-icon .icon-button{padding:0;width:25px}.login-submit{width:100%;justify-content:space-between;margin-top:25px;min-height:49px}.demo-box{margin-top:29px;padding:18px;background:#f7f9fc;border:1px solid #e8ecf4;border-radius:10px}.demo-box p{font-size:.875rem;font-weight:700;margin-bottom:4px}.demo-box>span{font-size:.75rem;color:#858d9f;line-height:1.6;display:block}.demo-box>div{display:flex;gap:10px;margin-top:14px}.demo-box .button{padding:9px 12px;flex:1;font-size:.8rem;min-height:40px}.login-help{font-size:.75rem;color:#969cab;text-align:center;margin:22px 0 0}.login-bottom{display:flex;justify-content:space-between;font-size:.75rem;color:#969dac}.error-message{border:1px solid #f0c5c5;color:#ad3434;background:#fff4f4;border-radius:8px;padding:12px;font-size:.875rem;line-height:1.5}.app-loading{display:grid;min-height:100svh;place-content:center;gap:25px;color:#7b8294}.app-shell{min-height:100svh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:29px 19px 0;z-index:30}.sidebar .brand{margin:0 12px}.class-switch{display:flex;align-items:center;gap:11px;margin:35px 3px 32px;padding:12px 8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.class-icon{background:#f2f4fa;display:grid;place-items:center;width:39px;height:43px;border-radius:9px;color:#76829d}.class-switch strong{font-size:.875rem}.class-switch small{display:block;font-size:.75rem;color:#8791a5;margin-top:3px}.nav-caption{font-size:.75rem;letter-spacing:1.6px;color:#a0a7b7;margin:0 13px 13px;font-weight:800}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:8px;color:#778195;font-size:.875rem;font-weight:600;min-height:48px}.nav-item:hover{background:#f7f8fc}.nav-item.active{color:var(--blue);background:#edf1ff;font-weight:800}.nav-count{margin-left:auto;font-size:.75rem;background:#dfe6ff;border-radius:5px;padding:2px 6px}.sidebar-note{margin:auto 9px 25px;padding-top:45px}.sidebar-note p{font-size:.875rem;color:#55617c;font-weight:600;line-height:1.7;margin:14px 0}.sidebar-note-rule{width:36px;height:2px;background:#d9e2fd;margin:18px 0}.sidebar-note>span:last-child{font-size:.75rem;color:#a0a8b9}.avatar{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;background:#e6ecfb;border:1px solid #dfe5f5;color:#4862aa;border-radius:50%;font-weight:800;font-size:.875rem;flex-shrink:0}.avatar-small{height:31px;width:31px;font-size:.75rem}.main-shell{margin-left:250px;min-height:100svh;display:flex;flex-direction:column}.topbar{min-height:76px;background:#ffffffc9;border-bottom:1px solid var(--border);padding:12px 40px;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#939bab;gap:20px;position:relative;z-index:20}.breadcrumb-slash{margin:0 14px;color:#c3c9d4}.topbar strong{font-weight:600;color:#6b768c}.topbar>div{display:flex;align-items:center;gap:19px;max-width:65%}.account-menu{position:relative;min-width:0}.account-trigger{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;text-align:left;color:#33415f;font-size:.875rem}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#edf1ff}.account-trigger-name{max-width:250px;overflow-wrap:anywhere;line-height:1.4;font-weight:600}.account-trigger>svg{flex-shrink:0}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 32px));padding:8px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 36px #18284920;color:#33415f}.account-identity{padding:12px;border-bottom:1px solid var(--border);margin-bottom:5px;overflow-wrap:anywhere}.account-identity strong,.account-identity span,.account-identity small{display:block}.account-identity strong{font-size:.9375rem;color:#24314c;line-height:1.5}.account-identity span,.account-identity small{margin-top:4px;color:#7b869a}.account-dropdown>button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:8px;font-size:.875rem;text-align:left}.account-dropdown>button:hover,.account-dropdown>button:focus-visible{background:#edf1ff}.account-dropdown>.account-logout{color:#ad3344}.page-content{width:100%;max-width:1490px;margin:0 auto;padding:37px 40px 35px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:15px}.page-heading .eyebrow{font-size:.75rem;letter-spacing:1.8px}.page-heading h1{margin-top:8px}.page-heading p{font-size:.875rem;margin-bottom:0}.semester-pill{display:flex;align-items:center;gap:8px;font-size:.75rem;border:1px solid var(--border);border-radius:6px;padding:8px 11px;background:#fff;color:#6f7a91;white-space:nowrap}.course-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px}.continue-card{border-radius:14px;background:#314ed3;padding:28px 27px;display:flex;gap:15px;justify-content:space-between;overflow:hidden;color:#fff;min-height:255px}.continue-copy{position:relative;z-index:1;flex-shrink:0}.tag{display:inline-flex;align-items:center;font-size:.75rem;font-weight:800;letter-spacing:.4px;padding:5px 8px;border-radius:5px;white-space:nowrap}.tag-on-blue{color:#dae3ff;background:#ffffff16;border:1px solid #ffffff20;font-size:.75rem;letter-spacing:1px}.tag-green{background:#eaf6ef;color:#398366;font-size:.75rem;font-weight:700}.tag-blue{background:#eef2fe;color:#647cbe;font-size:.75rem;letter-spacing:1px}.tag-amber{background:#fff5df;color:#aa7920}.continue-card h2{font-size:2.05rem;line-height:1.22;margin:15px 0 10px;letter-spacing:-1.2px}.continue-card p{font-size:.75rem;line-height:1.7;color:#cad5fc;margin-bottom:19px}.continue-card .button{font-size:.75rem;padding:10px 13px;min-height:40px}.mini-editor{background:#203897;border:1px solid #ffffff30;border-radius:10px;margin:auto -48px auto 0;min-width:245px;transform:rotate(-5deg);box-shadow:0 15px 30px #142d7325;position:relative}.mini-editor>div{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ffffff14;color:#92a8ef;font-size:.75rem}.mini-editor pre{font:12px/2.2 IBM Plex Mono,monospace;padding:12px 15px;margin:0}.code-gray{color:#7c91d8;margin-right:8px}.code-pink{color:#d4b0ec}.code-lime{color:#d7eba2}.mini-caption{display:block;font-size:.75rem;color:#95acef;border-top:1px solid #ffffff14;padding:10px 16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:31px 0 15px}.section-heading h2{margin:0;font-size:1rem}.section-heading>span{font-size:.75rem}.module-list{display:grid;gap:11px}.module-card{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.module-heading{display:flex;align-items:center;padding-right:10px}.module-open{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:19px 17px}.module-open:hover{background:#fafbff}.module-number{width:40px;height:42px;display:grid;place-items:center;flex-shrink:0;color:#a2aabb;background:#f3f5f9;border:1px solid #ecf0f6;border-radius:8px;font-size:.875rem;font-weight:800}.module-number.available{background:#edf1fe;color:#6b7dcc;border-color:#e3e9ff}.module-label{flex:1}.module-label strong{display:block;font-size:.875rem}.module-label>span{font-size:.75rem;color:#9aa3b2;display:block;margin-top:5px;line-height:1.55}.module-label i{font-style:normal;margin:0 5px}.module-open>svg{color:#a5aec1}.module-locked .module-label strong{color:#778297}.lesson-list{border-top:1px solid var(--border);padding:3px 16px 6px}.lesson-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 2px;border-bottom:1px solid #f0f2f7}.lesson-row:last-child{border-bottom:0}.lesson-row:hover .lesson-title{color:var(--blue)}.lesson-number{font-size:.75rem;color:#adb6c8;width:23px}.lesson-row>svg{color:#8795b4}.lesson-title{flex:1;font-size:.875rem;font-weight:600;line-height:1.5}.lesson-title small{display:block;font-weight:400;color:#a1a9b8;font-size:.75rem;margin-top:3px}.lesson-date{font-size:.75rem;color:#a0a9ba}.locked-note{display:flex;gap:14px;padding:15px;color:#8e98ad;align-items:center;font-size:.875rem}.locked-note p{margin:0}.course-aside{display:flex;flex-direction:column;gap:20px}.info-card{padding:23px;background:#fff;border:1px solid var(--border);border-radius:12px}.progress-card .eyebrow,.side-heading .eyebrow{font-size:.75rem;letter-spacing:1.4px}.progress-head{display:flex;gap:10px;align-items:center;margin:22px 0}.progress-number{font-size:2.5rem;line-height:1;font-weight:800;letter-spacing:-2px}.progress-head>span:nth-child(2){font-size:.75rem;line-height:1.65;color:#929bad}.progress-icon{margin-left:auto;background:#f0f4fd;color:#90a4ce;padding:11px;border-radius:10px;display:flex}.progress-track{height:5px;background:#edf1f8;border-radius:6px;margin-bottom:22px;overflow:hidden}.progress-track>div{height:100%;background:var(--blue)}.progress-stat{display:flex;justify-content:space-between;align-items:center;margin:15px 0 0;font-size:.75rem;color:#7a8499}.progress-stat>span{display:flex;gap:9px;align-items:center}.progress-stat strong{color:#515c74;font-weight:700}.stat-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%}.green{color:#55937b;background:#eaf6f1}.amber{color:#ba9749;background:#fcf5e7}.side-heading{display:flex;justify-content:space-between;align-items:center;color:#97a4bc;margin-bottom:23px}.task-no{font-size:.75rem;color:#969fb3}.task-card h3{margin:8px 0 12px;line-height:1.45;font-size:1.05rem}.task-card p{font-size:.75rem;line-height:1.8;margin-bottom:18px}.task-card .text-button{font-size:.75rem}.tip-card{padding:3px 13px;color:#75819a}.tip-symbol{font:3.5rem/1 Georgia,serif;color:#b4c4e7}.tip-card p{font-size:.9375rem;font-weight:600;line-height:1.7;margin:-15px 0 10px}.tip-card>span:last-child{font-size:.75rem;color:#a0a8b8}.app-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:18px 40px;color:#a7afbf;font-size:.75rem}.mobile-toggle,.sidebar-backdrop{display:none}@media(min-width:1600px){.continue-card{padding:32px}.mini-editor{margin-right:0;min-width:290px}.mini-editor pre{font-size:14px}.course-grid{grid-template-columns:minmax(0,1fr) 290px}.course-aside .info-card{padding:27px}.continue-card h2{font-size:2.5rem}}@media(max-width:1150px){.sidebar{width:220px;padding-left:13px;padding-right:13px}.main-shell{margin-left:220px}.page-content{padding:30px 25px}.topbar{padding:12px 25px}.course-grid{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.mini-editor{display:none}.continue-card{min-height:265px}.info-card{padding:18px}.semester-pill{display:none}.module-label>span{max-width:240px}.login-story,.login-main{padding:35px 7%}.story-facts{flex-wrap:wrap;gap:12px}}@media(max-width:900px){.course-grid{grid-template-columns:1fr}.course-aside{display:grid;grid-template-columns:1fr 1fr}.tip-card{display:none}.mini-editor{display:block}.login-story{padding:30px 8%}.story-content h1{font-size:2.1rem}.poster-code{font-size:10px;padding-left:12px;column-gap:3px}.login-story footer{flex-direction:column;gap:7px}.login-card h2{font-size:1.5rem}.login-main{padding:30px 7%}.demo-box>div{flex-direction:column}.login-bottom{flex-direction:column;gap:5px}}@media(max-width:700px){.sidebar{transform:translate(-100%);visibility:hidden;width:250px;transition:transform .2s}.sidebar-visible{transform:translate(0);visibility:visible}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#13234460;z-index:25}.mobile-toggle{display:flex;position:fixed;left:13px;top:17px;z-index:40;background:#fff}.sidebar-visible .brand{margin-left:40px}.main-shell{margin-left:0}.topbar{min-height:70px;padding:10px 18px 10px 60px;justify-content:flex-end}.topbar>span{display:none}.topbar>div{gap:8px;max-width:100%}.breadcrumb-slash{margin:0 6px}.topbar>span>strong{display:none}.page-content{padding:25px 18px}.page-heading h1{font-size:1.8rem}.page-heading p{font-size:.875rem}.page-heading{margin-bottom:23px}.continue-card{padding:25px;min-height:260px}.continue-card h2{font-size:2rem}.mini-editor{min-width:215px;margin-right:-70px;opacity:.8}.course-aside{gap:12px}.module-open{padding:16px 12px;gap:10px}.module-label>span{max-width:none}.module-number{width:33px;height:38px}.module-open .tag{display:none}.lesson-list{padding:4px 10px}.lesson-date{display:none}.lesson-title{font-size:.875rem}.app-footer{padding:18px;font-size:.75rem}.login-page{display:flex;flex-direction:column}.login-story{padding:25px}.story-content{padding:28px 0 0}.story-content h1{font-size:2rem;margin:12px 0}.story-content>p{font-size:.875rem;margin-bottom:0}.code-poster,.story-facts,.login-story footer{display:none}.login-main{padding:22px 25px}.login-card{padding:30px 0;max-width:420px}.welcome-icon{display:none}.login-card h2{font-size:1.7rem}.demo-box>div{flex-direction:row}.login-bottom{flex-direction:row;margin-top:0}.desktop-break{display:none}}@media(max-width:400px){.mini-editor{display:none}.course-aside{grid-template-columns:1fr}.login-bottom{font-size:.75rem}.story-content h1{font-size:1.8rem}.module-label>span{font-size:.75rem}}.back-link{margin-bottom:23px;color:#7b869c}.lesson-page-heading{margin-bottom:27px}.lesson-page-heading h1{font-size:1.7rem;margin-top:10px;max-width:850px}.lesson-page-heading>div,.lesson-page-heading>p{display:flex;gap:12px;color:#8b95a8;font-size:.875rem}.lesson-workspace-grid{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(350px,1.4fr);gap:23px;align-items:start}.lesson-material{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.material-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 19px;gap:21px}.material-tabs button{display:flex;align-items:center;gap:8px;padding:19px 2px;border-bottom:2px solid transparent;font-size:.875rem;font-weight:700;color:#8b95a8}.material-tabs button.selected{border-color:var(--blue);color:var(--blue)}.material-body{padding:26px}.material-body h2{font-size:1.35rem;margin-top:18px;line-height:1.4}.material-body h3{font-size:1rem;margin-top:27px}.material-body p,.assignment-statement{font-size:1rem;color:#6d7890;line-height:1.8}.assignment-statement section{margin:24px 0}.assignment-statement h3{color:var(--navy);margin:0 0 6px;font-size:1rem}.assignment-statement p{margin:0 0 16px;white-space:pre-wrap}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.example-grid>div{background:#f7f9fd;border:1px solid #e8edf7;border-radius:8px;padding:12px;min-width:0}.example-grid span{color:#8b97af;font-size:.75rem}.example-grid pre{font:14px/1.7 IBM Plex Mono,monospace;white-space:pre-wrap;margin:10px 0 0}.lesson-tip{display:flex;gap:10px;padding:15px;background:#f1f5ff;border-radius:9px;margin-top:25px;color:#738ed0}.lesson-tip p{font-size:.875rem;line-height:1.65;margin:0;color:#6e81ad}.material-footnote{font-size:.75rem;color:#a1aabb;border-top:1px solid #edf0f6;padding-top:20px;margin-top:25px;line-height:1.7}.theory-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6fb;border:1px solid #e9edf5;padding:14px;border-radius:8px;font:13px/1.9 IBM Plex Mono,monospace;color:#48619c}.python-workspace{--code-editor-height: 300px;border:1px solid #dde3ee;background:#fff;border-radius:12px;overflow:hidden;min-width:0}.editor-toolbar{padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-toolbar>span{display:flex;gap:8px;align-items:center;font-size:.875rem;font-weight:700}.editor-toolbar>span>svg{color:#6d84ba}.editor-toolbar>div{display:flex;gap:7px;align-items:center}.save-status{display:flex;gap:5px;align-items:center;font-size:.75rem;color:#829890}.save-error{color:#bd6742}.file-bar{display:flex;background:#222a3d;color:#98a5be;overflow-x:auto;padding:0 10px;border-bottom:1px solid #3a445b}.file-bar button{display:flex;align-items:center;gap:7px;font:12px IBM Plex Mono,monospace;padding:13px 15px;border-top:2px solid transparent;white-space:nowrap}.file-bar button.selected{background:#282f40;color:#d9e2f3;border-top-color:#93afe5}.file-bar .add-file{padding:10px}.python-workspace .cm-editor{overflow:hidden;font:14px/1.8 IBM Plex Mono,monospace}.python-workspace .cm-scroller{min-height:0;overflow:auto}.python-workspace .cm-editor.cm-focused{outline:none}.python-workspace .cm-content{padding:15px 0}.python-workspace .cm-gutters{padding-left:6px}.run-bar{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.run-controls{display:flex;gap:9px;align-items:center}.run-bar .button{font-size:.875rem;min-height:37px;padding:8px 13px}.run-bar select{padding:7px 8px;border:1px solid #e3e7ef;border-radius:6px;background:#fff;font:12px IBM Plex Mono,monospace;color:#7d879b;max-width:160px}.runtime-name{font-size:.75rem;color:#a0a9b9}.stop-button{background:#feeeec;color:#c16652;border:1px solid #f4d6d1}.console-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px 10px}.console-heading>span:first-child{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;color:#62718d}.runtime-status{color:#8da29c;font-size:.75rem}.runtime-status.failed{color:#c07667}.console-output{margin:0;padding:10px 18px 18px;min-height:140px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 IBM Plex Mono,monospace;color:#35455f}.console-empty{color:#a2aec1;font-size:13px}.console-input{display:flex;gap:10px;align-items:center;border-top:1px solid #e7ecf5;padding:10px 17px;background:#f5f8ff;color:var(--blue)}.console-input input{flex:1;border:0;background:transparent;outline:0;color:#344766;font:14px IBM Plex Mono,monospace;min-height:32px}.console-input input::placeholder{font-size:12px;color:#97a5bf}.console-input button{color:var(--blue);display:flex;padding:7px}.submit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 17px;border-top:1px solid var(--border);background:#fafbfe}.submit-bar>span{color:#8a95ab;font-size:.75rem;line-height:1.6}.submit-bar .button{white-space:nowrap;font-size:.875rem}.workspace-message{font-size:.875rem;padding:13px 17px;background:#eef4ff;color:#4266ad;border-top:1px solid #e0e9fb;margin:0;line-height:1.65}.runner-frame{width:0;height:0;position:absolute;border:0;visibility:hidden}.add-file-form{display:flex;gap:9px;padding:12px;background:#f2f5fc;flex-wrap:wrap}.add-file-form input{padding:8px;border:1px solid #d9e0ee;border-radius:7px;max-width:200px;font-size:.875rem}.add-file-form .button{padding:7px 12px;min-height:36px}.playground-wrap{max-width:1000px}.playground-wrap .python-workspace{--code-editor-height: 360px}.filter-tabs{display:flex;gap:8px;margin:28px 0 22px;flex-wrap:wrap}.submission-notice{margin-top:24px;padding:20px;border:1px solid var(--border);border-radius:12px;background:#f7f9ff}.tag-red,.submission-status-icon.red{color:#a52738;background:#fff0f1}.module-access-help{line-height:1.6;margin:0 0 18px}.filter-tabs button{font-size:.875rem;padding:10px 17px;border:1px solid transparent;border-radius:7px;color:#8390a7}.filter-tabs button.selected{color:var(--blue);border-color:#dde5fd;background:#edf2ff;font-weight:700}.empty-state{background:#fff;border:1px dashed #dbe2ee;border-radius:12px;text-align:center;padding:65px 25px;color:#8b98af}.empty-state h2{color:#52617e;margin:22px 0 10px;font-size:1.25rem}.empty-state p{font-size:.9375rem;max-width:450px;margin:0 auto 24px}.empty-icon{display:inline-flex;padding:18px;background:#f1f5fe;color:#8ba1d0;border-radius:20px}.submissions-list{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.submission-row{width:100%;display:flex;align-items:center;gap:17px;text-align:left;padding:22px;border-bottom:1px solid var(--border)}.submission-row:last-child{border-bottom:0}.submission-row:hover{background:#fafbff}.submission-status-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;flex-shrink:0}.submission-info{flex:1}.submission-info strong{display:block;font-size:1rem;line-height:1.5}.submission-info small{display:block;font-size:.75rem;color:#9aa4b8;margin-top:6px}.submission-row>svg{color:#a2aec3}.review-grid{display:grid;grid-template-columns:minmax(350px,1.5fr) minmax(260px,.8fr);gap:25px;align-items:start}.review-card h2{font-size:1.2rem}.review-card>p{font-size:.875rem}.review-card label{display:block;margin:17px 0 9px;font-size:.875rem;font-weight:700}.review-card select,.review-card textarea{width:100%;border:1px solid #dfe5f0;border-radius:7px;padding:11px;background:#fff;font-size:.875rem}.review-card textarea{resize:vertical;line-height:1.6}.review-card .button{margin-top:17px;width:100%}.review-card .workspace-message{margin-top:16px;border-radius:7px}.submitted-output{border-top:1px solid var(--border);margin-top:25px;padding-top:20px}.submitted-output summary{font-size:.875rem;color:#7c8ba6;line-height:1.6;cursor:pointer}.submitted-output p{font-size:.75rem;color:#9aa6bc;margin-top:15px}.submitted-output pre{font:12px/1.8 IBM Plex Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}.module-label strong,.lesson-title{font-size:1rem}.module-label>span,.task-card p,.progress-stat,.progress-head>span:nth-child(2),.continue-card p{font-size:.875rem}.task-card .text-button,.continue-card .button{font-size:.875rem}.module-label>span{line-height:1.7}.lesson-row{padding-top:15px;padding-bottom:15px}.brand small{font-size:9px}.nav-caption{font-size:.75rem;letter-spacing:.7px}.class-switch small,.sidebar-user small,.sidebar-note>span:last-child{font-size:.75rem}@media(max-width:1250px){.lesson-workspace-grid{grid-template-columns:1fr}.lesson-material{max-width:none}.material-body{padding:24px}.lesson-page-heading h1{font-size:1.5rem}.review-grid{grid-template-columns:1fr}.review-card{max-width:none}}@media(max-width:700px){.lesson-page-heading h1{font-size:1.4rem}.editor-toolbar{padding:10px 12px}.editor-toolbar>span{font-size:.75rem}.save-status{max-width:155px;text-align:right;font-size:.75rem}.run-bar{flex-wrap:wrap;padding:12px}.runtime-name{font-size:.75rem}.submit-bar,.console-heading{flex-wrap:wrap}.python-workspace .cm-editor{font-size:13px}.material-body{padding:21px}.submission-row{padding:17px 12px;gap:10px;flex-wrap:wrap}.submission-info{min-width:190px}.submission-info strong{font-size:.875rem}.submission-row>.tag{margin-left:53px}.submission-row>svg{margin-left:auto}.review-grid,.lesson-workspace-grid{grid-template-columns:minmax(0,1fr)}.run-bar select{max-width:115px}.lesson-title{font-size:.9375rem}.module-label>span{font-size:.75rem}.continue-card p{font-size:.875rem}.mini-editor{display:none}.course-aside{grid-template-columns:1fr}}