@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&family=Instrument+Serif:ital@0;1&display=swap";
:root{--font-sans:"Geist", var(--font-geist-sans), var(--font-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg:#f7f8fc;--surface:#fff;--surface-muted:#f1f3f8;--surface-soft:#f8f9fc;--line:#e5e8f0;--line-strong:#d7dce7;--ink:#1b1d2a;--ink-soft:#50566a;--muted:#7b8293;--muted-light:#a0a6b4;--indigo:#4f46e5;--indigo-2:#6366f1;--indigo-soft:#eeedff;--violet:#7c3aed;--teal:#0f9f86;--amber:#d48619;--shadow-sm:0 2px 8px #191e3409, 0 1px 2px #191e3406;--shadow-md:0 16px 42px #1c213d17, 0 3px 8px #1c213d0a;--ease-out:cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}html{background:var(--bg-base,#0a0a0c);font-family:var(--font-sans)}body{background:var(--bg-base,#0a0a0c);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}button,input,textarea,select{font-family:var(--font-sans)}kbd,code,pre,.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}:focus-visible{outline-offset:2px;outline:3px solid #6366f138}.app-shell{width:100%;max-width:100%;min-height:calc(100vh - 24px);box-shadow:none;background:0 0;border:none;flex-direction:row;align-items:stretch;gap:14px;margin:0 auto;display:flex;position:relative}.sidebar{z-index:20;background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;flex-shrink:0;width:210px;min-width:210px;max-width:210px;height:calc(100vh - 24px);max-height:calc(100vh - 24px);padding:18px 12px 16px;transition:width .22s cubic-bezier(.2,0,0,1),min-width .22s cubic-bezier(.2,0,0,1),padding .22s;display:flex;position:sticky;top:12px;overflow-y:auto;box-shadow:0 4px 20px #0f172a08,0 1px 3px #0f172a05}.brand-row{height:36px;font:800 17px var(--font-sans), sans-serif;letter-spacing:-.04em;color:#0f172a;align-items:center;gap:10px;padding:0 4px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 10px #2563eb38}.brand-name{font-family:var(--font-sans), sans-serif;letter-spacing:-.035em;color:#0f172a;white-space:nowrap;font-size:17px;font-weight:800}.sidebar-toggle{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.sidebar-toggle:hover{color:#0f172a;background:#fff;border-color:#cbd5e1}.nav-label,.section-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;margin:0;font-size:9px;font-weight:700}.nav-label{padding:0 12px 8px}.side-nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#64748b;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;min-height:40px;padding:0 12px 0 15px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:#0f172a;background:#f8fafc}.nav-item:active{transform:scale(.98)}.nav-item.active{color:#0f172a;box-shadow:none;background:0 0;font-weight:700}.nav-item.active:before{content:"";background:#10b981;border-radius:4px;width:3.5px;position:absolute;top:8px;bottom:8px;left:0}.nav-item em{color:#64748b;background:#f1f5f9;border-radius:12px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700}.nav-item.active em{color:#0f172a;background:#e2e8f0}.sidebar-spacer{flex:1;min-height:20px}.sidebar-user-container{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding:12px 2px 0;display:flex}.sidebar-user{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:6px;transition:all .15s;display:flex}.sidebar-user:hover{background:#f8fafc;border-color:#e2e8f0}.sidebar-user>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.sidebar-user small{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.sidebar-auth-actions{align-items:center;gap:6px;display:flex}.sidebar-auth-btn{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.sidebar-auth-btn.login{color:var(--indigo);background:#6366f11a;border-color:#6366f133}.sidebar-auth-btn.login:hover{background:#6366f12e}.sidebar-auth-btn.logout{color:var(--ink-muted);background:#fff}.sidebar-auth-btn.logout:hover{color:#ef4444;background:#ef444414;border-color:#ef444433}.user-avatar,.top-avatar{color:#5c4670;font:800 10px var(--font-sans), sans-serif;background:linear-gradient(145deg,#f4cabb,#b9c4fc);border-radius:50%;place-items:center;display:grid;overflow:hidden}.user-avatar img,.top-avatar img{object-fit:cover;width:100%;height:100%}.user-avatar{flex:none;width:28px;height:28px}.app-shell.sidebar-collapsed .sidebar{align-items:center;width:58px;min-width:58px;max-width:58px;padding:18px 8px 16px;overflow:hidden}.app-shell.sidebar-collapsed .brand-name,.app-shell.sidebar-collapsed .brand-beta,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .nav-item em,.app-shell.sidebar-collapsed .sidebar-user-info,.app-shell.sidebar-collapsed .sidebar-user>span:nth-child(2),.app-shell.sidebar-collapsed .sidebar-auth-btn span,.app-shell.sidebar-collapsed .sidebar-logout-icon-btn,.app-shell.sidebar-collapsed .sidebar-login-icon-btn{display:none!important}.app-shell.sidebar-collapsed .brand-row{justify-content:center;gap:0;width:100%;padding:0}.app-shell.sidebar-collapsed .brand-mark{margin:0 auto}.app-shell.sidebar-collapsed .sidebar-toggle{display:none}.app-shell.sidebar-collapsed .nav-item{border-radius:10px;justify-content:center;width:38px;height:38px;min-height:38px;padding:0}.app-shell.sidebar-collapsed .nav-item.active:before{width:3px;top:8px;bottom:8px;left:0}.app-shell.sidebar-collapsed .sidebar-user-container{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px 0 0;display:flex}.app-shell.sidebar-collapsed .sidebar-user-row{justify-content:center;align-items:center;gap:0;width:100%;margin:0 auto;display:flex}.app-shell.sidebar-collapsed .sidebar-user-row .sidebar-user,.app-shell.sidebar-collapsed .sidebar-user{border-radius:50%!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:0!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;margin:0 auto!important;padding:0!important;display:flex!important}.app-shell.sidebar-collapsed .user-avatar{border-radius:50%!important;flex-shrink:0!important;place-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0 auto!important;display:grid!important}.app-shell.sidebar-collapsed .sidebar-auth-btn{border-radius:10px;justify-content:center;width:38px;height:38px;padding:0}.main-shell{scroll-behavior:smooth;background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;flex:1;width:0;min-width:0;height:calc(100vh - 24px);max-height:calc(100vh - 24px);display:flex;position:relative;overflow-x:hidden;box-shadow:0 4px 20px #0f172a08,0 1px 3px #0f172a05;overflow-y:auto!important}.topbar{z-index:15;background:#fff;border-bottom:1px solid #f1f5f9;border-top-left-radius:22px;border-top-right-radius:22px;justify-content:space-between;align-items:center;height:72px;min-height:72px;padding:0 clamp(20px,3vw,36px);display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.breadcrumb,.search-trigger,.hero-actions,.card-topline,.focus-score,.streak-row,.section-heading,.filter-row,.library-title-row,.library-actions,.workbook-footer,.canvas-top,.canvas-actions,.admin-header,.admin-header-actions,.admin-title,.secure-status,.modal-header{align-items:center;display:flex}.breadcrumb{color:#a0a5b1;gap:9px;font-size:11px}.breadcrumb strong{color:#555b6d;font-weight:600}.topbar-actions{gap:12px}.search-trigger{color:#94a3b8;text-align:left;width:300px;height:38px;box-shadow:none;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;gap:10px;padding:0 16px;font-size:12px;transition:border-color .15s,background .15s}.search-trigger:hover{color:#475569;background:#fff;border-color:#cbd5e1}kbd{color:#94a3b8;min-width:22px;height:20px;font-size:8.5px;font-family:var(--font-sans), sans-serif;background:#fff;border:1px solid #e2e8f0;border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;gap:2px;padding:0 5px;display:inline-flex}.search-trigger kbd{margin-left:auto}.icon-button{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:34px;height:34px;transition:color .15s,background .15s,border-color .15s;display:grid}.icon-button:hover{color:var(--ink);background:#fff;border-color:#cbd5e1}.icon-button:active,.primary-button:active,.soft-button:active,.text-button:active{transform:scale(.97)}.notification-button{position:relative}.notification-button i{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.top-avatar{cursor:pointer;border:0;width:29px;height:29px}.mobile-menu,.mobile-close{display:none}.page-content{max-width:100%;padding:20px clamp(20px,3vw,36px) 60px}.welcome-row,.page-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px;display:flex}.welcome-row h1,.page-header h1{font:800 clamp(24px, 2.4vw, 30px) var(--font-sans), sans-serif;letter-spacing:-.04em;color:#0f172a;margin:0 0 6px}.wave{color:#938bff;margin-left:2px;font-size:22px;display:inline-block;transform:rotate(18deg)}.page-description{color:#858c9d;margin:0;font-size:12px;line-height:1.6}.primary-button,.soft-button,.text-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:8px;align-items:center;gap:7px;font-size:11px;font-weight:700;transition:transform .16s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{background:var(--indigo);color:#fff;padding:10px 14px;box-shadow:0 7px 14px #4f46e52b}.primary-button:hover{background:#4338ca;box-shadow:0 10px 18px #4f46e540}.soft-button{color:#62697b;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;padding:9px 12px}.soft-button:hover{background:#fcfcff;border-color:#cbd0df}.text-button{color:var(--indigo);background:0 0;padding:3px 0}.text-button:hover{color:#3730a3}.text-button:disabled,.primary-button:disabled,.soft-button:disabled{cursor:not-allowed;opacity:.5}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.74fr);gap:18px;display:grid}.hero-card{color:#fff;background:linear-gradient(108deg,#252555,#3e3b83 57%,#7775d9);border-radius:16px;justify-content:space-between;min-height:259px;padding:28px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 11px 29px #302e742b}.hero-card:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:390px;height:390px;position:absolute;top:-178px;right:-100px;box-shadow:0 0 0 34px #ffffff06,0 0 0 68px #ffffff06}.focus-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:22px 23px}.card-topline{color:#939aaa;justify-content:space-between}.section-kicker{font-size:9px}.focus-score{gap:15px;margin-top:15px}.focus-score>div:last-child{flex-direction:column;gap:3px;display:flex}.focus-score strong{font:700 24px var(--font-sans), sans-serif;letter-spacing:-.05em}.focus-score span{color:#9298a7;font-size:10px}.progress-ring{flex:none;place-items:center;display:grid;position:relative}.progress-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none}.ring-track{stroke:#eceef5}.ring-value{stroke-linecap:round;transition:stroke-dashoffset .4s var(--ease-out)}.progress-ring strong{font:700 12px var(--font-sans), sans-serif;color:#41465a;position:relative}.focus-divider{background:var(--line);height:1px;margin:19px 0 16px}.focus-stats{gap:38px;display:flex}.focus-stats div{flex-direction:column;gap:3px;display:flex}.focus-stats strong{font:700 17px var(--font-sans), sans-serif}.focus-stats strong span{color:#a1a6b4;font-size:11px;font-weight:500}.focus-stats small{color:#949baa;font-size:9px}.streak-row{color:#a0a5b1;gap:8px;margin-top:18px;font-size:8.5px}.streak-dots{gap:3px;display:flex}.streak-dots i{background:var(--indigo);border-radius:50%;width:6px;height:6px}.streak-dots i.empty{background:#e8eaf1}.section-heading{justify-content:space-between;margin:34px 0 15px}.section-heading h2{font:700 16px var(--font-sans), sans-serif;letter-spacing:-.04em;margin:0 0 4px}.section-heading p{color:#949baa;margin:0;font-size:10px}.section-heading.compact{margin:0 0 15px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.topic-card{border:1px solid var(--line);background:var(--surface);min-height:235px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out), box-shadow .2s ease, border-color .2s ease;border-radius:20px;flex-direction:column;padding:20px 22px;display:flex}.topic-card:hover{box-shadow:var(--shadow-md);border-color:var(--indigo-2);transform:translateY(-3px)}.topic-card-top{justify-content:space-between;align-items:center;display:flex}.category-chip,.new-pill{color:#727990;letter-spacing:.02em;background:#f1f2f7;border-radius:5px;align-items:center;width:fit-content;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.new-pill{color:#0c8f78;background:#e7f8f3;padding:4px 6px}.round-check{color:#b7bdc9;background:0 0;border:0;place-items:center;padding:0;display:grid}.round-check.done{color:var(--teal)}.topic-card-icon{width:39px;height:39px;color:var(--indigo);background:#eeedff;border-radius:10px;place-items:center;margin:20px 0 13px;display:grid}.accent-violet .topic-card-icon,.library-mark.accent-violet{color:var(--violet);background:#f0eaff}.accent-teal .topic-card-icon,.library-mark.accent-teal{color:var(--teal);background:#e5f7f2}.accent-amber .topic-card-icon,.library-mark.accent-amber{color:var(--amber);background:#fff4df}.topic-card h3{font:700 14px var(--font-sans), sans-serif;letter-spacing:-.035em;margin:0 0 7px}.topic-card p{color:#8a90a0;margin:0;font-size:10.5px;line-height:1.55}.topic-card-bottom{justify-content:space-between;align-items:flex-end;gap:13px;margin-top:auto;padding-top:16px;display:flex}.small-progress{flex:1}.small-progress>span{background:#eceef4;border-radius:4px;height:4px;display:block;overflow:hidden}.small-progress i{border-radius:inherit;background:var(--indigo);height:100%;display:block}.small-progress small{color:#a1a6b3;margin-top:6px;font-size:8.5px;display:block}.circle-arrow{width:27px;height:27px;color:var(--indigo);background:#f0efff;border:0;border-radius:50%;flex:none;place-items:center;transition:transform .18s,background .18s;display:grid}.circle-arrow:hover{background:#dedcff;transform:rotate(5deg)}.lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr);gap:15px;margin-top:26px;display:grid}.activity-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.activity-list{border-top:1px solid var(--line)}.activity-item{border-bottom:1px solid #f0f1f5;align-items:center;gap:12px;min-height:56px;display:flex}.activity-item:last-child{border-bottom:0}.activity-item>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.activity-item strong{font-size:10.5px;font-weight:700}.activity-item small{color:#999fac;font-size:9px}.activity-item>svg{color:#b1b6c3}.activity-icon{border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.activity-icon.green{color:var(--teal);background:#e8f8f2}.activity-icon.indigo{color:var(--indigo);background:#eeedff}.activity-icon.amber{color:var(--amber);background:#fff3df}.tip-card{background:#fffdf6;border:1px solid #f2e9d0;border-radius:13px;gap:14px;padding:22px;display:flex}.tip-icon{color:#cb901f;background:#fff1cd;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;display:grid}.tip-card>div:last-child{flex-direction:column;display:flex}.tip-card .section-kicker{color:#b7904e}.tip-card p{color:#6e614a;font:600 13px/1.55 var(--font-sans), sans-serif;letter-spacing:-.02em;margin:12px 0 14px}.tip-source{color:#b69d75;font-size:9px}.video-strip{border:1px solid var(--line);text-align:left;width:100%;box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;align-items:center;gap:13px;margin-top:25px;padding:10px;transition:box-shadow .18s,transform .18s;display:flex}.video-strip:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.video-thumb{color:#fff;background:linear-gradient(135deg,#3e3a83,#8c84e9);border-radius:8px;place-items:center;width:65px;height:43px;display:grid;position:relative}.video-thumb span{letter-spacing:.08em;font-size:6px;font-weight:800;position:absolute;bottom:4px;right:5px}.video-copy{flex-direction:column;flex:1;gap:5px;display:flex}.video-copy strong{font-size:11px}.video-copy small{color:#959baa;font-size:9px}.video-cta{color:var(--indigo);align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.filter-row{justify-content:space-between;margin-bottom:15px}.segmented{background:#eef0f6;border-radius:8px;gap:3px;padding:3px;display:flex}.segmented button{color:#8c93a3;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:9px;font-weight:700}.segmented button.active{color:var(--indigo);box-shadow:var(--shadow-sm);background:#fff}.results-count{color:#9ca2af;font-size:10px}.topics-library{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.library-row{border-bottom:1px solid #eef0f4;align-items:center;gap:16px;min-height:105px;padding:17px 20px;display:flex}.library-row:last-child{border-bottom:0}.library-mark{width:42px;height:42px;color:var(--indigo);background:#eeedff;border-radius:10px;flex:none;place-items:center;display:grid}.library-main{flex:1;min-width:0}.library-title-row{gap:7px}.library-main h3{font:700 13px var(--font-sans), sans-serif;letter-spacing:-.03em;margin:0}.library-main p{color:#9298a7;white-space:nowrap;text-overflow:ellipsis;margin:6px 0;font-size:10px;overflow:hidden}.library-meta{color:#a4a9b4;gap:7px;font-size:8.5px;display:flex}.library-progress{margin:0 12px}.library-actions{gap:8px}.library-actions .icon-button{background:#f3f3f8;width:27px;height:27px}.open-button{color:var(--indigo);background:#f0efff;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:700;display:inline-flex}.tiny-check{color:#b8beca;background:0 0;border:0;place-items:center;padding:3px;display:grid}.tiny-check.done{color:var(--teal)}.workbook-feature{background:linear-gradient(103deg,#e5e3ff,#f1efff 60%,#f7f6ff);border:1px solid #dedcff;border-radius:15px;align-items:center;gap:18px;margin-bottom:36px;padding:25px 27px;display:flex;position:relative;overflow:hidden}.workbook-feature:after{content:"";border:1px solid #7467da2b;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-70px;box-shadow:0 0 0 23px #7467da0b,0 0 0 47px #7467da0b}.feature-badge{width:51px;height:51px;color:var(--indigo);box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;flex:none;place-items:center;display:grid}.workbook-feature>div:nth-child(2){z-index:1;max-width:530px;position:relative}.workbook-feature h2{font:700 21px var(--font-sans), sans-serif;letter-spacing:-.05em;margin:8px 0 7px}.workbook-feature p{color:#7e7aa0;margin:0 0 13px;font-size:10.5px;line-height:1.55}.feature-number{color:#655bc229;font:800 70px var(--font-sans), sans-serif;letter-spacing:-.1em;position:absolute;bottom:11px;right:75px}.workbook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.workbook-card{border:1px solid var(--line);min-height:225px;box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;flex-direction:column;padding:18px;display:flex}.workbook-icon{width:39px;height:39px;color:var(--teal);background:#ecf8f5;border-radius:10px;place-items:center;margin-bottom:15px;display:grid}.workbook-card:nth-child(2) .workbook-icon{color:var(--violet);background:#f0eaff}.workbook-card:nth-child(3) .workbook-icon{color:var(--amber);background:#fff3df}.workbook-card h3{font:700 14px var(--font-sans), sans-serif;letter-spacing:-.035em;margin:13px 0 7px}.workbook-card p{color:#8d94a3;margin:0;font-size:10px;line-height:1.55}.workbook-footer{gap:12px;margin-top:auto;padding-top:18px}.workbook-footer>div{flex:1}.workbook-footer small{color:#9ca2af;margin-top:6px;font-size:8.5px;display:block}.lab-banner{color:#fff;background:linear-gradient(110deg,#253e5a,#3d6a7c);border-radius:15px;justify-content:space-between;align-items:center;gap:30px;min-height:170px;padding:28px 31px;display:flex;position:relative;overflow:hidden}.lab-banner:after{content:"";border:1px solid #baecdc3b;border-radius:50%;width:250px;height:250px;position:absolute;top:-70px;right:-45px;box-shadow:0 0 0 20px #baecdc0a,0 0 0 45px #baecdc0a}.lab-banner h2{font:700 25px var(--font-sans), sans-serif;letter-spacing:-.055em;margin:13px 0 8px}.lab-banner p{color:#c4d7d8;max-width:405px;margin:0;font-size:10.5px;line-height:1.6}.lab-banner .pill-label{color:#9ee3d2}.lab-stats{z-index:1;gap:33px;display:flex;position:relative}.lab-stats div{flex-direction:column;gap:5px;display:flex}.lab-stats strong{font:700 23px var(--font-sans), sans-serif}.lab-stats span{color:#b4cfd2;white-space:nowrap;font-size:8.5px}.lab-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1.4fr);gap:15px;margin-top:27px;display:grid}.project-list,.project-canvas{border:1px solid var(--line);background:#fff;border-radius:13px;padding:19px}.project-row{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-top:1px solid #f0f1f5;align-items:center;gap:10px;padding:13px 0;display:flex}.project-row.selected{color:var(--indigo)}.project-icon{width:29px;height:29px;color:var(--indigo);background:#f0efff;border-radius:8px;place-items:center;display:grid}.project-row>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.project-row strong{font-size:10px}.project-row small{color:#9ca2af;font-size:8px}.project-progress{background:#eceef4;border-radius:5px;width:42px;height:4px;overflow:hidden}.project-progress i{background:var(--indigo);border-radius:inherit;height:100%;display:block}.project-status{color:#9ca2af;font-size:8px}.project-row>svg{color:#b3b8c4}.canvas-top{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:17px}.canvas-top h2{font:700 16px var(--font-sans), sans-serif;margin:7px 0 0}.canvas-fields{grid-template-columns:1fr 1fr;gap:15px;padding:19px 0;display:grid}.canvas-fields label{color:#626a7b;flex-direction:column;gap:8px;font-size:10px;font-weight:700;display:flex}.canvas-fields textarea{border:1px solid var(--line);color:#737b8b;resize:vertical;border-radius:8px;min-height:115px;padding:11px;font-size:10px;line-height:1.55}.canvas-fields textarea::placeholder{color:#b7bcc7}.canvas-actions{border-top:1px solid var(--line);justify-content:space-between;padding-top:15px}.canvas-actions span{color:#8fa39e;align-items:center;gap:6px;font-size:9px;display:inline-flex}.glossary-search{border:1px solid var(--line);height:48px;box-shadow:var(--shadow-sm);color:#9da3b0;background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:19px;padding:0 13px;display:flex}.glossary-search input{color:var(--ink);border:0;outline:0;flex:1;font-size:11px}.glossary-search input::placeholder{color:#a7adb9}.glossary-search kbd{min-width:34px}.glossary-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,.65fr);gap:15px;display:grid}.glossary-list{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.glossary-row{border-bottom:1px solid #eff0f4;align-items:flex-start;gap:13px;padding:17px 19px;display:flex}.glossary-row:last-child{border-bottom:0}.glossary-row>div:nth-child(2){flex:1}.term-letter{width:29px;height:29px;color:var(--indigo);font:700 13px var(--font-sans), sans-serif;background:#eeedff;border-radius:8px;place-items:center;display:grid}.term-top{align-items:center;gap:8px;display:flex}.term-top h3{font:700 12px var(--font-sans), sans-serif;margin:0}.glossary-row p{color:#8c93a2;margin:7px 0 9px;font-size:10px;line-height:1.55}.related-row{color:#a3a8b4;align-items:center;gap:6px;font-size:8px;display:flex}.related-row button{color:#737a8b;background:#f4f4f8;border:0;border-radius:4px;padding:3px 6px;font-size:8px}.glossary-row>svg{color:#bdc1cc;margin-top:5px}.help-card{background:#eef8f6;border:1px solid #d8eeea;border-radius:13px;align-self:start;padding:20px}.help-illustration{width:42px;height:42px;color:var(--teal);background:#d5f0e9;border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.help-card h3{font:700 15px var(--font-sans), sans-serif;letter-spacing:-.035em;margin:8px 0 7px}.help-card p{color:#75928f;margin:0 0 14px;font-size:10px;line-height:1.6}.help-card .text-button{color:#0d907b}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c1e3370;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{width:min(570px,100%);max-height:min(760px,100vh - 40px);animation:modal-in .22s var(--ease-out);background:#fff;border:1px solid #ffffffbf;border-radius:16px;overflow:auto;box-shadow:0 28px 80px #181a3642}.modal-wide{width:min(820px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 24px 17px}.modal-header h2{font:700 20px var(--font-sans), sans-serif;letter-spacing:-.045em;margin:7px 0 0}.modal-header .icon-button{background:#f5f5f8;margin:-3px -6px 0 0}.topic-modal-layout{grid-template-columns:.7fr 1.3fr;gap:27px;padding:24px;display:grid}.topic-modal-visual{color:#fff;background:linear-gradient(145deg,#4f46e5,#8680eb);border-radius:13px;flex-direction:column;justify-content:space-between;min-height:250px;padding:19px;display:flex;position:relative;overflow:hidden}.topic-modal-visual:after{content:"";border:1px solid #ffffff52;border-radius:50%;width:240px;height:240px;position:absolute;top:-85px;right:-125px;box-shadow:0 0 0 19px #ffffff0f}.topic-modal-visual span{letter-spacing:.16em;z-index:1;font-size:8px;line-height:1.7;position:relative}.topic-modal-visual b{color:#ffffffb3}.topic-modal-visual small{z-index:1;font:700 36px var(--font-sans), sans-serif;opacity:.23;position:relative}.modal-progress-row{color:#9ca2af;justify-content:space-between;margin:14px 0 7px;font-size:8.5px;display:flex}.modal-progress-row strong{color:var(--ink);font-size:12px}.modal-progress i{background:var(--indigo);border-radius:inherit;height:100%;display:block}.topic-modal-copy .lead-copy{color:#6d7485;margin:10px 0 21px;font-size:11px;line-height:1.7}.lesson-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.lesson-list-head{border-bottom:1px solid var(--line);background:#fafbfc;justify-content:space-between;padding:10px 12px;font-size:9px;display:flex}.lesson-list-head span{color:#a2a7b3}.lesson-row{border-bottom:1px solid #f1f2f5;align-items:center;gap:9px;min-height:43px;padding:7px 11px;display:flex}.lesson-row:last-child{border-bottom:0}.lesson-status{color:#a4aab6;border:1px solid #dfe2ea;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.lesson-status.complete{color:#fff;border-color:var(--teal);background:var(--teal)}.lesson-row>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-row strong{font-size:9px}.lesson-row>svg{color:#bbc0cb}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.reader-body{padding:20px}.video-frame{aspect-ratio:16/9;background:#17182c;border-radius:10px;width:100%;overflow:hidden}.video-frame iframe,.pdf-frame{border:0;width:100%;height:470px}.image-reader{object-fit:contain;border-radius:8px;max-width:100%;max-height:550px;margin:auto;display:block}.text-reader{border:1px solid var(--line);border-radius:8px;overflow:hidden}.reader-toolbar{border-bottom:1px solid var(--line);color:#818898;background:#fafbfc;justify-content:space-between;align-items:center;height:39px;padding:0 13px;font-size:9px;display:flex}.reader-toolbar span:first-child{color:#555d70;align-items:center;gap:6px;font-weight:700;display:flex}.text-reader pre{color:#616879;min-height:260px;font:11px/1.8 var(--font-sans), sans-serif;white-space:pre-wrap;margin:0;padding:20px}.toast{z-index:100;color:#fff;animation:toast-in .24s var(--ease-out);background:#26283f;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 30px #17182d38}.toast svg{color:#6de0c6}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:25px;display:flex}.empty-icon{width:37px;height:37px;color:var(--indigo);background:#f0efff;border-radius:11px;place-items:center;margin-bottom:11px;display:grid}.empty-state h3{font:700 13px var(--font-sans), sans-serif;margin:0 0 5px}.empty-state p{color:#9da3af;max-width:280px;margin:0;font-size:9px;line-height:1.5}.mobile-scrim{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(7px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes palette-in{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1050px){.sidebar{width:220px}.hero-illustration{width:175px}.hero-card{padding-left:24px}.focus-stats{gap:22px}.library-progress{display:none}}@media (max-width:820px){.sidebar{transition:transform .25s var(--ease-out);transform:translate(-100%);box-shadow:10px 0 35px #1719321f}.sidebar.sidebar-open{transform:translate(0)}.main-shell{width:100%;margin-left:0}.mobile-menu,.mobile-close{display:grid}.mobile-close{margin-left:auto}.mobile-scrim{z-index:15;background:#17192e45;display:block;position:fixed;inset:0}.topbar{z-index:15;background:#fff;border-bottom:1px solid #f1f5f9;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;height:72px;min-height:72px;padding:0 clamp(20px,3vw,36px);display:flex;position:sticky;top:0}.topbar-left{gap:8px}.search-trigger{width:165px}.page-content{padding-left:20px;padding-right:20px}.hero-grid{grid-template-columns:1fr}.hero-illustration{display:none}.topic-grid,.workbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid,.glossary-layout{grid-template-columns:1fr}.help-card{display:none}}@media (max-width:560px){.topbar{z-index:15;background:#fff;border-bottom:1px solid #f1f5f9;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;height:72px;min-height:72px;padding:0 clamp(20px,3vw,36px);display:flex;position:sticky;top:0}.breadcrumb span,.breadcrumb svg{display:none}.topbar-actions{gap:6px}.search-trigger{background:0 0;border:0;justify-content:center;width:34px;padding:0}.search-trigger span,.search-trigger kbd{display:none}.welcome-row,.page-header{flex-direction:column;align-items:flex-start;margin-bottom:23px}.welcome-row h1,.page-header h1{font-size:25px}.page-content{padding-top:26px}.hero-card{min-height:270px;padding:22px 20px}.hero-card h2{font-size:25px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.topic-grid,.workbook-grid,.canvas-fields,.upload-grid,.generator-layout,.lab-layout,.topic-modal-layout{grid-template-columns:1fr}.topic-card{min-height:215px}.filter-row{flex-direction:column;align-items:flex-start;gap:10px}.segmented{max-width:100%;overflow:auto}.library-row{align-items:flex-start;gap:11px;padding:15px 13px}.library-mark{width:34px;height:34px}.library-main p{white-space:normal}.library-actions{flex-direction:column}.library-actions .icon-button{display:none}.open-button{padding:7px}.feature-number{right:12px}.workbook-feature{align-items:flex-start;padding:20px}.lab-banner{flex-direction:column;align-items:flex-start;padding:23px}.lab-stats{gap:17px}.project-status{display:none}.admin-header,.admin-content,.admin-footer{padding-left:18px;padding-right:18px}.admin-tabs{padding:0 13px;overflow:auto}.admin-tabs button{white-space:nowrap;padding-left:9px;padding-right:9px}.admin-content{padding-top:21px}.upload-grid{gap:12px}.dropzone,.youtube-uploader{min-height:205px}.key-row{flex-wrap:wrap}.provider-copy{width:calc(100% - 49px)}.key-input{flex-basis:calc(100% - 39px);margin-left:39px}.key-state{margin-left:39px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal-header{padding:17px 18px 14px}.topic-modal-layout{padding:18px}.topic-modal-visual{min-height:175px}.reader-body{padding:12px}.video-frame iframe,.pdf-frame{height:350px}.palette-backdrop{padding-top:70px}.palette-footer{justify-content:space-between;gap:7px}.palette-footer span:nth-child(2){display:none}.toast{justify-content:center;bottom:14px;left:14px;right:14px}}.theme-toggle{color:#747b8d}.topic-controls{align-items:center;gap:12px;display:flex}.sort-control{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:7px;align-items:center;gap:5px;padding:7px 8px;font-size:9px;font-weight:700;display:inline-flex;position:relative}.sort-control select{appearance:none;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;outline:0;padding-right:15px;font-size:9px;font-weight:600}.sort-control>svg:last-child{pointer-events:none;color:var(--muted);position:absolute;right:7px}.loading-dashboard{animation:.25s ease-out loading-fade}.loading-heading{flex-direction:column;gap:10px;width:300px;margin-bottom:30px;display:flex}.loading-heading span,.loading-copy span,.loading-copy b,.loading-card-row span,.loading-list span{background:linear-gradient(90deg,#eceef4 25%,#f7f8fb 50%,#eceef4 75%) 0 0/200% 100%;border-radius:7px;animation:1.3s linear infinite shimmer;display:block}.loading-heading span:first-child{width:150px;height:9px}.loading-heading span:nth-child(2){width:285px;height:27px}.loading-heading span:last-child{width:240px;height:9px}.loading-hero{background:#e9eaf1;border-radius:16px;min-height:259px;padding:31px;position:relative;overflow:hidden}.loading-copy{z-index:1;flex-direction:column;gap:14px;max-width:360px;display:flex;position:relative}.loading-copy span:first-child{width:155px;height:9px}.loading-copy span:nth-child(2){width:285px;height:27px}.loading-copy span:nth-child(3){width:265px;height:10px}.loading-copy b{width:145px;height:35px;margin-top:9px}.loading-orb{border:1px solid #dfe1eb;border-radius:50%;width:350px;height:350px;position:absolute;top:-125px;right:-75px;box-shadow:0 0 0 30px #ffffff3b,0 0 0 61px #fff3}.loading-card-row{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px;display:grid}.loading-card-row span{background-color:#fff;border:1px solid #e7e9ef;height:210px}.loading-list{grid-template-columns:1.3fr .8fr;gap:15px;margin-top:25px;display:grid}.loading-list span{background-color:#fff;border:1px solid #e7e9ef;height:140px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading-fade{0%{opacity:.6}to{opacity:1}}.sidebar-user-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.sidebar-user-row .sidebar-user{flex:1;min-width:0}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-logout-icon-btn,.sidebar-login-icon-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.sidebar-logout-icon-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.sidebar-login-icon-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}html.theme-dark .sidebar-logout-icon-btn,.theme-dark .sidebar-logout-icon-btn{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .sidebar-logout-icon-btn:hover,.theme-dark .sidebar-logout-icon-btn:hover{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}html.theme-dark .sidebar-login-icon-btn,.theme-dark .sidebar-login-icon-btn{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}.routine-section{box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:28px!important;padding:0!important}html.theme-dark .topics-library,.theme-dark .topics-library{background:#18181b!important;border-color:#27272a!important}html.theme-dark .library-row,.theme-dark .library-row{color:#fafafa!important;background:#18181b!important;border-bottom-color:#27272a!important}html.theme-dark .library-row:hover,.theme-dark .library-row:hover{background:#1c1c21!important}html.theme-dark .library-main h3,.theme-dark .library-main h3{color:#fff!important}html.theme-dark .library-main p,.theme-dark .library-main p{color:#a1a1aa!important}html.theme-dark .library-meta,.theme-dark .library-meta{color:#71717a!important}html.theme-dark .library-mark,.theme-dark .library-mark{color:#60a5fa!important;background:#27272a!important}html.theme-dark .open-button,.theme-dark .open-button{color:#fff!important;background:#27272a!important;border:1px solid #3f3f46!important}html.theme-dark .open-button:hover,.theme-dark .open-button:hover{background:#3f3f46!important}html.theme-dark .segmented,.theme-dark .segmented{background:#18181b!important;border:1px solid #27272a!important}html.theme-dark .segmented button,.theme-dark .segmented button{color:#a1a1aa!important}html.theme-dark .segmented button.active,.theme-dark .segmented button.active{color:#fff!important;background:#27272a!important;box-shadow:0 1px 3px #0006!important}html.theme-dark .sort-control,.theme-dark .sort-control{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .sort-control select,.theme-dark .sort-control select{color:#fafafa!important}@media (max-width:560px){.topic-controls{justify-content:space-between;width:100%}.sort-control select{max-width:80px}.loading-card-row{grid-template-columns:1fr}.loading-card-row span:nth-child(n+2),.loading-list{display:none}.loading-card-row span:first-child{height:200px}}.admin-route-shell{background:var(--bg);min-height:100vh;color:var(--ink)}.full-admin-header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 clamp(22px,5vw,72px);display:flex}.full-admin-brand,.full-admin-actions,.admin-overview-badge,.admin-metrics,.library-admin-toolbar,.admin-library-row,.edit-card-head,.edit-actions{align-items:center;display:flex}.full-admin-brand{font:800 16px var(--font-sans), sans-serif;letter-spacing:-.04em;gap:9px}.admin-badge{color:var(--indigo);background:var(--indigo-soft);font:700 9px var(--font-sans), sans-serif;letter-spacing:.1em;border-radius:6px;margin-left:4px;padding:3px 7px}.full-admin-actions{gap:10px}.full-admin-actions .secure-status{margin-right:10px}.full-admin-main{max-width:1400px;margin:0 auto;padding:32px clamp(20px,4vw,60px) 60px}.admin-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0a0a0fbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-panel{background:var(--surface);border:1px solid var(--line);width:min(1140px,100vw - 24px);max-width:100%;height:min(88vh,840px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-md);animation:modal-in .25s var(--ease-out);z-index:10000;border-radius:20px;flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden}.admin-route-shell .admin-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;animation:none;display:block;position:static;inset:auto}.admin-route-shell .admin-panel,.embedded-full-panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;width:100%;height:auto;min-height:680px;max-height:none;margin:0;animation:none;display:flex;overflow:hidden;box-shadow:0 4px 24px #0f172a0a}.admin-header{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.admin-title{align-items:center;gap:12px;display:flex}.admin-lock{width:38px;height:38px;color:var(--indigo);background:var(--indigo-soft);border-radius:12px;place-items:center;display:grid}.admin-header h2{font:700 18px var(--font-sans), sans-serif;letter-spacing:-.03em;color:var(--ink);margin:2px 0 0}.admin-header-actions{align-items:center;gap:12px;display:flex}.secure-status{color:#0d967d;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.secure-status span{background:#18b695;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #def6ef}.admin-body{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.admin-sidebar{border-right:1px solid var(--line);background:#fafafd;flex-direction:column;flex-shrink:0;gap:20px;width:230px;min-width:230px;min-height:0;padding:20px 14px;display:flex;overflow-y:auto}.admin-sidebar-group{flex-direction:column;gap:4px;display:flex}.admin-sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 12px 6px;font-size:10.5px;font-weight:700}.admin-sidebar button{width:100%;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.admin-sidebar button:hover{color:var(--indigo);border-color:var(--line);background:#fff;box-shadow:0 2px 6px #00000008}.admin-sidebar button.active{background:var(--indigo-soft);color:var(--indigo);border-color:#6366f138;font-weight:600}.admin-sidebar button svg{color:inherit;flex-shrink:0}.admin-content{background:var(--surface);flex:1;min-width:0;min-height:0;padding:24px 28px;overflow-y:auto}.admin-tab-content{flex-direction:column;gap:20px;display:flex}.admin-intro{margin-bottom:4px}.admin-intro .section-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--indigo);margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.admin-intro h3{color:var(--ink);letter-spacing:-.03em;margin:0 0 6px;font-size:22px;font-weight:700}.admin-intro p{color:var(--muted);max-width:680px;margin:0;font-size:13px;line-height:1.55}.manager-wrapper{flex-direction:column;gap:18px;display:flex}.admin-sub-tabs{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;align-items:center;gap:4px;width:fit-content;margin-bottom:4px;padding:4px;display:inline-flex}.admin-sub-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.admin-sub-tabs button:hover{color:var(--ink)}.admin-sub-tabs button.active{background:var(--surface);color:var(--indigo);box-shadow:0 2px 8px #00000012}.ai-smart-bar{background:linear-gradient(135deg,#f8f7ff 0%,#f0eeff 100%);border:1px solid #d4d0fc;border-radius:14px;flex-direction:column;gap:12px;margin-bottom:8px;padding:18px 20px;display:flex}.ai-bar-title-row{justify-content:space-between;align-items:center;display:flex}.ai-bar-tag{color:var(--indigo);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.ai-bar-inputs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-bar-field{background:#fff;border:1px solid #dcd7fd;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;height:44px;padding:0 14px;display:flex}.ai-bar-field input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}.ai-bar-field .ai-icon{color:var(--indigo);flex-shrink:0}.ai-provider-badge-wrap{align-items:center;gap:8px;display:flex}.ai-provider-select{height:44px;color:var(--ink-soft);cursor:pointer;background:#fff;border:1px solid #dcd7fd;border-radius:10px;outline:none;padding:0 12px;font-size:12.5px;font-weight:600}.ai-key-pill{white-space:nowrap;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:600}.ai-key-pill.custom{color:#0d9478;background:#e6f9f4;border:1px solid #b7ebd9}.ai-key-pill.default{color:var(--muted);border:1px solid var(--line);background:#eff1f5}.ai-fill-btn{background:var(--indigo);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 3px 10px #4f46e540}.ai-fill-btn:hover{background:#4338ca;transform:translateY(-1px)}.ai-bar-hint{color:#79749e;margin:0;font-size:11.5px;line-height:1.4}.media-attachment-section{background:#fbfbfe;border:1px dashed #cfd5e5;border-radius:14px;flex-direction:column;gap:14px;margin-top:8px;padding:18px 20px;display:flex}.attachment-header{justify-content:space-between;align-items:center;display:flex}.attachment-count{color:var(--indigo);background:var(--indigo-soft);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.attachment-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.attachment-dropzone{color:var(--ink-soft);cursor:pointer;text-align:center;background:#fff;border:1px dashed #c4cadc;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:22px 16px;transition:all .15s;display:flex}.attachment-dropzone:hover{border-color:var(--indigo);background:#f8f7ff}.attachment-drop-icon{background:var(--indigo-soft);width:36px;height:36px;color:var(--indigo);border-radius:10px;place-items:center;margin-bottom:2px;display:grid}.attachment-dropzone strong{color:var(--ink);font-size:12.5px}.attachment-dropzone small{color:var(--muted);font-size:11px}.youtube-attach-box{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;justify-content:center;gap:10px;padding:18px 20px;display:flex}.youtube-attach-label{color:var(--ink-soft);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.youtube-attach-label svg{color:#ef4444}.youtube-hint-txt{color:var(--muted);font-size:11px}.staged-media-list{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.staged-media-pill{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex;box-shadow:0 1px 3px #00000008}.media-pill-icon{color:var(--indigo);align-items:center;display:flex}.media-pill-type{color:var(--muted);background:var(--surface-muted);border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.media-pill-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.media-pill-remove:hover{color:#ef4444;background:#fee2e2}.manual-create-layout{flex-direction:column;gap:18px;display:flex}.manual-create-layout .edit-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.manual-create-layout .edit-grid label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.manual-create-layout .edit-grid input,.manual-create-layout .edit-grid textarea,.manual-create-layout .edit-grid select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:9px;outline:none;padding:11px 14px;font-size:13.5px;transition:all .15s}.manual-create-layout .edit-grid input:focus,.manual-create-layout .edit-grid textarea:focus,.manual-create-layout .edit-grid select:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6366f11f}.manual-create-layout .edit-grid .edit-wide{grid-column:1/-1}.form-bottom-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:10px;padding-top:18px;display:flex}.create-submit-btn{background:var(--indigo);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 3px 12px #4f46e547}.create-submit-btn:hover{background:#4338ca;transform:translateY(-1px)}.admin-footer{border-top:1px solid var(--line);background:#fafafd;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.admin-footer>span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.admin-footer svg{color:var(--teal)}.notification-admin-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.notification-admin-toolbar select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 12px;font-size:12px}.admin-notification-list{flex-direction:column;gap:10px;display:flex}.admin-notification-row{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .15s;display:flex}.admin-notification-row.unread{background:#fbfbfe;border-color:#dcd7fd}.notification-dot{background:var(--indigo);border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-notification-row.read .notification-dot{background:var(--muted-light);opacity:.4}.admin-notification-row>div{flex-direction:column;flex:1;gap:3px;display:flex}.admin-notification-row strong{color:var(--ink);font-size:13px}.admin-notification-row small{color:var(--muted);font-size:11.5px}.ai-generator-shell{flex-direction:column;gap:20px;display:flex}.ai-intro-card{background:linear-gradient(135deg, var(--indigo-soft) 0%, #e0e7ff 100%);border:1px solid #cfd1f4;border-radius:14px;padding:20px}.ai-preset-row{flex-direction:column;gap:8px;display:flex}.preset-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.preset-chips{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.preset-chip:hover{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-soft)}.ai-input-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.ai-prompt-box textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:140px;color:var(--ink);border-radius:10px;outline:none;padding:12px;font-size:13px}.ai-options-column{flex-direction:column;gap:12px;display:flex}.ai-option-field{flex-direction:column;gap:6px;display:flex}.ai-option-field label{color:var(--ink-soft);font-size:12px;font-weight:600}.ai-option-field select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;outline:none;padding:10px 12px;font-size:12.5px}.theme-dark .admin-route-shell{background:var(--bg)}.theme-dark .full-admin-header,.theme-dark .admin-panel,.theme-dark .embedded-full-panel{background:var(--surface);border-color:var(--line)}.theme-dark .admin-sidebar{border-color:var(--line);background:#161823}.theme-dark .admin-sidebar button{color:#a4abbc}.theme-dark .admin-sidebar button:hover{color:#fff;border-color:var(--line);background:#222536}.theme-dark .admin-sidebar button.active{color:#cbc8ff;background:#2e2d63;border-color:#4a488f}.theme-dark .admin-content{background:var(--surface)}.theme-dark .admin-sub-tabs{border-color:var(--line);background:#1c1e2b}.theme-dark .admin-sub-tabs button.active{color:#cbc8ff;background:#2b2e40}.theme-dark .ai-smart-bar{background:linear-gradient(135deg,#1f1e3b 0%,#171629 100%);border-color:#3b3970}.theme-dark .ai-bar-field{background:#25263d;border-color:#424072}.theme-dark .ai-bar-field input{color:#fff}.theme-dark .ai-provider-select{color:#fff;background:#25263d;border-color:#424072}.theme-dark .media-attachment-section{border-color:var(--line);background:#161823}.theme-dark .attachment-dropzone,.theme-dark .youtube-attach-box,.theme-dark .staged-media-pill{border-color:var(--line);color:#fff;background:#1c1e2b}.theme-dark .attachment-dropzone:hover{background:#24263a}.theme-dark .attachment-dropzone strong{color:#fff}.theme-dark .admin-footer{border-color:var(--line);background:#161823}.theme-dark .admin-notification-row{background:var(--surface);border-color:var(--line)}.theme-dark .admin-notification-row.unread{background:#1c1e2b;border-color:#3b3970}.theme-dark .preset-chip{border-color:var(--line);color:#d1d5db;background:#1c1e2b}.theme-dark .preset-chip:hover{color:#cbc8ff;background:#2e2d63;border-color:#4a488f}.theme-dark .ai-intro-card{background:linear-gradient(135deg,#2e2d63 0%,#1e1b4b 100%);border-color:#4a488f}@media (max-width:900px){.admin-panel{border-radius:14px!important;width:100%!important;height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important}.admin-body{flex-direction:column!important;min-height:0!important}.admin-sidebar{border-right:none!important;border-bottom:1px solid var(--line)!important;flex-direction:row!important;flex-shrink:0!important;gap:8px!important;width:100%!important;min-width:0!important;max-height:56px!important;padding:10px 14px!important;overflow-x:auto!important}.admin-sidebar-group{flex-direction:row!important;gap:6px!important}.admin-sidebar-label{display:none!important}.admin-sidebar button{white-space:nowrap!important;padding:6px 12px!important;font-size:12px!important}.admin-content{flex:1!important;min-height:0!important;padding:18px 16px!important}.manual-create-layout .edit-grid,.attachment-grid,.ai-input-grid{grid-template-columns:1fr}}@media (max-width:700px){.admin-quick-stats{width:100%}.admin-quick-stats div{flex:1;min-width:0;padding:11px 10px}.library-admin-tools{flex-direction:column;align-items:stretch}.admin-library-search{max-width:none}.admin-sort{justify-content:space-between}.admin-sort select{flex:1}}.content-type-tabs{border-bottom:1px solid var(--line);gap:6px;margin-top:22px;display:flex}.content-type-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 11px;font-size:9px;font-weight:700;display:inline-flex}.content-type-tabs button.active{color:var(--indigo);border-bottom-color:var(--indigo)}.content-type-tabs em{background:var(--surface-muted);color:var(--muted);border-radius:9px;padding:3px 5px;font-size:8px;font-style:normal}.bulk-actions{align-items:center;gap:8px;display:flex}.bulk-actions>span:first-child{color:var(--indigo);font-size:9px;font-weight:700}.bulk-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:700;display:inline-flex}.bulk-actions button:hover{color:var(--indigo);border-color:#bfc2ef}.bulk-actions button:last-of-type:hover{color:#bd3e52}.archive-icon{justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.admin-list-head{background:var(--surface-muted);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 13px;font-size:8px;font-weight:700;display:flex}.admin-list-head label{align-items:center;gap:8px;display:inline-flex}.admin-library-row>input[type=checkbox],.admin-list-head input[type=checkbox]{accent-color:var(--indigo);width:13px;height:13px}.edit-card-head-actions{align-items:center;gap:8px;display:flex}.editor-preview{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:230px;margin-top:17px;padding:22px}.editor-preview h2{font:700 20px var(--font-sans), sans-serif;letter-spacing:-.045em;margin:10px 0 8px}.editor-preview>p{color:var(--muted);margin:0 0 18px;font-size:10px;line-height:1.6}.category-chip{background:var(--indigo-soft);color:var(--indigo);border-radius:5px;padding:5px 7px;font-size:8px;font-weight:700;display:inline-flex}.preview-content{color:var(--ink-soft);font-size:10px;line-height:1.75}.preview-content h3{color:var(--ink);font:700 14px var(--font-sans), sans-serif}.preview-content blockquote{border-left:3px solid var(--indigo);color:var(--muted);margin:10px 0;padding-left:11px}.preview-content ul{padding-left:19px}.theme-dark .content-type-tabs em,.theme-dark .admin-list-head{background:#2a2b33}.theme-dark .editor-preview{border-color:var(--line);background:#25262b}.theme-dark .category-chip{color:#d0cdff;background:#3b3970}@media (max-width:700px){.content-type-tabs{overflow-x:auto}.content-type-tabs button{flex:none}.library-admin-toolbar{flex-direction:column;align-items:flex-start}.bulk-actions{flex-wrap:wrap;width:100%}.bulk-actions .results-count{margin-left:auto}.admin-list-head{margin-top:8px}}.autosave-status{color:var(--teal);margin-left:auto;font-size:8px;font-weight:700}.archive-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:7px 9px;font-size:8px;font-weight:700}.archive-toggle.active{background:var(--indigo-soft);color:var(--indigo);border-color:#cfd1f4}.archive-note{color:#9a7a2b;background:#fff8e7;border-radius:7px;align-items:center;gap:7px;margin-top:10px;padding:10px 12px;font-size:9px;display:flex}.restore-icon{font-size:15px;line-height:1}.resource-bulk-toolbar{justify-content:flex-end;margin-top:14px}.resource-bulk-toolbar>span{color:var(--muted);font-size:9px}.theme-dark .archive-note{color:#dbc27b;background:#3a3222}.theme-dark .archive-toggle.active{color:#d0cdff;background:#3b3970}@media (max-width:700px){.autosave-status{margin-left:auto}.archive-toggle{width:100%}.resource-bulk-toolbar{flex-direction:row;align-items:center}}.top-avatar img,.profile-avatar-large img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-modal{padding:0 3px 3px}.profile-cover{background:linear-gradient(135deg, var(--indigo-soft), #edf9f6);border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.profile-avatar-large{background:var(--indigo);color:#fff;width:56px;height:56px;font:700 17px var(--font-sans), sans-serif;border-radius:16px;place-items:center;display:grid;position:relative;overflow:visible}.profile-cover h3{font:700 15px var(--font-sans), sans-serif;margin:0 0 5px}.profile-cover p{color:var(--muted);margin:0;font-size:9px}.avatar-upload{border:2px solid var(--surface);background:var(--ink);width:23px;height:23px;color:var(--surface);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.avatar-upload input{display:none}.profile-form{grid-template-columns:1fr 1fr;gap:12px;padding:20px 2px;display:grid}.profile-form label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.profile-form input,.profile-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;outline:0;padding:9px 10px;font-size:10px}.profile-form textarea{resize:vertical;min-height:66px}.profile-wide{grid-column:1/-1}.optional-label{color:var(--muted);font-weight:400}.profile-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;font-size:8px;display:flex}.profile-footer span{align-items:center;gap:5px;display:inline-flex}.live-insights{grid-template-columns:1.35fr .9fr;gap:17px;margin-top:17px;display:grid}.insight-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:18px 20px}.insight-card .section-heading{margin-bottom:14px}.insight-bars{flex-direction:column;gap:12px;display:flex}.insight-bar-row{color:var(--muted);grid-template-columns:1.2fr 2fr 35px;align-items:center;gap:10px;font-size:9px;display:grid}.insight-bar-row i{background:var(--surface-muted);border-radius:99px;height:7px;overflow:hidden}.insight-bar-row b{border-radius:inherit;background:linear-gradient(90deg, var(--indigo), #9a8af4);height:100%;display:block}.insight-bar-row strong{color:var(--ink-soft);text-align:right;font-size:9px}.recommendation{background:linear-gradient(145deg, var(--surface), var(--amber-soft))}.recommendation h3{font:700 16px var(--font-sans), sans-serif;letter-spacing:-.04em;margin:15px 0 8px}.recommendation p{color:var(--muted);margin:0 0 17px;font-size:10px;line-height:1.6}.theme-dark .profile-cover{background:linear-gradient(135deg,#2f2d61,#203934)}.theme-dark .recommendation{background:linear-gradient(145deg, var(--surface), #3b3322)}.theme-dark .insight-card{background:var(--surface);border-color:var(--line)}@media (max-width:760px){.live-insights,.profile-form{grid-template-columns:1fr}.profile-wide{grid-column:auto}.profile-footer{flex-direction:column;align-items:flex-start}}.dashboard-data-grid{grid-template-columns:1.25fr 1fr;gap:20px;margin-top:24px;display:grid}.analytics-card,.notifications-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:24px;display:flex}.trend-tabs{gap:6px;margin-bottom:16px;display:flex}.trend-tabs button{border:1px solid var(--line);background:var(--surface-muted);color:var(--muted);font:700 11px var(--font-sans), sans-serif;cursor:pointer;border-radius:8px;padding:6px 14px;transition:all .18s}.trend-tabs button:hover{background:var(--surface-soft);color:var(--ink)}.trend-tabs button.active{background:var(--indigo-soft);color:var(--indigo);border-color:#6366f14d}.date-range-controls{align-items:center;gap:12px;margin-bottom:16px;display:flex}.date-range-controls label{color:var(--muted);font:700 11px var(--font-sans), sans-serif;align-items:center;gap:8px;display:flex}.date-range-controls input[type=date]{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 11px var(--font-sans), sans-serif;border-radius:8px;outline:none;padding:6px 10px;transition:border-color .18s}.date-range-controls input[type=date]:hover,.date-range-controls input[type=date]:focus{border-color:var(--indigo)}.trend-summary{color:var(--ink-soft);align-items:baseline;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.trend-summary strong{font:800 24px var(--font-sans), sans-serif;color:var(--ink);letter-spacing:-.03em}.trend-chart{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;justify-content:space-around;align-items:flex-end;gap:12px;height:88px;padding:12px 14px 0;display:flex;position:relative}.trend-chart i{cursor:pointer;background:linear-gradient(#6366f1 0%,#4338ca 100%);border-radius:6px 6px 0 0;flex:1;min-width:12px;max-width:22px;transition:height .4s cubic-bezier(.2,0,0,1),transform .18s,filter .18s}.trend-chart i:hover{filter:brightness(1.15);transform:scaleY(1.03);box-shadow:0 4px 14px #4f46e559}.trend-labels{color:var(--muted);font:600 10.5px var(--font-sans), sans-serif;justify-content:space-between;padding:10px 6px 0;display:flex}.notification-row{all:unset;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:13px 15px;transition:background .18s,border-color .18s,transform .18s;display:grid}.notification-row:hover{background:var(--surface-muted);border-color:var(--line-strong);transform:translate(2px)}.notification-row.unread{background:color-mix(in srgb, var(--indigo-soft) 40%, var(--surface));border-color:#6366f140}.notification-dot{background:var(--muted-light);border-radius:50%;width:8px;height:8px}.notification-row.unread .notification-dot{background:var(--indigo);box-shadow:0 0 0 4px var(--indigo-soft)}.notification-row strong{font:700 12px var(--font-sans), sans-serif;color:var(--ink);display:block}.notification-row small{font:500 10.5px var(--font-sans), sans-serif;color:var(--muted);margin-top:2px;line-height:1.4;display:block}.notification-row time{font:600 10px var(--font-sans), sans-serif;color:var(--muted);white-space:nowrap}.notification-empty{color:var(--muted);font:600 12px var(--font-sans), sans-serif;justify-content:center;align-items:center;gap:8px;padding:28px 0;display:flex}.theme-dark .trend-chart{border-color:var(--line);background:#181920}.theme-dark .trend-tabs button{border-color:var(--line);background:#1e1f26}.notification-button.has-unread{color:var(--indigo)}.notification-badge-dot{border:2px solid var(--surface);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 2px #ef444433}.notification-popover-card{background:var(--surface);border:1px solid var(--line);z-index:100;border-radius:18px;flex-direction:column;width:360px;max-height:480px;animation:.2s cubic-bezier(.2,0,0,1) popoverFadeIn;display:flex;position:absolute;top:calc(100% + 12px);right:-10px;overflow:hidden;box-shadow:0 16px 38px #0000002e}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-header{border-bottom:1px solid var(--line);background:var(--surface-muted);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.popover-title-row{color:var(--ink);font:700 13px var(--font-sans), sans-serif;align-items:center;gap:8px;display:flex}.unread-count-pill{color:#dc2626;background:#fee2e2;border-radius:99px;padding:2px 7px;font-size:9.5px;font-weight:800}.popover-body{flex-direction:column;gap:6px;max-height:380px;padding:10px 12px;display:flex;overflow-y:auto}.notification-popover-item{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:12px;grid-template-columns:8px 1fr auto;align-items:flex-start;gap:12px;width:100%;padding:12px;transition:background .16s,border-color .16s;display:grid}.notification-popover-item:hover{background:var(--surface-muted);border-color:var(--line)}.notification-popover-item.unread{background:color-mix(in srgb, var(--indigo-soft) 40%, var(--surface));border-color:#6366f133}.popover-dot{background:var(--muted-light);border-radius:50%;width:7px;height:7px;margin-top:5px}.notification-popover-item.unread .popover-dot{background:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.popover-item-content strong{font:700 12px var(--font-sans), sans-serif;color:var(--ink);display:block}.popover-item-content small{font:400 10.5px var(--font-sans), sans-serif;color:var(--muted);margin-top:2px;line-height:1.45;display:block}.notification-popover-item time{font:600 10px var(--font-sans), sans-serif;color:var(--muted);white-space:nowrap}.popover-empty{color:var(--muted);font:600 12px var(--font-sans), sans-serif;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.skill-distribution-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.category-progress-list{flex-direction:column;gap:16px;margin:18px 0;display:flex}.category-item-row{background:var(--surface-muted);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;transition:border-color .18s;display:flex}.category-item-row:hover{border-color:var(--indigo-2)}.cat-item-head{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.cat-item-head strong{font:700 12px var(--font-sans), sans-serif;color:var(--ink)}.cat-item-head span{font:600 10px var(--font-sans), sans-serif;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.cat-progress-bar-bg{background:var(--surface-muted);border-radius:99px;height:8px;overflow:hidden}.cat-progress-bar-fill{background:linear-gradient(90deg,#6366f1 0%,#10b981 100%);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,0,0,1)}.skill-footer-row{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;padding-top:14px;display:flex}.mastery-pill-box{color:var(--indigo);background:var(--indigo-soft);border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.sidebar-collapsed .sidebar{width:72px;padding:21px 10px 16px}.sidebar-collapsed .sidebar-collapsed .brand-name,.sidebar-collapsed .brand-beta,.sidebar-collapsed .workspace-copy,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-item em,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-progress,.sidebar-collapsed .sidebar-promo-card,.sidebar-collapsed .sidebar-user span{display:none!important}.sidebar-collapsed .brand-row,.sidebar-collapsed .workspace-switcher,.sidebar-collapsed .nav-item,.sidebar-collapsed .sidebar-user{justify-content:center}.sidebar-collapsed .sidebar-toggle{margin-left:0;transform:rotate(180deg)}.sidebar-toggle{color:var(--muted);margin-left:auto;transition:transform .28s}.general-label{margin-top:18px}.sidebar-promo-card{color:#fff;background:linear-gradient(135deg,#14532d,#065f46);border-radius:16px;flex-direction:column;gap:6px;margin:12px 2px 14px;padding:16px;display:flex;position:relative;box-shadow:0 8px 20px #065f4638}.sidebar-promo-card strong{font-size:12px;font-weight:700}.sidebar-promo-card small{color:#a7f3d0;font-size:9.5px;line-height:1.4}.promo-badge{color:#fff;background:#ffffff26;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:2px;display:grid}.promo-btn{color:#065f46;font:700 10.5px var(--font-sans), sans-serif;cursor:pointer;background:#fff;border:0;border-radius:8px;margin-top:6px;padding:8px 12px;transition:transform .18s,background .18s}.promo-btn:hover{background:#ecfdf5;transform:translateY(-1px)}.search-trigger.pill-search{background:var(--surface);border:1px solid var(--line);width:320px;height:42px;box-shadow:var(--shadow-sm);color:var(--muted);border-radius:99px;align-items:center;gap:10px;padding:0 16px;font-size:11px;transition:border-color .18s,box-shadow .18s;display:flex}.search-trigger.pill-search:hover{border-color:var(--indigo-2);box-shadow:var(--shadow-md);color:var(--ink)}.command-summary-banner{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--line);min-height:140px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s ease;border-radius:20px;flex-direction:column;justify-content:space-between;padding:20px 22px;display:flex;position:relative}.summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--indigo-2);transform:translateY(-3px)}.summary-card-head{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.circle-arrow-btn{border:1px solid var(--line);background:var(--surface-muted);width:28px;height:28px;color:var(--ink-soft);border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid}.summary-card:hover .circle-arrow-btn{background:var(--indigo-soft);color:var(--indigo);transform:rotate(45deg)}.summary-metric-val{font:800 36px var(--font-sans), sans-serif;letter-spacing:-.04em;color:var(--ink);align-items:baseline;gap:4px;margin:10px 0 6px;line-height:1;display:flex}.summary-metric-val small{color:var(--muted);font-size:16px;font-weight:600}.summary-trend-label{flex-direction:column;gap:4px;display:flex}.trend-chip{border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:3px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.trend-chip.green{color:#15803d;background:#dcfce7}.trend-chip.soft{background:var(--surface-muted);color:var(--muted)}.trend-chip.flame{color:#ea580c;background:#ffedd5}.summary-card.featured-accent-card{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#2563eb;box-shadow:0 12px 28px #2563eb38}.summary-card.featured-accent-card .summary-card-head{color:#dbeafe}.summary-card.featured-accent-card .circle-arrow-btn{color:#fff;background:#ffffff2e;border-color:#ffffff4d}.summary-card.featured-accent-card:hover .circle-arrow-btn{color:#1d4ed8;background:#fff}.summary-card.featured-accent-card .summary-metric-val{color:#fff}.summary-card.featured-accent-card .trend-chip.green,.summary-card.featured-accent-card .trend-chip.accent{color:#fff;background:#ffffff38}.summary-card.featured-accent-card small{color:#eff6ff}.theme-dark .summary-card{background:var(--surface);border-color:var(--line)}.theme-dark .summary-card.featured-accent-card{background:linear-gradient(135deg,#064e3b,#047857);border-color:#059669}@media (max-width:1100px){.command-summary-banner{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.command-summary-banner{grid-template-columns:1fr}.search-trigger.pill-search{width:100%}}.svg-meter{width:100%;height:100%;transform:rotate(-90deg)}.meter-bg{fill:none;stroke:var(--surface-muted);stroke-width:8px}.meter-fg{fill:none;stroke-width:8px;stroke-linecap:round;stroke-dasharray:263.89;transition:stroke-dashoffset 1.2s var(--ease-out)}.meter-fg.primary-ring{stroke:var(--indigo)}.meter-fg.lab-ring{stroke:var(--teal)}.meter-center-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.meter-center-text strong{font:700 20px var(--font-sans), sans-serif;letter-spacing:-.03em;color:var(--ink);line-height:1}.meter-center-text small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:8.5px;font-weight:700}.meter-info{flex-direction:column;gap:4px;min-width:0;display:flex}.meter-info h2{font:700 17px var(--font-sans), sans-serif;letter-spacing:-.035em;color:var(--ink);margin:2px 0 4px}.meter-info p{color:var(--ink-soft);margin:0;font-size:11px}.meter-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.meter-pill{background:var(--indigo-soft);color:var(--indigo);border-radius:6px;align-items:center;padding:4px 9px;font-size:9.5px;font-weight:700;display:inline-flex}.meter-pill.teal{color:#0f9f86;background:#e3f6f1}.meter-pill.soft{background:var(--surface-muted);color:var(--muted)}.routine-section{margin-bottom:30px}.routine-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.routine-header-row h2{font:700 20px var(--font-sans), sans-serif;letter-spacing:-.04em;margin:4px 0 0}.routine-block-badge{color:var(--indigo);background:var(--indigo-soft);border-radius:8px;padding:6px 11px;font-size:10px;font-weight:700}.routine-card-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.routine-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:14px;flex-direction:column;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.routine-card:hover{border-color:var(--indigo-2);box-shadow:var(--shadow-md);transform:translateY(-3px)}.routine-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.time-chip{letter-spacing:.06em;color:var(--indigo);background:#eeedff;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:800}.routine-card.explore .time-chip{color:var(--indigo);background:#eeedff}.routine-card.practice .time-chip{color:var(--teal);background:#e3f6f1}.routine-card.verify .time-chip{color:var(--amber);background:#fff1e3}.step-number{font:800 13px var(--font-sans), sans-serif;color:var(--muted-light)}.routine-card-icon{background:var(--surface-soft);width:38px;height:38px;color:var(--ink);border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.routine-card.explore .routine-card-icon{color:var(--indigo);background:var(--indigo-soft)}.routine-card.practice .routine-card-icon{color:var(--teal);background:#e3f6f1}.routine-card.verify .routine-card-icon{color:var(--amber);background:#fff1e3}.routine-card h3{font:700 15px var(--font-sans), sans-serif;margin:0 0 6px}.routine-target-title{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:11px;font-weight:700;overflow:hidden}.routine-sub{color:var(--muted);margin-bottom:16px;font-size:9.5px}.routine-cta{color:var(--indigo);align-items:center;gap:5px;margin-top:auto;font-size:10.5px;font-weight:700;display:inline-flex}.resume-pinned-hero{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;padding:26px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #312e8138}.resume-hero-glow{pointer-events:none;background:radial-gradient(circle,#818cf859,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:-40px}.resume-hero-content{z-index:1;flex-direction:column;gap:6px;max-width:680px;display:flex}.resume-pill-row{align-items:center;gap:8px;display:flex}.pulse-indicator{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 0 4px #34d3994d}.resume-label{text-transform:uppercase;letter-spacing:.1em;color:#a5b4fc;font-size:9px;font-weight:800}.resume-hero-content h2{font:700 22px var(--font-sans), sans-serif;letter-spacing:-.04em;color:#fff;margin:4px 0 2px}.resume-hero-content p{color:#c7d2fe;margin:0 0 10px;font-size:11.5px;line-height:1.5}.resume-meta-bar{color:#e0e7ff;align-items:center;gap:16px;font-size:10px;display:flex}.resume-meta-bar span{align-items:center;gap:5px;display:inline-flex}.resume-action-button{z-index:1;color:#312e81;font:700 12px var(--font-sans), sans-serif;white-space:nowrap;background:#fff;border:0;border-radius:10px;align-items:center;gap:9px;padding:12px 20px;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 6px 16px #00000026}.resume-action-button:hover{background:#f5f3ff;transform:translateY(-2px)}.spotlight-media-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:30px;padding:24px}.spotlight-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.spotlight-header h2{font:700 19px var(--font-sans), sans-serif;letter-spacing:-.035em;margin:3px 0 0}.live-indicator{color:var(--teal);background:#e3f6f1;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:9.5px;font-weight:700;display:inline-flex}.live-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.spotlight-content-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:22px;display:grid}.spotlight-iframe-wrapper{background:#000;border-radius:12px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.spotlight-iframe-wrapper iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.floating-unmute-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:700 10.5px var(--font-sans), sans-serif;cursor:pointer;z-index:5;background:#0f172abf;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:7px;padding:8px 14px;transition:transform .18s,background .18s;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 20px #00000040}.floating-unmute-badge:hover{background:#0f172ae6;transform:scale(1.05)}.floating-unmute-badge.unmuted{background:#4f46e5e0;border-color:#a5b4fc80}.spotlight-meta-box{flex-direction:column;gap:10px;display:flex}.spotlight-meta-box h3{font:700 18px var(--font-sans), sans-serif;margin:0}.spotlight-meta-box p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.6}.reader-tracker-bar{background:var(--surface-muted);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:14px 20px;display:flex}.reader-tracker-meta{font:600 11px var(--font-sans), sans-serif;color:var(--ink);justify-content:space-between;align-items:center;display:flex}.reader-tracker-meta span:first-child{align-items:center;gap:6px;display:inline-flex}.reader-done-btn{color:var(--indigo);cursor:pointer;white-space:nowrap;background:#6366f11a;border:1px solid #6366f140;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s,color .15s,transform .1s;display:inline-flex}.reader-done-btn:hover:not(:disabled){background:#6366f12e;transform:translateY(-1px)}.reader-done-btn.done{color:#10b981;cursor:default;background:#10b9811f;border-color:#10b9814d}.reader-done-btn:disabled{opacity:.8}.reader-tracker-bg{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.reader-tracker-fill{background:linear-gradient(90deg,#6366f1 0%,#10b981 100%);border-radius:99px;height:100%;transition:width .3s}.pdf-scroll-wrapper{max-height:520px;overflow-y:auto}.workbook-modal-body{padding:24px}.workbook-desc{color:var(--ink-soft);margin-bottom:20px;font-size:12px;line-height:1.6}.workbook-step-list{flex-direction:column;gap:10px;display:flex}.workbook-step-item{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:background .18s,border-color .18s;display:flex}.workbook-step-item:hover{background:var(--surface-muted);border-color:var(--indigo-2)}.workbook-step-item.completed{background:color-mix(in srgb, var(--indigo-soft) 30%, var(--surface));border-color:#6366f14d}.workbook-step-item input[type=checkbox]{width:17px;height:17px;accent-color:var(--indigo);cursor:pointer}.step-num{font:700 10.5px var(--font-sans), sans-serif;color:var(--muted);background:var(--surface-muted);border-radius:6px;padding:2px 8px}.step-text{color:var(--ink);flex:1;font-size:11.5px}.step-check-icon{color:#10b981}.bonus-dashboard-row{grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:30px;display:grid}.bonus-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;padding:22px;display:flex}.flame-icon{color:#f97316}.brain-icon{color:var(--violet)}.streak-badge{color:#ea580c;background:#fff4eb;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:10px;font-weight:700;display:inline-flex}.welcome-actions{align-items:center;gap:10px;display:flex}.streak-heatmap{justify-content:space-between;align-items:center;gap:8px;margin:18px 0;display:flex}.streak-day{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.day-name{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.day-circle{background:var(--surface-muted);width:32px;height:32px;color:var(--muted);border:1.5px solid var(--line);border-radius:50%;place-items:center;font-size:10px;display:grid}.streak-day.active .day-circle{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-color:#ea580c;box-shadow:0 4px 10px #f9731640}.streak-day.today .day-circle{border-color:var(--indigo)}.streak-footer{flex-direction:column;gap:2px;margin-top:auto;display:flex}.streak-footer strong{color:var(--ink);font-size:12px;font-weight:700}.streak-footer small{color:var(--muted);font-size:9.5px}.quiz-question-box{flex-direction:column;gap:12px;margin-top:12px;display:flex}.quiz-q{color:var(--ink);margin:0;font-size:11.5px;font-weight:700}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-opt-btn{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);text-align:left;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:600;transition:background .18s,border-color .18s}.quiz-opt-btn:hover{border-color:var(--indigo-2);background:#eeedff}.quiz-opt-btn.correct{color:#0f9f86;background:#e3f6f1;border-color:#0f9f86;font-weight:700}.quiz-opt-btn.incorrect{color:#bd3e52;background:#fff0f1;border-color:#d2676d}.quiz-feedback{border-radius:6px;padding:8px 10px;font-size:10px;font-weight:700}.quiz-feedback.success{color:#0f9f86;background:#e3f6f1}.quiz-feedback.retry{color:#bd3e52;background:#fff0f1}.theme-dark .summary-meter-card,.theme-dark .routine-card,.theme-dark .spotlight-media-card,.theme-dark .bonus-card{background:var(--surface);border-color:var(--line)}.theme-dark .meter-bg{stroke:#2a2b33}.theme-dark .routine-card-icon{background:#2a2b33}.theme-dark .day-circle{border-color:var(--line);background:#2a2b33}.theme-dark .streak-badge{color:#f97316;background:#3c2415}@media (max-width:900px){.command-summary-banner,.routine-card-grid,.spotlight-content-grid,.bonus-dashboard-row{grid-template-columns:1fr}.resume-pinned-hero{flex-direction:column;align-items:flex-start}}.auth-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.auth-modal-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:440px;padding:28px;display:flex;position:relative;box-shadow:0 20px 50px #00000040}.auth-modal-close{border:1px solid var(--line);background:var(--surface-muted);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.auth-modal-close:hover{background:var(--line);color:var(--ink)}.auth-modal-header{flex-direction:column;gap:6px;display:flex}.auth-brand-badge{color:var(--indigo);background:#6366f11f;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.auth-modal-header h2{letter-spacing:-.02em;color:var(--ink);margin:4px 0 0;font-size:20px;font-weight:800}.auth-modal-header p{color:var(--ink-muted);margin:0;font-size:12.5px;line-height:1.45}.auth-tab-switch{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tab-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.auth-tab-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #00000014}.auth-error-banner{color:#ef4444;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{color:var(--ink);font-size:12px;font-weight:700}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--ink-muted);pointer-events:none;position:absolute;left:12px}.auth-input-wrapper input{border:1px solid var(--line);background:var(--surface-muted);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:10px 12px 10px 36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.auth-input-wrapper input:focus{border-color:var(--indigo);background:var(--surface);box-shadow:0 0 0 3px #6366f126}.auth-submit-btn{background:var(--indigo);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:11px 16px;font-size:13.5px;font-weight:700;transition:transform .1s,opacity .15s,background-color .15s;display:flex;box-shadow:0 4px 14px #6366f14d}.auth-submit-btn:hover:not(:disabled){opacity:.94;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.auth-footer-note{text-align:center;color:var(--ink-muted);font-size:12px}.auth-footer-note p{margin:0}.auth-link-btn{color:var(--indigo);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.user-status-pill{color:#10b981;background:#10b9811f;border-radius:99px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.auth-screen-container{background:var(--bg);width:100%;min-height:100vh;color:var(--ink);font-family:var(--font-sans), sans-serif;display:flex}.auth-screen-split{grid-template-columns:1.1fr 1fr;width:100%;min-height:100vh;display:grid}.auth-screen-hero{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%);flex-direction:column;justify-content:space-between;padding:48px clamp(32px,6vw,72px);display:flex;position:relative;overflow:hidden}.auth-screen-hero:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;right:-120px;box-shadow:0 0 0 40px #ffffff05,0 0 0 80px #ffffff05}.auth-hero-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.auth-hero-content{z-index:1;flex-direction:column;gap:20px;max-width:520px;margin:40px 0;display:flex;position:relative}.auth-kicker{text-transform:uppercase;letter-spacing:.12em;color:#c7d2fe;background:#ffffff1f;border-radius:99px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.auth-hero-content h1{letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.15}.auth-hero-content p{color:#e0e7ff;margin:0;font-size:14px;line-height:1.6}.auth-feature-list{flex-direction:column;gap:16px;margin-top:12px;display:flex}.auth-feature-item{align-items:flex-start;gap:14px;display:flex}.feature-dot{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.auth-feature-item strong{color:#fff;font-size:13.5px;font-weight:700;display:block}.auth-feature-item span{color:#c7d2fe;font-size:12px;line-height:1.45}.auth-hero-footer{color:#fff9;font-size:12px}.auth-screen-form-panel{background:var(--surface);justify-content:center;align-items:center;padding:48px clamp(24px,5vw,64px);display:flex}.auth-card-wrapper{flex-direction:column;gap:24px;width:100%;max-width:440px;display:flex}.auth-card-top h2{letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-size:26px;font-weight:800}.auth-card-top p{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}@media (max-width:960px){.auth-screen-split{grid-template-columns:1fr}.auth-screen-hero,.auth-screen-form-panel{padding:36px 24px}}.brand-name{font-family:var(--font-sans), sans-serif;letter-spacing:-.04em;color:var(--ink);background:linear-gradient(135deg, var(--ink) 20%, var(--indigo) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:17.5px;font-weight:800}.modern-profile-modal{flex-direction:column;gap:22px;padding:24px;display:flex}.profile-banner-hero{background:linear-gradient(135deg,#4f46e514 0%,#8b5cf60f 100%);border:1px solid #6366f129;border-radius:14px;align-items:center;gap:18px;padding:18px 20px;display:flex}.profile-avatar-wrapper{flex-shrink:0;width:64px;height:64px;position:relative}.profile-img-preview{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 4px 12px #0000001a}.profile-initials-preview{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#4f46e5,#818cf8);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #4f46e540}.avatar-upload-trigger{background:var(--surface);border:1.5px solid var(--line);width:26px;height:26px;color:var(--indigo);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;position:absolute;bottom:-2px;right:-2px}.avatar-upload-trigger:hover{background:var(--surface-muted);transform:scale(1.08)}.avatar-upload-trigger input{display:none}.profile-hero-meta h3{letter-spacing:-.03em;color:var(--ink);margin:0 0 4px;font-size:18px;font-weight:800}.profile-hero-meta p{color:var(--ink-muted);margin:0;font-size:12.5px}.modern-profile-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-field-item{flex-direction:column;gap:6px;display:flex}.profile-field-item.full-width{grid-column:1/-1}.profile-field-item label{color:var(--ink);letter-spacing:-.01em;font-size:11.5px;font-weight:700}.profile-field-item input,.profile-field-item textarea{border:1px solid var(--line);width:100%;font-size:12.5px;font-family:var(--font-sans), sans-serif;color:var(--ink);background:var(--surface);border-radius:9px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.profile-field-item input:focus,.profile-field-item textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6366f11f}.profile-field-item textarea{resize:vertical;min-height:80px;line-height:1.5}.modern-profile-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;display:flex}@media (max-width:600px){.modern-profile-grid{grid-template-columns:1fr}}.skeleton-box{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-brand-row{align-items:center;gap:10px;height:36px;padding:0 4px;display:flex}.skeleton-mark{border-radius:9px;flex-shrink:0;width:30px;height:30px}.skeleton-nav-item{border-radius:10px;width:100%;height:38px}.skeleton-user-card{border-top:1px solid #f1f5f9;align-items:center;gap:10px;padding:8px 4px;display:flex}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px}.skeleton-pill-search{border-radius:9999px;width:280px;height:36px}.skeleton-icon-btn{border-radius:50%;width:34px;height:34px}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;position:relative;overflow:hidden}.skeleton-subcard{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px}.reference-auth-wrapper{box-sizing:border-box;background:#f1f3f7;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;max-height:100vh;padding:16px;display:flex;overflow:hidden}.reference-auth-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:32px;grid-template-columns:1fr 1.05fr;width:100%;max-width:980px;height:min(580px,100vh - 32px);max-height:calc(100vh - 32px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a24,0 2px 10px #0000000a}.reference-hero-panel{background:linear-gradient(145deg,#091024 0%,#1e3a8a 50%,#2563eb 100%);border-top-left-radius:32px;border-bottom-left-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden}.reference-hero-center{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:auto 0;padding:8px 0;display:flex;position:relative}.reference-rings-bg{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.reference-rings-bg .ring{border:1px solid #ffffff14;border-radius:50%;position:absolute}.reference-rings-bg .ring-1{width:220px;height:220px}.reference-rings-bg .ring-2{width:350px;height:350px}.reference-rings-bg .ring-3{width:480px;height:480px}.reference-hero-title{letter-spacing:-.03em;color:#fff;text-align:center;z-index:3;white-space:nowrap;margin:0 0 16px;font-size:clamp(23px,2.4vw,34px);font-weight:800;line-height:1.1;position:relative}.serif-highlight{color:#bfdbfe;letter-spacing:normal;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:1.18em;font-style:italic;font-weight:400}.reference-gif-container{z-index:3;width:100%;max-width:280px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.reference-hero-gif{object-fit:contain;filter:drop-shadow(0 12px 28px #0f172a73);border-radius:12px;width:100%;max-height:230px}.reference-form-panel{z-index:5;background:#fff;border-radius:32px;flex-direction:column;justify-content:space-between;padding:28px 36px 20px;display:flex;position:relative;overflow-y:auto}.reference-form-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.reference-brand{letter-spacing:-.03em;color:#0f172a;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.reference-brand-ring{border:3px solid #2563eb;border-top-color:#60a5fa;border-radius:50%;width:18px;height:18px;display:inline-block}.reference-switch-btn{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.reference-switch-btn:hover{color:#0f172a;background:#f8fafc}.reference-form-body{flex-direction:column;justify-content:center;width:100%;max-width:320px;margin:auto;display:flex}.reference-form-title{letter-spacing:-.035em;color:#0f172a;text-align:left;margin:0 0 20px;font-size:30px;font-weight:800}.reference-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:8px 12px;font-size:11.5px;font-weight:600}.reference-actual-form{flex-direction:column;gap:12px;display:flex}.reference-input-wrapper{width:100%;position:relative}.reference-input-wrapper input{width:100%;height:44px;font-size:13px;font-family:var(--font-sans), sans-serif;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;outline:none;padding:0 18px;transition:border-color .15s,box-shadow .15s}.reference-input-wrapper input::placeholder{color:#94a3b8}.reference-input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.reference-input-wrapper.with-icon input{padding-right:44px}.auth-role-chips{flex-wrap:wrap;gap:6px;margin-top:2px;margin-bottom:6px;display:flex}.auth-role-chip{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:500;transition:all .14s}.auth-role-chip:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.auth-role-chip.is-active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600;box-shadow:0 2px 8px #2563eb40}.reference-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;transition:color .15s;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.reference-eye-btn:hover{color:#334155}.reference-forgot-row{justify-content:flex-start;margin-top:-2px;margin-bottom:2px;display:flex}.reference-forgot-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;transition:opacity .15s}.reference-forgot-btn:hover{opacity:.85;text-decoration:underline}.reference-submit-pill-btn{color:#fff;height:44px;font-size:14px;font-weight:700;font-family:var(--font-sans), sans-serif;cursor:pointer;background:linear-gradient(90deg,#1e40af 0%,#2563eb 50%,#3b82f6 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin-top:4px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 8px 24px #2563eb59}.reference-submit-pill-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #2563eb73}.reference-submit-pill-btn:disabled{opacity:.7;cursor:not-allowed}.reference-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.reference-form-footer{color:#94a3b8;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;display:flex}.reference-footer-links{align-items:center;gap:12px;display:flex}.reference-footer-links a{color:#64748b;font-weight:500;text-decoration:none}.reference-footer-links a:hover{color:#0f172a}@media (max-width:900px){.reference-auth-wrapper{height:auto;min-height:100vh;overflow:auto}.reference-auth-card{border-radius:24px;grid-template-columns:1fr;height:auto;max-height:none}.reference-hero-panel{display:none}.reference-form-panel{border-radius:24px;padding:28px 20px}}.notification-button-wrapper{position:relative}.notification-badge-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.notification-popover-card{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:340px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 36px #0f172a1f,0 2px 8px #0000000a}.popover-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.popover-title-row{color:#0f172a;align-items:center;gap:7px;font-size:13px;display:flex}.unread-count-pill{color:#2563eb;background:#eff6ff;border:1px solid #2563eb33;border-radius:9999px;padding:2px 6px;font-size:10px;font-weight:700}.popover-body{flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.notification-popover-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;transition:background .15s;display:flex;position:relative}.notification-popover-item:hover{background:#f8fafc}.notification-popover-item.unread{background:#fafcfe}.popover-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notification-popover-item.unread .popover-dot{background:#2563eb}.popover-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.popover-item-content strong{color:#0f172a;font-size:12.5px;font-weight:600;line-height:1.35}.popover-item-content small{color:#64748b;font-size:11.5px;line-height:1.4}.popover-item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.popover-item-meta time{color:#94a3b8;font-size:10.5px}.notification-delete-action{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;transition:all .15s;display:grid}.notification-delete-action:hover{color:#ef4444;background:#fee2e2}.popover-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:12.5px;display:flex}html.theme-dark,.theme-dark{--bg:#000;--surface:#121215;--surface-muted:#18181b;--surface-soft:#121215;--line:#27272a;--line-strong:#3f3f46;--ink:#fafafa;--ink-soft:#d4d4d8;--muted:#a1a1aa;--muted-light:#71717a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fafafa!important;background-color:#000!important}html.theme-dark body,.theme-dark body{color:#fafafa!important;background-color:#000!important}html.theme-dark .sidebar,.theme-dark .sidebar{height:calc(100vh - 24px);max-height:calc(100vh - 24px);overflow:hidden auto;background:#121215!important;border-color:#27272a!important;box-shadow:0 8px 32px #0009!important}html.theme-dark .main-shell,.theme-dark .main-shell{color:#fafafa!important;background:#121215!important;border-color:#27272a!important;box-shadow:0 8px 32px #0009!important}html.theme-dark .topbar,.theme-dark .topbar{background:#121215!important;border-bottom-color:#27272a!important}html.theme-dark .brand-name,.theme-dark .brand-name{color:#fff!important}html.theme-dark .sidebar-toggle,.theme-dark .sidebar-toggle{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .sidebar-toggle:hover,.theme-dark .sidebar-toggle:hover{color:#fff!important;background:#27272a!important}html.theme-dark .nav-label,.theme-dark .nav-label{color:#71717a!important}html.theme-dark .nav-item,.theme-dark .nav-item{color:#a1a1aa!important}html.theme-dark .nav-item:hover,.theme-dark .nav-item:hover,html.theme-dark .nav-item.active,.theme-dark .nav-item.active{color:#fff!important;background:#18181b!important}html.theme-dark .nav-item.active:before,.theme-dark .nav-item.active:before{background:#10b981!important}html.theme-dark .nav-item em,.theme-dark .nav-item em{color:#fff!important;background:#27272a!important}html.theme-dark .sidebar-user-container,.theme-dark .sidebar-user-container{border-top-color:#27272a!important}html.theme-dark .sidebar-user,.theme-dark .sidebar-user{background:#18181b!important;border-color:#27272a!important}html.theme-dark .sidebar-user:hover,.theme-dark .sidebar-user:hover{background:#27272a!important}html.theme-dark .sidebar-user strong,.theme-dark .sidebar-user strong{color:#fff!important}html.theme-dark .sidebar-user small,.theme-dark .sidebar-user small{color:#a1a1aa!important}html.theme-dark .user-avatar,.theme-dark .user-avatar{color:#fff!important;background:#27272a!important;border-color:#3f3f46!important}html.theme-dark .sidebar-auth-btn,.theme-dark .sidebar-auth-btn{color:#d4d4d8!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .sidebar-auth-btn:hover,.theme-dark .sidebar-auth-btn:hover{color:#fff!important;background:#27272a!important}html.theme-dark .brand-mark img,.theme-dark .brand-mark img{filter:brightness(1.2)}html.theme-dark .search-trigger.pill-search,.theme-dark .search-trigger.pill-search{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .search-trigger.pill-search:hover,.theme-dark .search-trigger.pill-search:hover{color:#fff!important;background:#27272a!important;border-color:#3f3f46!important}html.theme-dark .search-trigger.pill-search kbd,.theme-dark .search-trigger.pill-search kbd{color:#a1a1aa!important;background:#121215!important;border-color:#27272a!important}html.theme-dark .icon-button,.theme-dark .icon-button{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .icon-button:hover,.theme-dark .icon-button:hover{color:#fff!important;background:#27272a!important}html.theme-dark .welcome-row h1,.theme-dark .welcome-row h1{color:#fff!important}html.theme-dark .summary-card,.theme-dark .summary-card{background:#18181b!important;border-color:#27272a!important;box-shadow:0 4px 16px #0006!important}html.theme-dark .summary-card:hover,.theme-dark .summary-card:hover{transform:translateY(-2px);border-color:#3f3f46!important}html.theme-dark .summary-card-head span,.theme-dark .summary-card-head span{color:#a1a1aa!important}html.theme-dark .summary-metric-val,.theme-dark .summary-metric-val{color:#fff!important}html.theme-dark .summary-metric-val small,.theme-dark .summary-metric-val small{color:#a1a1aa!important}html.theme-dark .trend-chip.soft,.theme-dark .trend-chip.soft{color:#d4d4d8!important;background:#121215!important;border:1px solid #27272a!important}html.theme-dark .summary-card.featured-accent-card,.theme-dark .summary-card.featured-accent-card{background:linear-gradient(135deg,#18181b 0%,#27272a 100%)!important;border-color:#3b82f6!important}html.theme-dark .circle-arrow-btn,.theme-dark .circle-arrow-btn{color:#fff!important;background:#ffffff1a!important}.routine-section,html.theme-dark .routine-section,.theme-dark .routine-section{box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:28px!important;padding:0!important}html.theme-dark .routine-section h2,.theme-dark .routine-section h2{color:#fff!important}html.theme-dark .routine-card,.theme-dark .routine-card{background:#121215!important;border-color:#27272a!important}html.theme-dark .routine-card:hover,.theme-dark .routine-card:hover{background:#1c1c21!important;border-color:#3f3f46!important}html.theme-dark .routine-card h3,.theme-dark .routine-card h3{color:#fff!important}html.theme-dark .routine-target-title,.theme-dark .routine-target-title{color:#fafafa!important}html.theme-dark .routine-sub,.theme-dark .routine-sub{color:#a1a1aa!important}html.theme-dark .routine-card-head .step-number,.theme-dark .routine-card-head .step-number{color:#71717a!important}html.theme-dark .routine-cta,.theme-dark .routine-cta{color:#60a5fa!important}html.theme-dark .time-chip,.theme-dark .time-chip{color:#d4d4d8!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .spotlight-media-card,.theme-dark .spotlight-media-card{background:#18181b!important;border-color:#27272a!important}html.theme-dark .spotlight-header-row h2,.theme-dark .spotlight-header-row h2,html.theme-dark .spotlight-target-name,.theme-dark .spotlight-target-name{color:#fff!important}html.theme-dark .spotlight-video-wrapper,.theme-dark .spotlight-video-wrapper{background:#121215!important}html.theme-dark .topic-card,html.theme-dark .workbook-card,html.theme-dark .glossary-card,html.theme-dark .practice-card,html.theme-dark .feature-card,.theme-dark .topic-card,.theme-dark .workbook-card,.theme-dark .glossary-card,.theme-dark .practice-card,.theme-dark .feature-card{color:#fafafa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .topic-card:hover,html.theme-dark .workbook-card:hover,html.theme-dark .glossary-card:hover,.theme-dark .topic-card:hover,.theme-dark .workbook-card:hover,.theme-dark .glossary-card:hover{background:#1c1c21!important;border-color:#3f3f46!important}html.theme-dark .topic-title,html.theme-dark .workbook-title,html.theme-dark .glossary-term,.theme-dark .topic-title,.theme-dark .workbook-title,.theme-dark .glossary-term{color:#fff!important}html.theme-dark .topic-description,html.theme-dark .workbook-description,html.theme-dark .glossary-definition,.theme-dark .topic-description,.theme-dark .workbook-description,.theme-dark .glossary-definition{color:#d4d4d8!important}html.theme-dark .chip,html.theme-dark .badge,html.theme-dark .tag,.theme-dark .chip,.theme-dark .badge,.theme-dark .tag{color:#d4d4d8!important;background:#121215!important;border-color:#27272a!important}html.theme-dark .notification-popover-card,.theme-dark .notification-popover-card{background:#121215!important;border-color:#27272a!important;box-shadow:0 16px 40px #000000b3!important}html.theme-dark .popover-header,.theme-dark .popover-header{color:#fff!important;background:#18181b!important;border-bottom-color:#27272a!important}html.theme-dark .popover-title-row strong,.theme-dark .popover-title-row strong{color:#fff!important}html.theme-dark .notification-popover-item,.theme-dark .notification-popover-item{background:#121215!important;border-bottom-color:#18181b!important}html.theme-dark .notification-popover-item:hover,.theme-dark .notification-popover-item:hover{background:#18181b!important}html.theme-dark .notification-popover-item.unread,.theme-dark .notification-popover-item.unread{background:#1c1c21!important}html.theme-dark .popover-item-content strong,.theme-dark .popover-item-content strong{color:#fff!important}html.theme-dark .popover-item-content small,.theme-dark .popover-item-content small{color:#a1a1aa!important}html.theme-dark .topic-modal-card,html.theme-dark .workbook-modal-card,html.theme-dark .profile-modal-card,html.theme-dark .command-palette-card,html.theme-dark .admin-panel-card,.theme-dark .topic-modal-card,.theme-dark .workbook-modal-card,.theme-dark .profile-modal-card,.theme-dark .command-palette-card,.theme-dark .admin-panel-card{color:#fafafa!important;background:#121215!important;border-color:#27272a!important}html.theme-dark .modern-profile-card,.theme-dark .modern-profile-card{background:#121215!important;border-color:#27272a!important}html.theme-dark .profile-field-item input,html.theme-dark .profile-field-item textarea,.theme-dark .profile-field-item input,.theme-dark .profile-field-item textarea{color:#fff!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .profile-field-item label,.theme-dark .profile-field-item label{color:#d4d4d8!important}html.theme-dark .modern-profile-header,html.theme-dark .modern-profile-footer,.theme-dark .modern-profile-header,.theme-dark .modern-profile-footer{border-color:#27272a!important}html.theme-dark .skeleton-box,.theme-dark .skeleton-box{background:linear-gradient(90deg,#18181b 25%,#27272a 50%,#18181b 75%) 0 0/200% 100%!important}html.theme-dark .skeleton-card,.theme-dark .skeleton-card{background:#18181b!important;border-color:#27272a!important}html.theme-dark .skeleton-subcard,.theme-dark .skeleton-subcard{background:#121215!important;border-color:#27272a!important}.learning-experience-layout{box-sizing:border-box;grid-template-columns:310px 1fr;gap:16px;width:100%;max-width:1540px;height:100vh;max-height:100vh;margin:0 auto;padding:12px 16px;display:grid;overflow:hidden}.learning-topic-sidebar{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;height:100%;padding:20px 16px;display:flex;overflow-y:auto;box-shadow:0 4px 20px #0f172a0a}.learning-sidebar-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:16px;display:flex}.learning-sidebar-brand{color:inherit;flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.learning-sidebar-theme-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.learning-sidebar-theme-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}html.theme-dark .learning-sidebar-theme-btn,.theme-dark .learning-sidebar-theme-btn{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .learning-sidebar-theme-btn:hover,.theme-dark .learning-sidebar-theme-btn:hover{color:#fff!important;background:#27272a!important}.learning-sidebar-brand .brand-icon-wrapper{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.learning-sidebar-brand strong{color:#0f172a;font-size:14.5px;font-weight:700;line-height:1.2;display:block}.learning-sidebar-brand small{color:#64748b;font-size:11.5px}.learning-sessions-tree{flex-direction:column;gap:12px;display:flex}.learning-session-group{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden}.learning-session-header{cursor:pointer;text-align:left;color:#1e293b;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s;display:flex}.learning-session-header:hover{background:#e2e8f080}.learning-session-header .session-chevron{color:#94a3b8;place-items:center;display:grid}.learning-session-header .session-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.learning-session-header .session-counter-badge{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.learning-topics-list{flex-direction:column;gap:4px;padding:4px 8px 10px;display:flex}.learning-topic-nav-item{color:#475569;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.learning-topic-nav-item:hover{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000008}.learning-topic-nav-item.is-active{color:#fff;background:#2563eb;font-weight:600;box-shadow:0 4px 12px #2563eb40}.learning-topic-nav-item.is-active .topic-progress-dot{color:#fff}.learning-topic-nav-item.is-active .topic-nav-icons{color:#fffc}.topic-progress-dot{flex-shrink:0;place-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:grid}.topic-progress-dot.is-incomplete{color:#94a3b8}.topic-progress-dot.is-completed{color:#10b981;transform:scale(1.1)}.topic-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.topic-nav-icons{color:#94a3b8;align-items:center;gap:6px;display:flex}.learning-main-container{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0a}.learning-top-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#fffffff5;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;display:flex}.back-to-portal-link{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.back-to-portal-link:hover{color:#0f172a;background:#f1f5f9}.learning-header-progress-wrap{width:100%;max-width:380px}.learning-progress-block{flex-direction:column;gap:6px;display:flex}.learning-progress-label-row{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.learning-progress-text{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.learning-progress-metric{color:#1e293b}.learning-progress-track{background:#f1f5f9;border:1px solid #e2e8f0cc;border-radius:999px;width:100%;height:8px;overflow:hidden}.learning-progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.learning-page-content{scroll-behavior:smooth;flex:1;padding:32px 36px 60px;overflow-y:auto}.learning-topic-article{flex-direction:column;gap:28px;max-width:920px;margin:0 auto;display:flex}.topic-header-banner{flex-direction:column;gap:12px;display:flex}.topic-header-kicker .kicker-pill{text-transform:uppercase;letter-spacing:.06em;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.topic-main-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.15}.topic-actions-top{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.open-workbook-button{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.open-workbook-button:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.video-player-frame-container{background:#090d16;border:1px solid #ffffff1a;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 36px #0000002e}.video-player-iframe,.video-player-native{border:none;width:100%;height:100%;display:block}.video-facade-card{cursor:pointer;place-items:center;width:100%;height:100%;display:grid;position:relative}.video-facade-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-facade-card:hover .video-facade-image{transform:scale(1.02)}.video-facade-overlay{background:linear-gradient(#0003 0%,#0009 100%);position:absolute;inset:0}.video-facade-play-button{color:#fff;pointer-events:none;background:#2563eb;border:none;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;box-shadow:0 8px 24px #2563eb73}.video-facade-card:hover .video-facade-play-button{transform:scale(1.12)}.video-facade-duration-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#000000bf;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:flex;position:absolute;bottom:14px;right:14px}.video-player-placeholder-box{aspect-ratio:16/9;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:18px;place-items:center;width:100%;padding:32px;display:grid}.video-placeholder-content{flex-direction:column;align-items:center;gap:8px;max-width:420px;display:flex}.video-placeholder-icon{color:#94a3b8;margin-bottom:4px}.video-placeholder-content h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.video-placeholder-content p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.topic-why-callout{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.why-callout-icon{color:#2563eb;margin-top:2px}.why-callout-body strong{color:#1e40af;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.why-callout-body p{color:#1e3a8a;margin:0;font-size:13.5px;line-height:1.45}.topic-details-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.learning-section-subtitle{color:#0f172a;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.learning-concepts-block,.learning-resources-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.learning-concepts-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.learning-concept-item{color:#334155;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.concept-check-circle{color:#15803d;background:#dcfce7;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.learning-resources-grid{flex-direction:column;gap:8px;display:flex}.learning-resource-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .15s;display:flex}.learning-resource-card:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a}.resource-icon-badge{color:#dc2626;background:#fee2e2;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.resource-info{flex:1;min-width:0}.resource-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.resource-meta{color:#64748b;font-size:11px}.resource-action-icon{color:#94a3b8}.topic-workbook-callout-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 50%,#2563eb 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 8px 24px #2563eb40}.workbook-callout-left{align-items:center;gap:16px;display:flex}.workbook-icon-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.workbook-callout-tag{text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;margin-bottom:2px;font-size:11px;font-weight:700;display:inline-block}.topic-workbook-callout-card h3{margin:0 0 4px;font-size:18px;font-weight:800}.topic-workbook-callout-card p{color:#dbeafe;max-width:540px;margin:0;font-size:12.5px;line-height:1.4}.workbook-cta-button{color:#1e3a8a;white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00000026}.workbook-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.learning-complete-button{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.learning-complete-button.is-incomplete{color:#fff;background:#2563eb;box-shadow:0 4px 12px #2563eb40}.learning-complete-button.is-incomplete:hover{background:#1d4ed8;transform:translateY(-1px)}.learning-complete-button.is-completed{color:#15803d;background:#dcfce7;border-color:#86efac;box-shadow:0 2px 8px #22c55e26}.learning-complete-button.is-completed:hover{background:#bbf7d0}.topic-bottom-footer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:24px;display:flex}.footer-status-text .status-text{color:#64748b;font-size:13.5px;font-weight:500}.footer-status-text .status-text.is-done{color:#15803d;align-items:center;gap:6px;font-weight:700;display:flex}.workbook-page-layout{max-width:960px;margin:0 auto;padding:24px 20px 60px}.workbook-top-nav{margin-bottom:20px}.back-to-topic-link{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.back-to-topic-link:hover{color:#0f172a;border-color:#cbd5e1}.workbook-article{background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;flex-direction:column;gap:32px;padding:36px 40px;display:flex;box-shadow:0 4px 24px #0f172a0a}.workbook-hero-banner{flex-direction:column;gap:14px;display:flex}.workbook-tag-pill{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.workbook-main-title{color:#0f172a;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.15}.workbook-objective-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.objective-icon-badge{color:#2563eb;margin-top:2px}.objective-body strong{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700;display:block}.objective-body p{color:#475569;margin:0;font-size:13.5px;line-height:1.5}.workbook-download-banner{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.download-banner-left{color:#0f172a;align-items:center;gap:12px;display:flex}.download-banner-left p{color:#64748b;margin:0;font-size:12px}.workbook-download-cta{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.workbook-download-cta:hover{background:#f8fafc;border-color:#94a3b8}.learning-steps-stack{flex-direction:column;gap:12px;display:flex}.learning-step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.step-badge-number{color:#fff;background:#2563eb;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.step-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.step-instruction{color:#475569;margin:0;font-size:13.5px;line-height:1.5}.learning-checklist-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.checklist-counter-pill{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.learning-checklist-list{flex-direction:column;gap:8px;display:flex}.learning-checklist-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.learning-checklist-item:hover{background:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f614}.learning-checklist-item.is-checked{background:#f0fdf4;border-color:#bbf7d0}.learning-checklist-item.is-checked .checklist-item-label{color:#64748b;text-decoration:line-through}.checklist-custom-box{flex-shrink:0;place-items:center;display:grid}.checkbox-icon-checked{color:#16a34a}.checkbox-icon-empty{color:#94a3b8}.checklist-item-label{color:#1e293b;font-size:13.5px;font-weight:500;transition:color .2s}.learning-proof-note-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.proof-note-status-indicator .status-pill{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.status-pill.is-saving{color:#2563eb;background:#eff6ff}.status-pill.is-saved{color:#15803d;background:#dcfce7}.proof-note-description{color:#64748b;margin:0 0 10px;font-size:12.5px;line-height:1.45}.proof-note-textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:14px 16px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:all .15s}.proof-note-textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.workbook-footer-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.learning-toast-notification{color:#fff;z-index:100;cursor:pointer;background:#0f172a;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.25s slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #00000040}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.learning-overview-hero{color:#fff;background:linear-gradient(135deg,#091024 0%,#172554 50%,#1d4ed8 100%);border-radius:20px;margin-bottom:36px;padding:36px 40px;box-shadow:0 12px 36px #0f172a26}.learning-badge-pill{text-transform:uppercase;letter-spacing:.05em;color:#bfdbfe;background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.learning-overview-hero h1{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(26px,3vw,38px);font-weight:800}.learning-overview-hero p{color:#dbeafe;max-width:680px;margin:0 0 20px;font-size:14.5px;line-height:1.5}.learning-primary-cta{color:#1e3a8a;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #0003}.learning-primary-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.sessions-overview-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;margin-top:16px;display:grid}.session-overview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.session-pill-order{text-transform:uppercase;color:#2563eb;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-block}.session-card-header h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.session-card-header p{color:#64748b;margin:0 0 16px;font-size:12.5px;line-height:1.45}.session-topics-preview-list{flex-direction:column;gap:6px;display:flex}.topic-preview-row{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;text-decoration:none;transition:all .15s;display:flex}.topic-preview-row:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61a}.topic-preview-left{align-items:center;gap:10px;display:flex}.topic-play-icon{color:#2563eb;background:#eff6ff;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.topic-preview-title{color:#1e293b;font-size:13px;font-weight:600}.topic-preview-meta{align-items:center;gap:6px;display:flex}.meta-tag{color:#2563eb;background:#eff6ff;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.meta-tag.workbook{color:#b45309;background:#fef3c7}.hover-arrow{color:#94a3b8}html.theme-dark .learning-experience-layout,.theme-dark .learning-experience-layout{background:#000!important}html.theme-dark .learning-topic-sidebar,.theme-dark .learning-topic-sidebar{background:#121215!important;border-color:#27272a!important}html.theme-dark .learning-sidebar-brand strong,.theme-dark .learning-sidebar-brand strong{color:#fff!important}html.theme-dark .learning-sidebar-brand .brand-icon-wrapper,.theme-dark .learning-sidebar-brand .brand-icon-wrapper,html.theme-dark .learning-session-group,.theme-dark .learning-session-group{background:#18181b!important;border-color:#27272a!important}html.theme-dark .learning-session-header,.theme-dark .learning-session-header{color:#fff!important}html.theme-dark .learning-session-header:hover,.theme-dark .learning-session-header:hover{background:#27272a!important}html.theme-dark .learning-session-header .session-counter-badge,.theme-dark .learning-session-header .session-counter-badge{color:#d4d4d8!important;background:#121215!important;border-color:#27272a!important}html.theme-dark .learning-topic-nav-item,.theme-dark .learning-topic-nav-item{color:#d4d4d8!important}html.theme-dark .learning-topic-nav-item:hover,.theme-dark .learning-topic-nav-item:hover{color:#fff!important;background:#27272a!important}html.theme-dark .learning-main-container,.theme-dark .learning-main-container{color:#fafafa!important;background:#121215!important;border-color:#27272a!important}html.theme-dark .learning-top-header,.theme-dark .learning-top-header{background:#121215f5!important;border-bottom-color:#27272a!important}html.theme-dark .back-to-portal-link,html.theme-dark .back-to-topic-link,.theme-dark .back-to-portal-link,.theme-dark .back-to-topic-link{color:#d4d4d8!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .topic-main-title,html.theme-dark .workbook-main-title,html.theme-dark .learning-section-subtitle,.theme-dark .topic-main-title,.theme-dark .workbook-main-title,.theme-dark .learning-section-subtitle{color:#fff!important}html.theme-dark .learning-concepts-block,html.theme-dark .learning-resources-block,html.theme-dark .learning-step-card,html.theme-dark .learning-checklist-item,html.theme-dark .workbook-objective-card,html.theme-dark .workbook-download-banner,html.theme-dark .topic-bottom-footer,html.theme-dark .workbook-footer-banner,html.theme-dark .session-overview-card,.theme-dark .learning-concepts-block,.theme-dark .learning-resources-block,.theme-dark .learning-step-card,.theme-dark .learning-checklist-item,.theme-dark .workbook-objective-card,.theme-dark .workbook-download-banner,.theme-dark .topic-bottom-footer,.theme-dark .workbook-footer-banner,.theme-dark .session-overview-card{color:#fafafa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .learning-resource-card,html.theme-dark .topic-preview-row,.theme-dark .learning-resource-card,.theme-dark .topic-preview-row{color:#fafafa!important;background:#121215!important;border-color:#27272a!important}html.theme-dark .resource-title,html.theme-dark .step-title,html.theme-dark .topic-preview-title,html.theme-dark .session-card-header h3,.theme-dark .resource-title,.theme-dark .step-title,.theme-dark .topic-preview-title,.theme-dark .session-card-header h3{color:#fff!important}html.theme-dark .step-instruction,html.theme-dark .objective-body p,html.theme-dark .proof-note-description,html.theme-dark .learning-concept-item,.theme-dark .step-instruction,.theme-dark .objective-body p,.theme-dark .proof-note-description,.theme-dark .learning-concept-item{color:#cbd5e1!important}html.theme-dark .proof-note-textarea,.theme-dark .proof-note-textarea{color:#fff!important;background:#111827!important;border-color:#334155!important}html.theme-dark .workbook-article,.theme-dark .workbook-article{background:#111827!important;border-color:#ffffff14!important}.learning-mobile-nav-bar{display:none}@media (max-width:900px){.learning-experience-layout{grid-template-columns:1fr}.learning-mobile-nav-bar{margin-bottom:12px;display:block}.learning-mobile-menu-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13.5px;font-weight:700;display:flex}.learning-topic-sidebar{z-index:1000;border-radius:0;width:300px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.learning-topic-sidebar.is-mobile-open{transform:translate(0)}.learning-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000080;position:fixed;inset:0}.learning-page-content{padding:20px 16px 36px}.topic-workbook-callout-card{flex-direction:column;align-items:flex-start}.workbook-article{padding:24px 18px}}.section-title-badge{color:#334155;letter-spacing:-.01em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.theme-dark .section-title-badge{color:#94a3b8;background:#1e293b;border-color:#334155}.topic-deep-dive-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:36px;padding:28px 32px;box-shadow:0 4px 16px #00000008}.theme-dark .topic-deep-dive-section{background:#111827;border-color:#1f2937}.lead-paragraph{color:#334155;margin-bottom:24px;font-size:15.5px;line-height:1.7}.theme-dark .lead-paragraph{color:#cbd5e1}.concept-pillars-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:900px){.concept-pillars-grid{grid-template-columns:1fr}}.pillar-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .2s}.pillar-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 20px #0000000a}.theme-dark .pillar-card{background:#1e293b;border-color:#334155}.pillar-icon{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex}.pillar-card h4{color:#0f172a;margin-bottom:8px;font-size:14px;font-weight:700}.theme-dark .pillar-card h4{color:#f8fafc}.pillar-card p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.theme-dark .pillar-card p{color:#94a3b8}.topic-architecture-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:32px;padding:28px 32px;box-shadow:0 4px 16px #00000008}.theme-dark .topic-architecture-table-section{background:#111827;border-color:#1f2937}.metrics-graph-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}@media (max-width:900px){.metrics-graph-grid{grid-template-columns:1fr}}.metric-graph-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px}.theme-dark .metric-graph-card{background:#1e293b;border-color:#334155}.metric-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.metric-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.theme-dark .metric-title{color:#94a3b8}.metric-icon{color:#2563eb}.metric-value-row{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.metric-value-row strong{color:#0f172a;letter-spacing:-.02em;font-size:24px;font-weight:800}.theme-dark .metric-value-row strong{color:#f8fafc}.metric-chip{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.metric-chip.positive{color:#166534;background:#dcfce7}.theme-dark .metric-chip.positive{color:#4ade80;background:#16653459}.metric-bar-track{background:#e2e8f0;border-radius:999px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.theme-dark .metric-bar-track{background:#334155}.metric-bar-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;height:100%}.metric-bar-fill.emerald{background:linear-gradient(90deg,#059669,#10b981)}.metric-bar-fill.indigo{background:linear-gradient(90deg,#4f46e5,#6366f1)}.metric-footnote{color:#94a3b8;font-size:11px}.matrix-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.theme-dark .matrix-table-wrapper{border-color:#334155}.architecture-comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.architecture-comparison-table thead{background:#f8fafc}.theme-dark .architecture-comparison-table thead{background:#1e293b}.architecture-comparison-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:12px;font-weight:700}.theme-dark .architecture-comparison-table th{color:#94a3b8;border-color:#334155}.architecture-comparison-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px}.theme-dark .architecture-comparison-table td{color:#cbd5e1;border-color:#1e293b}.architecture-comparison-table tr:last-child td{border-bottom:none}.architecture-comparison-table tr.highlight-row{background:#f0fdf4}.theme-dark .architecture-comparison-table tr.highlight-row{background:#10b98114}.pattern-cell strong{color:#0f172a}.theme-dark .pattern-cell strong{color:#f8fafc}.latency-cell{font-family:var(--font-mono), monospace;color:#2563eb;font-weight:600}.theme-dark .latency-cell{color:#60a5fa}.status-badge{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.status-badge.recommended{color:#166534;background:#dcfce7}.theme-dark .status-badge.recommended{color:#4ade80;background:#16653466}.status-badge.production-ready,.status-badge.enterprise-standard{color:#1d4ed8;background:#eff6ff}.theme-dark .status-badge.production-ready,.theme-dark .status-badge.enterprise-standard{color:#93c5fd;background:#1d4ed84d}.status-badge.legacy{color:#64748b;background:#f1f5f9}.theme-dark .status-badge.legacy{color:#94a3b8;background:#334155}.topic-memory-recap-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:32px;padding:28px 32px;box-shadow:0 4px 16px #00000008}.theme-dark .topic-memory-recap-section{background:#111827;border-color:#1f2937}.recap-intro-text p{color:#475569;margin:0 0 18px;font-size:14.5px}.theme-dark .recap-intro-text p{color:#94a3b8}.recap-cards-list{flex-direction:column;gap:12px;display:flex}.recap-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.theme-dark .recap-card{background:#1e293b;border-color:#334155}.recap-card.is-memorized{background:#f0fdf4;border-color:#86efac}.theme-dark .recap-card.is-memorized{background:#16653426;border-color:#166534}.recap-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.recap-question-row{align-items:center;gap:12px;display:flex}.recap-dot{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.recap-dot.done{background:#10b981;box-shadow:0 0 8px #10b98180}.recap-question-row strong{color:#0f172a;font-size:14px}.theme-dark .recap-question-row strong{color:#f8fafc}.recap-header-actions{color:#64748b;align-items:center;gap:8px;display:flex}.theme-dark .recap-header-actions{color:#94a3b8}.recap-hint{font-size:12px;font-weight:600}.recap-card-body{padding:0 20px 18px}.recap-insight-callout{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:10px;margin-bottom:12px;padding:14px 16px;display:flex}.theme-dark .recap-insight-callout{background:#0f172a;border-color:#334155}.insight-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.recap-insight-callout p{color:#334155;margin:0;font-size:13.5px;line-height:1.6}.theme-dark .recap-insight-callout p{color:#cbd5e1}.recap-action-row{justify-content:flex-end;display:flex}.recap-check-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.recap-check-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.recap-check-btn.checked{color:#fff;background:#10b981;border-color:#059669}.core-concepts-pill-box{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:16px}.theme-dark .core-concepts-pill-box{border-color:#1e293b}.pill-box-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.theme-dark .pill-box-label{color:#94a3b8}.concepts-pills-row{flex-wrap:wrap;gap:8px;display:flex}.concept-pill-tag{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.theme-dark .concept-pill-tag{color:#cbd5e1;background:#1e293b;border-color:#334155}.concept-pill-tag svg{color:#2563eb}.topic-resources-wrapper{margin-top:32px}.learning-header-controls{align-items:center;gap:14px;display:flex}.learning-theme-toggle-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.learning-theme-toggle-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}html.theme-dark .learning-theme-toggle-btn,.theme-dark .learning-theme-toggle-btn{color:#fafafa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .learning-theme-toggle-btn:hover,.theme-dark .learning-theme-toggle-btn:hover{color:#fff!important;background:#27272a!important}html.theme-dark .modal,.theme-dark .modal{color:#fafafa!important;background:#121215!important;border-color:#27272a!important;box-shadow:0 28px 80px #000c!important}html.theme-dark .modal-header,.theme-dark .modal-header{color:#fff!important;border-bottom-color:#27272a!important}html.theme-dark .modal-header h2,.theme-dark .modal-header h2{color:#fff!important}html.theme-dark .modal-header .icon-button,.theme-dark .modal-header .icon-button{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .modal-header .icon-button:hover,.theme-dark .modal-header .icon-button:hover{color:#fff!important;background:#27272a!important}html.theme-dark .topic-modal-copy .lead-copy,html.theme-dark .topic-modal-copy .lead-copy p,.theme-dark .topic-modal-copy .lead-copy,.theme-dark .topic-modal-copy .lead-copy p{color:#d4d4d8!important}html.theme-dark .lesson-list,.theme-dark .lesson-list{background:#18181b!important;border-color:#27272a!important}html.theme-dark .lesson-list-head,.theme-dark .lesson-list-head{color:#fafafa!important;background:#121215!important;border-bottom-color:#27272a!important}html.theme-dark .lesson-list-head strong,.theme-dark .lesson-list-head strong{color:#fff!important}html.theme-dark .lesson-list-head span,.theme-dark .lesson-list-head span{color:#a1a1aa!important}html.theme-dark .lesson-row,.theme-dark .lesson-row{color:#fafafa!important;border-bottom-color:#27272a!important}html.theme-dark .lesson-row:hover,.theme-dark .lesson-row:hover{background:#222228!important}html.theme-dark .lesson-row strong,.theme-dark .lesson-row strong{color:#fff!important}html.theme-dark .lesson-row small,.theme-dark .lesson-row small{color:#a1a1aa!important}html.theme-dark .lesson-status,.theme-dark .lesson-status{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .modal-progress-row strong,.theme-dark .modal-progress-row strong{color:#fff!important}html.theme-dark .modal-progress-row span,.theme-dark .modal-progress-row span{color:#a1a1aa!important}html.theme-dark .modal-progress,.theme-dark .modal-progress{background:#27272a!important}html.theme-dark .topic-deep-dive-section,.theme-dark .topic-deep-dive-section{background:#18181b!important;border-color:#27272a!important}html.theme-dark .pillar-card,.theme-dark .pillar-card{background:#121215!important;border-color:#27272a!important}html.theme-dark .topic-architecture-table-section,.theme-dark .topic-architecture-table-section{background:#18181b!important;border-color:#27272a!important}html.theme-dark .metric-graph-card,.theme-dark .metric-graph-card{background:#121215!important;border-color:#27272a!important}html.theme-dark .matrix-table-wrapper,.theme-dark .matrix-table-wrapper{border-color:#27272a!important}html.theme-dark .architecture-comparison-table thead,.theme-dark .architecture-comparison-table thead{background:#121215!important}html.theme-dark .architecture-comparison-table th,.theme-dark .architecture-comparison-table th{color:#a1a1aa!important;border-color:#27272a!important}html.theme-dark .architecture-comparison-table td,.theme-dark .architecture-comparison-table td{color:#d4d4d8!important;border-color:#27272a!important}html.theme-dark .topic-memory-recap-section,.theme-dark .topic-memory-recap-section{background:#18181b!important;border-color:#27272a!important}html.theme-dark .recap-card,.theme-dark .recap-card{background:#121215!important;border-color:#27272a!important}html.theme-dark .recap-insight-callout,.theme-dark .recap-insight-callout{background:#18181b!important;border-color:#27272a!important}html.theme-dark .recap-check-btn,.theme-dark .recap-check-btn{color:#d4d4d8!important;background:#18181b!important;border-color:#27272a!important}.learning-topics-header-hero{max-width:900px;margin-bottom:28px}.topics-hero-title{letter-spacing:-.04em;color:#0f172a;margin:0 0 10px;font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.2}.hero-italic-gradient{color:#4f46e5;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:4px;font-style:italic;font-weight:700;display:inline}.topics-hero-description{color:#64748b;max-width:760px;margin:0 0 20px;font-size:14.5px;line-height:1.6}.topics-hero-callout{background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;align-items:center;gap:14px;padding:12px 18px;display:flex}.hero-callout-pill{letter-spacing:.08em;text-transform:uppercase;color:#6366f1;background:#ede9fe;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.hero-callout-text{color:#4b5563;font-size:12.5px;font-weight:500;line-height:1.45}html.theme-dark .topics-hero-title,.theme-dark .topics-hero-title{color:#fff!important}html.theme-dark .hero-italic-gradient,.theme-dark .hero-italic-gradient{color:#818cf8!important;background:linear-gradient(135deg,#a5b4fc 0%,#818cf8 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}html.theme-dark .topics-hero-description,.theme-dark .topics-hero-description{color:#a1a1aa!important}html.theme-dark .topics-hero-callout,.theme-dark .topics-hero-callout{background:#18181b!important;border-color:#27272a!important}html.theme-dark .hero-callout-pill,.theme-dark .hero-callout-pill{color:#a5b4fc!important;background:#27272a!important}html.theme-dark .hero-callout-text,.theme-dark .hero-callout-text{color:#d4d4d8!important}.workbooks-library-header{margin-bottom:28px}.workbooks-header-top{margin-bottom:18px}.workbooks-main-title{letter-spacing:-.04em;color:#0f172a;margin:0 0 6px;font-size:clamp(26px,3vw,36px);font-weight:800}.workbooks-hero-title{letter-spacing:-.05em;margin:0 0 14px;font-size:clamp(34px,4.5vw,52px);font-weight:900;line-height:1.08}.wb-hero-black{color:#0f172a;font-style:normal}.wb-hero-indigo{color:#6366f1;font-style:italic}html.theme-dark .wb-hero-black,.theme-dark .wb-hero-black{color:#fff!important}html.theme-dark .wb-hero-indigo,.theme-dark .wb-hero-indigo{color:#818cf8!important}.workbooks-subtitle{color:#64748b;margin:0;font-size:14.5px}.workbooks-stats-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:20px;margin-bottom:16px;padding:14px 20px;display:flex}.wb-stat-item{flex-direction:column;gap:2px;display:flex}.wb-stat-item strong{color:#0f172a;letter-spacing:-.03em;font-size:20px;font-weight:800}.wb-stat-item small{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.wb-stat-item strong.stat-inprogress{color:#f59e0b}.wb-stat-item strong.stat-completed{color:#10b981}.wb-stat-divider{background:#e2e8f0;width:1px;height:28px}.workbooks-search-row{margin-bottom:14px}.wb-search-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:9px 14px;transition:border-color .15s;display:flex}.wb-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.wb-search-box svg{color:#94a3b8;flex-shrink:0}.wb-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:14px}.wb-search-box input::placeholder{color:#94a3b8}.workbooks-filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;display:flex}.wb-filter-chip{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.wb-filter-chip:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.wb-filter-chip.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.wb-filter-chip.difficulty-chip.active{background:#0f172a;border-color:#0f172a}.wb-filter-divider{background:#e2e8f0;width:1px;height:20px;margin:0 4px}.workbooks-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.workbook-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:14px;padding:22px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0f172a0a}.workbook-card-new:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 28px #4f46e51a}.wb-card-header{justify-content:space-between;align-items:center;display:flex}.wb-card-meta{align-items:center;gap:6px;display:flex}.wb-category-pill{color:#6d28d9;text-transform:uppercase;letter-spacing:.04em;background:#ede9fe;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.wb-difficulty-pill.advanced{color:#9d174d;background:#fce7f3}.wb-status-badge{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.wb-status-badge.not-started{color:#64748b;background:#f1f5f9}.wb-status-badge.in-progress{color:#92400e;background:#fef3c7}.wb-status-badge.completed{color:#166534;background:#dcfce7}.wb-card-body{flex:1}.wb-card-title{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.3}.wb-card-outcome{color:#64748b;margin:0;font-size:13px;font-style:italic;line-height:1.5}.wb-card-stats{color:#64748b;align-items:center;gap:8px;font-size:12.5px;display:flex}.wb-meta-item{align-items:center;gap:4px;display:inline-flex}.wb-meta-sep{color:#cbd5e1}.wb-progress-section{flex-direction:column;gap:6px;display:flex}.wb-progress-labels{color:#94a3b8;justify-content:space-between;font-size:11.5px;display:flex}.wb-progress-track{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden}.wb-progress-fill{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%;transition:width .5s}.wb-card-footer{width:100%;margin-top:auto}.wb-card-overview-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.wb-start-btn{color:#fff;white-space:nowrap;background:#4f46e5;border-radius:10px;flex:1.6;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.wb-start-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}html.theme-dark .workbooks-main-title,.theme-dark .workbooks-main-title{color:#fff!important}html.theme-dark .workbooks-subtitle,.theme-dark .workbooks-subtitle{color:#a1a1aa!important}html.theme-dark .workbooks-stats-bar,.theme-dark .workbooks-stats-bar{background:#18181b!important;border-color:#27272a!important}html.theme-dark .wb-stat-item strong,.theme-dark .wb-stat-item strong{color:#fff!important}html.theme-dark .wb-stat-divider,.theme-dark .wb-stat-divider{background:#27272a!important}html.theme-dark .wb-search-box,.theme-dark .wb-search-box{background:#18181b!important;border-color:#27272a!important}html.theme-dark .wb-search-box input,.theme-dark .wb-search-box input{color:#fafafa!important}html.theme-dark .wb-filter-chip,.theme-dark .wb-filter-chip{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .wb-filter-chip:hover,.theme-dark .wb-filter-chip:hover{color:#fff!important;background:#27272a!important}html.theme-dark .workbook-card-new,.theme-dark .workbook-card-new{background:#18181b!important;border-color:#27272a!important}html.theme-dark .wb-card-title,.theme-dark .wb-card-title{color:#fff!important}html.theme-dark .wb-card-outcome,.theme-dark .wb-card-outcome{color:#a1a1aa!important}html.theme-dark .wb-progress-track,.theme-dark .wb-progress-track{background:#27272a!important}.workbook-interactive-workspace{box-sizing:border-box;flex-direction:column;gap:16px;max-width:1440px;height:100vh;max-height:100vh;margin:0 auto;padding:16px 24px;display:flex;overflow:hidden}.workbook-workspace-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:0;padding:14px 22px;display:flex;box-shadow:0 2px 8px #0f172a0a}.workspace-header-left{flex:1}.back-breadcrumb-link{color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;text-decoration:none;transition:color .15s;display:inline-flex}.back-breadcrumb-link:hover{color:#4f46e5}.workspace-title-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.difficulty-badge,.time-badge{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.difficulty-badge{color:#166534;background:#dcfce7}.time-badge{color:#64748b;background:#f1f5f9}.workbook-header-title{letter-spacing:-.03em;color:#0f172a;margin:0 0 4px;font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.2}.workbook-header-outcome{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.workspace-header-right{min-width:220px}.progress-labels{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:11.5px;display:flex}.progress-labels strong{color:#0f172a;font-weight:700}.progress-track{background:#f1f5f9;border-radius:999px;height:7px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%;transition:width .5s}.workbook-workspace-layout{flex:1;align-items:stretch;gap:18px;width:100%;min-height:0;display:flex;overflow:hidden}@media (max-width:900px){.workbook-interactive-workspace{height:auto;max-height:none;overflow:visible}.workbook-workspace-layout{flex-direction:column;overflow:visible}}.workbook-step-navigator{box-sizing:border-box;scrollbar-width:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 10px;box-shadow:0 2px 8px #0f172a08;flex:0 0 270px!important;width:270px!important;min-width:270px!important;max-width:270px!important;height:100%!important;max-height:100%!important;position:static!important;overflow-y:auto!important}.workbook-step-navigator::-webkit-scrollbar{display:none}.navigator-head{border-bottom:1px solid #f1f5f9;margin-bottom:8px;padding:2px 6px 12px}.navigator-head h3{color:#0f172a;margin:0 0 2px;font-size:13px;font-weight:700}.navigator-head small{color:#94a3b8;font-size:11px;font-weight:500}.navigator-step-list{flex-direction:column;gap:4px;display:flex}.nav-step-item{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.nav-step-item:hover{background:#f8fafc;border-color:#f1f5f9}.nav-step-item.is-active{background:#f5f3ff!important;border-color:#c7d2fe!important}.nav-step-item.is-locked{opacity:.55;cursor:not-allowed!important}.nav-step-item.is-locked:hover{background:0 0!important;border-color:#0000!important}.nav-step-item.is-locked .nav-step-title{color:#94a3b8!important}.step-status-indicator{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.status-icon.not-started{color:#cbd5e1}.status-icon.completed{color:#10b981}.status-icon.locked{color:#94a3b8}.status-icon.in-progress-dot{border:2px solid #f59e0b;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.status-icon.in-progress-dot .inner-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px}.nav-step-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nav-step-badge{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:9.5px;font-weight:800;line-height:1;display:block;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.nav-step-item.is-completed .nav-step-badge{color:#10b981}.nav-step-item.is-active .nav-step-badge{color:#6366f1}.nav-step-title{color:#334155;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;font-weight:600;line-height:1.35;display:block;overflow:hidden}.nav-step-item.is-active .nav-step-title{color:#1e1b4b;font-weight:700}.step-arrow-slot{flex-shrink:0;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;display:flex}.active-chevron{color:#6366f1}.workbook-active-activity-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a0a;height:100%!important;max-height:100%!important}.activity-step-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:18px 24px 14px}.activity-scroll-body{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.activity-scroll-body::-webkit-scrollbar{display:none}.step-counter-pill{letter-spacing:.08em;text-transform:uppercase;color:#6366f1;background:#ede9fe;border-radius:6px;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.activity-title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:22px;font-weight:800}.activity-section{border-bottom:1px solid #f8fafc;padding:20px 28px}.section-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;align-items:center;gap:6px;margin-bottom:10px;font-size:10.5px;font-weight:800;display:inline-flex}.section-label.accent{color:#4f46e5}.why-text{color:#334155;margin:0;font-size:14.5px;line-height:1.65}.what-text{color:#0f172a;margin:0;font-size:14.5px;line-height:1.65}.workbook-markdown-content{color:inherit;font-size:14.5px;line-height:1.7}.workbook-markdown-content .wb-paragraph{color:#1e293b;margin:0 0 12px;line-height:1.7}.workbook-markdown-content .wb-heading-1{color:#0f172a;margin:16px 0 8px;font-size:1.25rem;font-weight:700}.workbook-markdown-content .wb-heading-2{color:#1e293b;margin:14px 0 8px;font-size:1.15rem;font-weight:700}.workbook-markdown-content .wb-heading-3{color:#334155;margin:12px 0 6px;font-size:1.05rem;font-weight:700}.workbook-markdown-content .wb-heading-4{color:#475569;margin:10px 0 4px;font-size:.95rem;font-weight:700}.workbook-markdown-content .wb-ul,.workbook-markdown-content .wb-ol{flex-direction:column;gap:6px;margin:8px 0 14px 20px;padding:0;display:flex}.workbook-markdown-content .wb-list-item{color:#334155;line-height:1.6}.workbook-markdown-content .wb-ordered-item{color:#334155;line-height:1.6;list-style:none}.workbook-markdown-content .wb-order-num{color:#6366f1;margin-right:4px;font-weight:700}.workbook-markdown-content .wb-inline-code{color:#c4b5fd;background:#6366f12e;border:1px solid #6366f159;border-radius:6px;padding:2px 7px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em}.workbook-markdown-content .wb-code-block{background:#0f172a;border:1px solid #1e293b;border-radius:10px;margin:12px 0 16px;overflow:hidden}.workbook-markdown-content .wb-code-header{background:#1e293b;border-bottom:1px solid #334155;justify-content:flex-end;padding:6px 12px;display:flex}.workbook-markdown-content .wb-code-lang{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-size:11px;font-weight:700}.workbook-markdown-content .wb-code-block pre{margin:0;padding:12px 16px;overflow-x:auto}.workbook-markdown-content .wb-code-block code{color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.workbook-markdown-content .wb-table-wrapper{border:1px solid #e2e8f0;border-radius:10px;margin:14px 0 18px;overflow-x:auto}.workbook-markdown-content .wb-markdown-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.workbook-markdown-content .wb-markdown-table th{color:#0f172a;background:#f1f5f9;border-bottom:1.5px solid #cbd5e1;padding:10px 14px;font-weight:700}.workbook-markdown-content .wb-markdown-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:10px 14px}.workbook-markdown-content .wb-markdown-table tr:last-child td{border-bottom:none}.workbook-markdown-content .wb-blockquote{color:#4338ca;background:#6366f10f;border-left:4px solid #6366f1;border-radius:0 8px 8px 0;margin:12px 0;padding:8px 16px;font-style:italic}.workbook-markdown-content .wb-hr{background:#e2e8f0;border:none;height:1px;margin:18px 0}.example-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.example-box pre{color:#1e293b;white-space:pre-wrap;margin:0;padding:16px 18px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.your-turn-section{background:#fafbff}.your-turn-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.autosave-badge{font-size:12px}.saved-text{color:#10b981;align-items:center;gap:4px;font-weight:600;display:inline-flex}.saving-text{color:#94a3b8;font-style:italic}.prompt-editor-wrapper{flex-direction:column;gap:10px;display:flex}.prompt-textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13.5px;line-height:1.65;transition:border-color .15s}.prompt-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.prompt-textarea::placeholder{color:#94a3b8}.editor-actions-bar{justify-content:space-between;align-items:center;display:flex}.editor-tools-left{align-items:center;gap:6px;display:flex}.editor-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.editor-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.editor-btn.ai-enhance{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd}.editor-btn.ai-enhance:hover{color:#5b21b6;background:#ddd6fe;border-color:#a78bfa}.char-counter{color:#94a3b8;font-size:11px}.checklist-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.auto-eval-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #6366f114;color:#4338ca!important;background:#eef2ff!important;border:1px solid #c7d2fe!important}.auto-eval-btn:hover:not(:disabled){transform:translateY(-1px);background:#e0e7ff!important;border-color:#a5b4fc!important}.auto-eval-btn:disabled{opacity:.55;cursor:not-allowed}.ai-eval-summary-banner{border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.ai-eval-summary-banner.is-passed{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.ai-eval-summary-banner.is-incomplete{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.checklist-helper{color:#64748b;margin:0 0 14px;font-size:13px}.step-check-list{flex-direction:column;gap:10px;display:flex}.step-check-item-wrapper{flex-direction:column;gap:4px;display:flex}.step-check-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.step-check-item input[type=checkbox]{display:none}.step-check-item.is-checked{background:#f0fdf4;border-color:#86efac}.check-custom-box{color:#10b981;background:#fff;border:2px solid #cbd5e1;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;transition:all .15s;display:grid}.step-check-item.is-checked .check-custom-box{color:#fff;background:#10b981;border-color:#10b981}.check-label-text{color:#334155;font-size:13.5px;font-weight:500}.step-check-item.is-checked .check-label-text{color:#166534}.required-star{color:#ef4444;margin-left:3px}.check-eval-feedback-chip{border-radius:6px;align-items:center;gap:6px;margin-left:30px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.check-eval-feedback-chip.passed{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.check-eval-feedback-chip.failed{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reflection-inputs-grid{flex-direction:column;gap:14px;display:flex}.reflection-field{flex-direction:column;gap:6px;display:flex}.reflection-field>span{color:#64748b;font-size:12.5px;font-weight:700}.reflection-field textarea{color:#0f172a;resize:vertical;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:13.5px;line-height:1.6;transition:border-color .15s}.reflection-field textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.activity-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.step-prev-btn:hover{color:#0f172a;border-color:#cbd5e1}.step-complete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.step-complete-btn:hover:not(.is-disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.step-complete-btn.is-disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#e2e8f0}.wb-input-error-banner{color:#b91c1c;background:#fef2f2;border:1.5px solid #f87171;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;animation:.35s shake-error;display:flex}.prompt-textarea.input-required-border{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.step-validation-footer-hint{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.char-counter-empty{font-weight:600;color:#f59e0b!important}.char-counter-ok{font-weight:600;color:#10b981!important}@keyframes shake-error{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.ai-modal-backdrop{z-index:9000}.ai-suggestion-modal{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:92%;max-width:860px;max-height:90vh;animation:.2s modal-scale-in;overflow-y:auto;box-shadow:0 24px 72px #0000002e}.ai-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:22px 26px;display:flex}.ai-modal-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.ai-modal-title-row h3{color:#0f172a;margin:0 0 3px;font-size:16px;font-weight:700}.ai-modal-title-row p{color:#64748b;margin:0;font-size:13px}.ai-modal-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.ai-comparison-grid{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:0;display:grid}@media (max-width:700px){.ai-comparison-grid{grid-template-columns:1fr}}.comparison-column{flex-direction:column;display:flex}.comparison-column.user-column{border-right:1px solid #f1f5f9}.column-label{text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-size:11px;font-weight:800}.column-label.ai-label{color:#7c3aed;align-items:center;gap:4px;display:inline-flex}.edit-suggestion-toggle{color:#7c3aed;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:2px 6px;font-size:11.5px;font-weight:600;transition:background .15s;display:inline-flex}.edit-suggestion-toggle:hover{background:#ede9fe}.comparison-content{flex:1;min-height:180px;padding:18px}.comparison-pre{white-space:pre-wrap;color:#1e293b;background:0 0;margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.ai-pre{color:#4c1d95}.empty-version-text{color:#94a3b8;font-size:13px;font-style:italic}.comparison-textarea{color:#1e293b;resize:vertical;background:#faf5ff;border:1.5px solid #c4b5fd;border-radius:10px;width:100%;height:100%;min-height:180px;padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.comparison-textarea:focus{border-color:#7c3aed;outline:none}.ai-modal-footer{justify-content:space-between;align-items:center;padding:16px 26px;display:flex}.ai-btn-keep:hover{color:#0f172a;border-color:#cbd5e1}.ai-btn-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.ai-btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6d28d959}.proof-of-work-container{flex-direction:column;gap:24px;max-width:920px;margin:0 auto;padding:24px 20px 48px;display:flex}.completion-status-chip{color:#0f172a;background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.completion-real-stat-item{flex:1;align-items:center;gap:12px;min-width:180px;display:flex}.exec-btn{cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.exec-btn.primary{color:#fff;background:#0f172a;border:1.5px solid #0f172a}.exec-btn.primary:hover{background:#1e293b;border-color:#1e293b;transform:translateY(-1px)}.exec-btn.subtle:hover{background:#6366f126;transform:translateY(-1px)}.your-build-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0f172a08,0 1px 3px #0f172a05}.your-build-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.your-build-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.build-action-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.build-action-btn:hover{color:#0f172a;border-color:#cbd5e1}.build-action-btn.primary:hover{background:#1e293b}.build-steps-log{margin-top:8px}.build-log-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.build-step-entry{flex-direction:column;gap:6px;display:flex}.build-step-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.step-head-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.step-num-chip{text-transform:uppercase;letter-spacing:.07em;color:#6366f1;background:#ede9fe;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:800}.build-step-head h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.step-copy-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.build-step-directive{color:#64748b;margin:0;font-size:12.5px;line-height:1.45}.build-step-prompt-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.build-step-prompt-box pre{color:#334155;white-space:pre-wrap;margin:0;padding:12px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.build-reflection-summary{margin-top:24px}.reflection-qa-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.reflection-qa-card small{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.recommended-cards-grid{flex-direction:column;gap:12px;display:flex}.recommended-topic-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;transition:all .15s;display:flex}.recommended-topic-card:hover{border-color:#c7d2fe;box-shadow:0 4px 14px #6366f11a}html.theme-dark .completion-exec-card,.theme-dark .completion-exec-card{background:#18181b!important;border-color:#27272a!important;box-shadow:0 4px 20px #0006!important}html.theme-dark .completion-exec-title,.theme-dark .completion-exec-title{color:#fff!important}html.theme-dark .completion-exec-outcome,.theme-dark .completion-exec-outcome{color:#a1a1aa!important}html.theme-dark .completion-real-stats-strip,.theme-dark .completion-real-stats-strip{background:#121215!important;border-color:#27272a!important}html.theme-dark .completion-real-stat-item strong,.theme-dark .completion-real-stat-item strong{color:#fff!important}html.theme-dark .completion-real-stat-divider,.theme-dark .completion-real-stat-divider{background:#27272a!important}html.theme-dark .exec-btn.primary,.theme-dark .exec-btn.primary{color:#0f172a!important;background:#fff!important;border-color:#fff!important}html.theme-dark .exec-btn.primary:hover,.theme-dark .exec-btn.primary:hover{background:#f1f5f9!important}html.theme-dark .exec-btn.secondary,.theme-dark .exec-btn.secondary{color:#d4d4d8!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .exec-btn.secondary:hover,.theme-dark .exec-btn.secondary:hover{color:#fff!important;background:#27272a!important}html.theme-dark .exec-btn.outline,.theme-dark .exec-btn.outline{color:#a1a1aa!important;background:0 0!important;border-color:#27272a!important}html.theme-dark .exec-btn.outline:hover,.theme-dark .exec-btn.outline:hover{color:#fff!important;background:#27272a!important}html.theme-dark .build-step-prompt-box,.theme-dark .build-step-prompt-box{background:#121215!important;border-color:#27272a!important}html.theme-dark .step-copy-btn,.theme-dark .step-copy-btn{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .step-copy-btn:hover,.theme-dark .step-copy-btn:hover{color:#fff!important;background:#27272a!important}html.theme-dark .recommended-topic-card,.theme-dark .recommended-topic-card{background:#18181b!important;border-color:#27272a!important}.recommended-topic-card p{color:#64748b;margin:0;font-size:12.5px}.rec-arrow{color:#94a3b8;flex-shrink:0;margin-left:auto}html.theme-dark .workbook-workspace-header,.theme-dark .workbook-workspace-header{background:#18181b!important;border-color:#27272a!important}html.theme-dark .workbook-header-title,.theme-dark .workbook-header-title{color:#fff!important}html.theme-dark .difficulty-badge,.theme-dark .difficulty-badge{color:#4ade80!important;background:#10b98133!important}html.theme-dark .workbook-step-navigator,.theme-dark .workbook-step-navigator{background:#18181b!important;border-color:#27272a!important}html.theme-dark .nav-step-item:hover,.theme-dark .nav-step-item:hover{background:#27272a!important}html.theme-dark .nav-step-item.is-active,.theme-dark .nav-step-item.is-active{background:#1e1b4b!important}html.theme-dark .step-name,.theme-dark .step-name{color:#d4d4d8!important}html.theme-dark .workbook-active-activity-panel,.theme-dark .workbook-active-activity-panel{background:#18181b!important;border-color:#27272a!important}html.theme-dark .activity-step-header,.theme-dark .activity-step-header{border-color:#27272a!important}html.theme-dark .activity-title,.theme-dark .activity-title{color:#fff!important}html.theme-dark .why-text,.theme-dark .why-text{color:#a1a1aa!important}html.theme-dark .what-text,.theme-dark .what-text{color:#d4d4d8!important}html.theme-dark .example-box,.theme-dark .example-box{background:#121215!important;border-color:#27272a!important}html.theme-dark .example-box pre,.theme-dark .example-box pre{color:#d4d4d8!important}html.theme-dark .your-turn-section,.theme-dark .your-turn-section{background:#121215!important}html.theme-dark .prompt-textarea,.theme-dark .prompt-textarea{color:#fafafa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .editor-btn,.theme-dark .editor-btn{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .step-check-item,.theme-dark .step-check-item,html.theme-dark .activity-footer,.theme-dark .activity-footer{background:#121215!important;border-color:#27272a!important}html.theme-dark .your-build-section,.theme-dark .your-build-section,html.theme-dark .ai-suggestion-modal,.theme-dark .ai-suggestion-modal{background:#18181b!important;border-color:#27272a!important}html.theme-dark .comparison-pre,.theme-dark .comparison-pre{color:#d4d4d8!important}.wb-card-btn-group{align-items:center;gap:8px;width:100%;display:flex}.wb-card-overview-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.wb-card-overview-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.wb-start-btn.completed{background:#10b981!important}.wb-start-btn.completed:hover{background:#059669!important;box-shadow:0 4px 12px #10b9814d!important}.wb-progress-fill.completed{background:linear-gradient(90deg,#10b981,#059669)!important}.wb-progress-fill.in_progress{background:linear-gradient(90deg,#6366f1,#4f46e5)!important}.wb-progress-fill.not_started{background:#e2e8f0!important}.completion-cta-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.restart-workbook-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:12px;align-items:center;gap:7px;padding:11px 20px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.restart-workbook-btn:hover{background:#ffffff38;border-color:#ffffff73;transform:translateY(-1px)}.wb-overview-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;place-items:center;padding:20px;animation:.2s ease-out wb-fade-in;display:grid;position:fixed;inset:0}.wb-overview-modal{background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;flex-direction:column;width:100%;max-width:680px;max-height:calc(90vh - 20px);display:flex;overflow:hidden}.wb-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.wb-modal-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.wb-modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.wb-modal-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.wb-modal-scroll::-webkit-scrollbar{display:none}.wb-modal-title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.25}.wb-modal-outcome{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:12px 16px;font-size:13.5px;line-height:1.5}.wb-modal-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wb-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.wb-metric-card svg{color:#6366f1;flex-shrink:0}.wb-metric-card small{color:#94a3b8;text-transform:uppercase;margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}.wb-metric-card strong{color:#0f172a;font-size:12.5px;font-weight:700;display:block}.wb-modal-progress-banner{border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.wb-modal-progress-banner.not_started{background:#f8fafc;border:1px solid #e2e8f0}.wb-modal-progress-banner.in_progress{background:linear-gradient(135deg,#6366f114,#4f46e508);border:1px solid #6366f138}.wb-modal-progress-banner.completed{background:linear-gradient(135deg,#10b98114,#05966908);border:1px solid #10b98138}.wb-modal-progress-text{justify-content:space-between;align-items:center;gap:12px;display:flex}.wb-modal-progress-text strong{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700;display:block}.wb-modal-progress-text small{color:#64748b;font-size:12px;display:block}.wb-progress-percent-badge{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12.5px;font-weight:800}.wb-modal-progress-track{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.wb-modal-progress-fill{border-radius:999px;height:100%;transition:width .4s}.wb-modal-progress-fill.in_progress{background:linear-gradient(90deg,#6366f1,#4f46e5)}.wb-modal-progress-fill.completed{background:linear-gradient(90deg,#10b981,#059669)}.wb-modal-progress-fill.not_started{background:#cbd5e1}.wb-modal-steps-section{flex-direction:column;gap:10px;display:flex}.wb-modal-steps-header{justify-content:space-between;align-items:center;display:flex}.wb-modal-steps-header h3{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.wb-modal-steps-header span{color:#94a3b8;font-size:12px;font-weight:600}.wb-modal-steps-list{scrollbar-width:none;flex-direction:column;gap:8px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.wb-modal-steps-list::-webkit-scrollbar{display:none}.wb-modal-step-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.wb-modal-step-item.completed{background:#f0fdf4;border-color:#bbf7d0}.wb-modal-step-item.current{background:#6366f10a;border-color:#818cf8}.wb-step-indicator{flex-shrink:0;margin-top:2px}.step-number-bubble{color:#6366f1;background:#ede9fe;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.step-done-icon{color:#10b981}.wb-step-details{flex:1;min-width:0}.wb-step-title-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.wb-step-title-row h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.current-step-tag{color:#4f46e5;text-transform:uppercase;background:#ede9fe;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:800}.step-done-tag{color:#166534;text-transform:uppercase;background:#dcfce7;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:800}.wb-step-instruction{color:#64748b;margin:0;font-size:12px;line-height:1.45}.wb-modal-footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.wb-modal-primary-btn{color:#fff;background:#4f46e5;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.wb-modal-primary-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 14px #4f46e54d}.wb-modal-primary-btn.success{background:#10b981}.wb-modal-primary-btn.success:hover{background:#059669;box-shadow:0 4px 14px #10b9814d}.wb-modal-secondary-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:7px;padding:11px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.wb-modal-secondary-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}html.theme-dark .wb-overview-modal,.theme-dark .wb-overview-modal{background:#18181b!important;border-color:#27272a!important;box-shadow:0 24px 60px #0009!important}html.theme-dark .wb-modal-header,.theme-dark .wb-modal-header{border-bottom-color:#27272a!important}html.theme-dark .wb-modal-close,.theme-dark .wb-modal-close{color:#a1a1aa!important;background:#27272a!important;border-color:#3f3f46!important}html.theme-dark .wb-modal-title,.theme-dark .wb-modal-title{color:#fff!important}html.theme-dark .wb-modal-outcome,.theme-dark .wb-modal-outcome{color:#d4d4d8!important;background:#121215!important;border-color:#27272a!important}html.theme-dark .wb-metric-card,.theme-dark .wb-metric-card{background:#121215!important;border-color:#27272a!important}html.theme-dark .wb-metric-card strong,.theme-dark .wb-metric-card strong{color:#fff!important}html.theme-dark .wb-modal-progress-banner.not_started,.theme-dark .wb-modal-progress-banner.not_started{background:#121215!important;border-color:#27272a!important}html.theme-dark .wb-modal-progress-text strong,.theme-dark .wb-modal-progress-text strong{color:#fff!important}html.theme-dark .wb-modal-progress-text small,.theme-dark .wb-modal-progress-text small{color:#a1a1aa!important}html.theme-dark .wb-progress-percent-badge,.theme-dark .wb-progress-percent-badge{color:#fff!important;background:#27272a!important;border-color:#3f3f46!important}html.theme-dark .wb-modal-progress-track,.theme-dark .wb-modal-progress-track{background:#27272a!important}html.theme-dark .wb-modal-steps-header h3,.theme-dark .wb-modal-steps-header h3{color:#fff!important}html.theme-dark .wb-modal-step-item,.theme-dark .wb-modal-step-item{background:#121215!important;border-color:#27272a!important}html.theme-dark .wb-modal-step-item.completed,.theme-dark .wb-modal-step-item.completed{background:#10b9811a!important;border-color:#10b9814d!important}html.theme-dark .wb-modal-step-item.current,.theme-dark .wb-modal-step-item.current{background:#6366f11a!important;border-color:#6366f166!important}html.theme-dark .wb-step-title-row h4,.theme-dark .wb-step-title-row h4{color:#fff!important}html.theme-dark .wb-step-instruction,.theme-dark .wb-step-instruction{color:#a1a1aa!important}html.theme-dark .wb-modal-footer,.theme-dark .wb-modal-footer{background:#121215!important;border-top-color:#27272a!important}html.theme-dark .wb-modal-secondary-btn,.theme-dark .wb-modal-secondary-btn{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .wb-modal-secondary-btn:hover,.theme-dark .wb-modal-secondary-btn:hover{color:#fff!important;background:#27272a!important}html.theme-dark .wb-card-overview-btn,.theme-dark .wb-card-overview-btn{color:#a1a1aa!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .wb-card-overview-btn:hover,.theme-dark .wb-card-overview-btn:hover{color:#fff!important;background:#27272a!important}.ai-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.ai-suggestion-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}.ai-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ai-modal-title-row{align-items:center;gap:14px;display:flex}.ai-modal-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 12px #6366f14d}.ai-modal-model-badge span{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;background:#ede9fe;border-radius:6px;margin-bottom:3px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.ai-modal-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.ai-modal-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;place-items:center;width:34px;height:34px;transition:all .15s;display:grid}.ai-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.ai-modal-tab-bar-container{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;padding:10px 24px;display:flex}.ai-segmented-tabs{background:#e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex}.ai-tab-pill{color:#64748b;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex;background:0 0!important;border:none!important}.ai-tab-pill:hover:not(.is-active){color:#0f172a;background:#fff6!important}.ai-tab-pill.is-active{color:#4338ca!important;background:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #0f172a14!important}.ai-tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ai-comparison-toolbar{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;display:flex}.toolbar-hint{color:#64748b;font-size:12px}.enhance-success-chip{color:#047857;background:#d1fae5;border-radius:6px;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.live-llm-btn{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.live-llm-btn:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc}.live-llm-btn:disabled{opacity:.7;cursor:not-allowed}.ai-comparison-grid{flex:1;grid-template-columns:1fr 1.2fr;gap:16px;min-height:280px;padding:16px 24px;display:grid;overflow-y:auto}@media (max-width:768px){.ai-comparison-grid{grid-template-columns:1fr}}.comparison-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.comparison-column.ai-column{background:#faf5ff;border-color:#ddd6fe}.column-header{background:#ffffffb3;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.comparison-column.ai-column .column-header{background:#f5f3ffe6;border-bottom-color:#ede9fe}.column-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.column-label.ai-label{color:#6d28d9}.char-count{color:#94a3b8;font-size:11px}.edit-suggestion-toggle{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.edit-suggestion-toggle.is-done{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.comparison-content{flex:1;min-height:200px;max-height:360px;padding:14px;overflow-y:auto}.prompt-display-card{color:#1e293b;white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;padding:0;font-size:13px;line-height:1.6}.prompt-display-card.ai-card{color:#3b0764}.comparison-textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #c7d2fe;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:13px;line-height:1.6}.comparison-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.empty-version-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px 16px;display:flex}.empty-version-text{color:#94a3b8;margin:0 0 6px;font-size:13px;font-weight:600}.empty-version-state small{color:#cbd5e1;font-size:11.5px}.ai-modal-footer{background:#fff;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.ai-modal-safety-note{color:#64748b;font-size:12px}.ai-modal-actions{align-items:center;gap:10px;display:flex}.ai-btn-keep{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.ai-btn-keep:hover{color:#0f172a;background:#f1f5f9}.ai-btn-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #6366f140}.ai-btn-accept:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.chat-tab-content{flex-direction:column;gap:12px;height:520px;padding:16px 24px;display:flex}.quick-chips-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quick-chips-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:11px;font-weight:700}.quick-chips-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-chip-btn{cursor:pointer;border-radius:20px;align-items:center;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a;color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important}.quick-chip-btn:hover{transform:translateY(-1px);color:#4338ca!important;background:#eef2ff!important;border-color:#818cf8!important}.ai-chat-messages-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.chat-bubble-row{gap:10px;max-width:90%;display:flex}.chat-bubble-row.user-row{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-row.bot-row{align-self:flex-start}.chat-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.user-row .chat-avatar{color:#fff;background:#6366f1}.bot-row .chat-avatar{color:#6d28d9;background:#ede9fe}.chat-bubble-content{border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px #0f172a0a}.user-row .chat-bubble-content{color:#fff;background:#6366f1;border-bottom-right-radius:4px}.bot-row .chat-bubble-content{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.chat-bubble-header{margin-bottom:4px;font-size:11px}.user-row .chat-bubble-header{color:#ffffffd9;text-align:right}.bot-row .chat-bubble-header{color:#6d28d9}.chat-message-body{color:inherit;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.user-row .chat-message-body{color:#fff}.chat-bubble-actions{border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.bubble-action-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.bubble-action-btn:hover{color:#4f46e5;background:#ede9fe;border-color:#c7d2fe}.bubble-action-btn.insert-btn{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.chat-loading-dots{color:#6d28d9;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.spin-animate{animation:1s linear infinite rotate}.ai-chat-input-wrapper{margin-top:auto}.ai-chat-form{align-items:center;gap:8px;display:flex}.ai-chat-input{border-radius:12px;outline:none;flex:1;padding:12px 18px;font-size:13.5px;transition:border-color .15s,box-shadow .15s;color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important}.ai-chat-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}.ai-chat-send-btn{cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:12px 22px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important}.ai-chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f140;background:linear-gradient(135deg,#4f46e5,#4338ca)!important}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}html.theme-dark .ai-suggestion-modal,.theme-dark .ai-suggestion-modal{background:#121215!important;border-color:#27272a!important}html.theme-dark .ai-modal-header,.theme-dark .ai-modal-header{background:#18181b!important;border-bottom-color:#27272a!important}html.theme-dark .ai-modal-title,.theme-dark .ai-modal-title{color:#fff!important}html.theme-dark .ai-modal-tab-bar-container,.theme-dark .ai-modal-tab-bar-container{background:#18181b!important;border-bottom-color:#27272a!important}html.theme-dark .ai-segmented-tabs,.theme-dark .ai-segmented-tabs{background:#27272a!important}html.theme-dark .ai-tab-pill.is-active,.theme-dark .ai-tab-pill.is-active{color:#818cf8!important;background:#121215!important;box-shadow:0 2px 6px #0006!important}html.theme-dark .ai-comparison-toolbar,.theme-dark .ai-comparison-toolbar{background:#121215!important;border-bottom-color:#27272a!important}html.theme-dark .comparison-column,.theme-dark .comparison-column{background:#18181b!important;border-color:#27272a!important}html.theme-dark .column-header,.theme-dark .column-header{background:#1f1f23!important;border-bottom-color:#27272a!important}html.theme-dark .prompt-display-card,.theme-dark .prompt-display-card{color:#e4e4e7!important}html.theme-dark .comparison-textarea,.theme-dark .comparison-textarea{color:#fff!important;background:#18181b!important;border-color:#3f3f46!important}html.theme-dark .quick-chip-btn,.theme-dark .quick-chip-btn{color:#e4e4e7!important;background:#1f1f23!important;border-color:#3f3f46!important}html.theme-dark .quick-chip-btn:hover,.theme-dark .quick-chip-btn:hover{color:#fff!important;background:#27272a!important;border-color:#818cf8!important}html.theme-dark .ai-chat-messages-container,.theme-dark .ai-chat-messages-container{background:#18181b!important;border-color:#27272a!important}html.theme-dark .bot-row .chat-bubble-content,.theme-dark .bot-row .chat-bubble-content{color:#e4e4e7!important;background:#1f1f23!important;border-color:#27272a!important}html.theme-dark .ai-chat-input,.theme-dark .ai-chat-input{color:#fff!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .ai-modal-footer,.theme-dark .ai-modal-footer{background:#18181b!important;border-top-color:#27272a!important}.proof-of-work-container{flex-direction:column;gap:32px;max-width:1080px;margin:0 auto;padding:32px 24px 64px;animation:.3s ease-out modalFadeIn;display:flex}.completion-top-nav{justify-content:space-between;align-items:center;display:flex}.completion-back-link{color:#64748b;align-items:center;gap:6px;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.completion-back-link:hover{color:#4f46e5}.completion-verified-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.completion-exec-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:28px;padding:36px 40px;display:flex;box-shadow:0 4px 20px #0f172a0d}.completion-exec-top{flex-direction:column;gap:12px;display:flex}.completion-meta-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-category-pill{text-transform:uppercase;letter-spacing:.06em;color:#6d28d9;background:#ede9fe;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:800}.wb-difficulty-pill{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.wb-difficulty-pill.beginner{color:#15803d;background:#dcfce7}.wb-difficulty-pill.intermediate{color:#b45309;background:#fef3c7}.completion-status-chip{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.completion-exec-title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.2}.completion-exec-outcome{color:#64748b;margin:0;font-size:14.5px;line-height:1.5}.completion-exec-outcome strong{color:#334155}.completion-real-stats-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.completion-real-stat-item{align-items:center;gap:14px;display:flex}.real-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.real-stat-icon.emerald{color:#059669;background:#ecfdf5}.real-stat-icon.indigo{color:#4f46e5;background:#eef2ff}.real-stat-icon.slate{color:#475569;background:#f1f5f9}.completion-real-stat-item small{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:2px;font-size:11.5px;font-weight:600;display:block}.completion-real-stat-item strong{color:#0f172a;font-size:14.5px;font-weight:700;display:block}.completion-real-stat-divider{background:#e2e8f0;width:1px;height:36px}@media (max-width:768px){.completion-real-stat-divider{display:none}}.completion-exec-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:6px;display:flex}.exec-toolbar-left,.exec-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.exec-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:7px;padding:11px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.exec-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f140}.exec-btn.primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.exec-btn.secondary{color:#334155;background:#f8fafc;border:1.5px solid #cbd5e1}.exec-btn.secondary:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.exec-btn.outline{color:#64748b;background:#fff;border:1.5px solid #e2e8f0}.exec-btn.outline:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.exec-btn.subtle{color:#6d28d9;background:#f5f3ff;border:1.5px solid #ddd6fe}.exec-btn.subtle:hover{color:#5b21b6;background:#ede9fe}.your-build-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:32px;padding:36px 40px;display:flex;box-shadow:0 4px 20px #0f172a0d}.your-build-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;display:flex}.certified-badge-inline{text-transform:uppercase;letter-spacing:.06em;color:#4f46e5;background:#eef2ff;border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.your-build-header h2{letter-spacing:-.02em;color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:800}.your-build-header p{color:#64748b;margin:0;font-size:13.5px}.your-build-actions{align-items:center;gap:10px;display:flex}.build-action-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.build-action-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.build-action-btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.build-action-btn.primary:hover{background:#4338ca;border-color:#4338ca}.build-steps-log{flex-direction:column;gap:16px;display:flex}.build-log-header-row{justify-content:space-between;align-items:center;display:flex}.build-log-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.build-log-subtext{color:#10b981;font-size:12px;font-weight:600}.build-steps-list{flex-direction:column;gap:16px;display:flex}.build-step-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex}.build-step-head{justify-content:space-between;align-items:center;display:flex}.step-head-left{align-items:center;gap:10px;display:flex}.step-head-left .step-num-chip{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;background:#ede9fe;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:800}.step-head-left h4{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.step-copy-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.step-copy-btn:hover{color:#4338ca;background:#eef2ff;border-color:#a5b4fc}.build-step-directive{color:#64748b;margin:0;font-size:13px}.build-step-prompt-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.build-step-prompt-box pre{color:#1e293b;white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:13px;line-height:1.6}.build-reflection-summary{border-top:1px solid #f1f5f9;flex-direction:column;gap:16px;padding-top:12px;display:flex}.reflection-qa-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:800px){.reflection-qa-grid{grid-template-columns:1fr}}.reflection-qa-card{background:#fafbff;border:1px solid #e0e7ff;border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.reflection-qa-card small{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;font-size:11px;font-weight:800}.reflection-qa-card p{color:#334155;margin:0;font-size:13px;line-height:1.55}.recommended-topics-section{flex-direction:column;gap:16px;display:flex}.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:#6366f1;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.recommended-topics-section h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.recommended-cards-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.recommended-cards-grid{grid-template-columns:1fr}}.recommended-topic-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0f172a08}.recommended-topic-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 24px #6366f11f}.rec-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.recommended-topic-card strong{color:#0f172a;margin-bottom:2px;font-size:14.5px;font-weight:700;display:block}.recommended-topic-card p{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.rec-arrow{color:#94a3b8;flex-shrink:0;margin-left:auto;transition:transform .15s}.recommended-topic-card:hover .rec-arrow{color:#4f46e5;transform:translate(4px)}html.theme-dark .completion-exec-card,.theme-dark .completion-exec-card,html.theme-dark .your-build-section,.theme-dark .your-build-section,html.theme-dark .recommended-topic-card,.theme-dark .recommended-topic-card{background:#121215!important;border-color:#27272a!important}html.theme-dark .completion-exec-title,.theme-dark .completion-exec-title,html.theme-dark .your-build-header h2,.theme-dark .your-build-header h2,html.theme-dark .build-log-title,.theme-dark .build-log-title,html.theme-dark .step-head-left h4,.theme-dark .step-head-left h4,html.theme-dark .recommended-topics-section h2,.theme-dark .recommended-topics-section h2,html.theme-dark .recommended-topic-card strong,.theme-dark .recommended-topic-card strong,html.theme-dark .completion-real-stat-item strong,.theme-dark .completion-real-stat-item strong{color:#fff!important}html.theme-dark .completion-real-stats-strip,.theme-dark .completion-real-stats-strip,html.theme-dark .build-step-entry,.theme-dark .build-step-entry,html.theme-dark .build-step-prompt-box,.theme-dark .build-step-prompt-box{background:#18181b!important;border-color:#27272a!important}html.theme-dark .build-step-prompt-box pre,.theme-dark .build-step-prompt-box pre{color:#e4e4e7!important}html.theme-dark .reflection-qa-card,.theme-dark .reflection-qa-card{background:#18181b!important;border-color:#27272a!important}html.theme-dark .reflection-qa-card p,.theme-dark .reflection-qa-card p{color:#d4d4d8!important}html.theme-dark .exec-btn.secondary,.theme-dark .exec-btn.secondary,html.theme-dark .exec-btn.outline,.theme-dark .exec-btn.outline,html.theme-dark .build-action-btn,.theme-dark .build-action-btn,html.theme-dark .step-copy-btn,.theme-dark .step-copy-btn{color:#d4d4d8!important;background:#18181b!important;border-color:#27272a!important}html.theme-dark .exec-btn.secondary:hover,.theme-dark .exec-btn.secondary:hover,html.theme-dark .exec-btn.outline:hover,.theme-dark .exec-btn.outline:hover,html.theme-dark .build-action-btn:hover,.theme-dark .build-action-btn:hover,html.theme-dark .step-copy-btn:hover,.theme-dark .step-copy-btn:hover{color:#fff!important;background:#27272a!important}.practice-lab-page-wrapper{max-width:1240px;margin:0 auto;padding:24px 20px 80px;animation:.3s ease-out modalFadeIn}.practice-lab-dashboard{flex-direction:column;gap:36px;display:flex}.lab-dash-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.lab-title-badge{text-transform:uppercase;letter-spacing:.08em;color:#6366f1;background:#eef2ff;border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.lab-dash-header-left{max-width:820px}.lab-main-title{letter-spacing:-.035em;color:#0f172a;margin:0 0 10px;font-size:clamp(30px,3.8vw,42px);font-weight:800;line-height:1.15}.title-serif-italic{background:linear-gradient(135deg,#6366f1,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Instrument Serif,Playfair Display,Georgia,serif;font-style:italic;font-weight:400;display:inline-block}.lab-subtitle{color:#64748b;max-width:720px;margin:0;font-size:14.5px;line-height:1.6}.lab-stats-strip{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 2px 10px #0f172a08}.lab-stat-item{align-items:center;gap:10px;display:flex}.stat-icon-wrap{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.stat-icon-wrap.indigo{color:#4f46e5;background:#eef2ff}.stat-icon-wrap.emerald{color:#059669;background:#ecfdf5}.stat-icon-wrap.amber{color:#d97706;background:#fffbeb}.stat-icon-wrap.rose{color:#e11d48;background:#fff1f2}.lab-stat-item small{text-transform:uppercase;color:#94a3b8;letter-spacing:.04em;font-size:10.5px;font-weight:700;display:block}.lab-stat-item strong{color:#0f172a;font-size:13.5px;font-weight:800;display:block}.lab-stat-divider{background:#e2e8f0;width:1px;height:28px}.continue-building-card{color:#fff;background:linear-gradient(135deg,#1e1b4b,#0f172a);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:30px 36px;display:flex;box-shadow:0 10px 30px #0f172a2e}.continue-tag{text-transform:uppercase;letter-spacing:.08em;color:#a5b4fc;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-block}.continue-left h2{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:22px;font-weight:800}.continue-left p{color:#cbd5e1;max-width:600px;margin:0 0 16px;font-size:13.5px}.continue-meta-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.time-pill-hero{color:#cbd5e1;background:#ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.no-challenges-card{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:32px;font-size:14px}.continue-progress-bar .bar-fill{background:linear-gradient(90deg,#6366f1,#38bdf8);border-radius:999px;height:100%}.continue-cta-btn{color:#0f172a;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-size:14px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #ffffff26}.continue-cta-btn:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff40}.what-to-build-section{flex-direction:column;gap:16px;display:flex}.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:#6366f1;font-size:11px;font-weight:800}.what-to-build-section h2{color:#0f172a;margin:2px 0 0;font-size:20px;font-weight:800}.build-categories-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.build-cat-card{text-align:center;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:all .18s;display:flex}.build-cat-card:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 6px 16px #6366f114}.build-cat-card.selected{color:#4338ca;background:#eef2ff;border-color:#6366f1}.cat-icon-box{color:#4f46e5;background:#f8fafc;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.build-cat-card.selected .cat-icon-box{background:#fff}.build-cat-card strong{color:#1e293b;font-size:12px;font-weight:700}.build-cat-card small{color:#94a3b8;font-size:10.5px}.challenge-explorer-section{flex-direction:column;gap:18px;display:flex}.explorer-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;width:340px;max-width:100%;padding:9px 14px;display:flex}.search-icon{color:#94a3b8}.search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.difficulty-pills{align-items:center;gap:6px;display:flex}.diff-filter-pill{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.diff-filter-pill.active{color:#fff;background:#0f172a;border-color:#0f172a}.lab-theme-toggle-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.lab-theme-toggle-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}html.theme-dark .lab-theme-toggle-btn,.theme-dark .lab-theme-toggle-btn{color:#a1a1aa;background:#111116;border-color:#27272a}html.theme-dark .lab-theme-toggle-btn:hover,.theme-dark .lab-theme-toggle-btn:hover{color:#fff;background:#18181f;border-color:#3f3f46}.challenges-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.challenge-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;transition:all .2s;display:flex;box-shadow:0 2px 10px #0f172a08}.challenge-card:hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 10px 28px #6366f11a}.challenge-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cat-pill{text-transform:uppercase;color:#6d28d9;background:#ede9fe;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.diff-pill{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.diff-pill.beginner{color:#15803d;background:#dcfce7}.diff-pill.intermediate{color:#b45309;background:#fef3c7}.diff-pill.advanced{color:#b91c1c;background:#fee2e2}.time-pill{color:#64748b;align-items:center;gap:4px;margin-left:auto;font-size:11.5px;font-weight:600;display:inline-flex}.challenge-card-title{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:800;line-height:1.35}.challenge-card-sub{color:#64748b;margin:0;font-size:13px;line-height:1.5}.challenge-skills-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.skill-chip{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.challenge-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.xp-reward-box{color:#d97706;align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.start-challenge-btn{color:#fff;background:#0f172a;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.start-challenge-btn:hover{background:#4f46e5;transform:translateY(-1px)}.completed-tag-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.is-completed-card{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#a7f3d0}.completed-card-actions{align-items:center;gap:8px;display:flex}.card-action-btn{cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.card-action-btn.results-btn{color:#fff;background:#4f46e5;border:1px solid #4338ca;box-shadow:0 2px 6px #4f46e533}.card-action-btn.results-btn:hover{background:#4338ca;transform:translateY(-1px)}.card-action-btn.retake-btn{color:#334155;background:#f8fafc;border:1px solid #cbd5e1}.card-action-btn.retake-btn:hover{color:#0f172a;background:#e2e8f0}html.theme-dark .completed-tag-pill,.theme-dark .completed-tag-pill{color:#34d399;background:#10b9811f;border-color:#10b9814d}html.theme-dark .is-completed-card,.theme-dark .is-completed-card{background:linear-gradient(#121217 0%,#10b9810d 100%);border-color:#10b9814d}html.theme-dark .card-action-btn.retake-btn,.theme-dark .card-action-btn.retake-btn{color:#e4e4e7;background:#1e1e24;border-color:#3f3f46}html.theme-dark .card-action-btn.retake-btn:hover,.theme-dark .card-action-btn.retake-btn:hover{color:#fff;background:#27272a}html.theme-dark .practice-lab-dashboard,.theme-dark .practice-lab-dashboard{color:#f4f4f5}html.theme-dark .lab-dash-header,.theme-dark .lab-dash-header{border-bottom-color:#27272a}html.theme-dark .lab-title-badge,.theme-dark .lab-title-badge{color:#818cf8;background:#6366f126}html.theme-dark .lab-main-title,.theme-dark .lab-main-title{color:#fff}html.theme-dark .lab-subtitle,.theme-dark .lab-subtitle{color:#a1a1aa}html.theme-dark .lab-stats-strip,.theme-dark .lab-stats-strip{background:#111116;border-color:#27272a;box-shadow:0 4px 20px #0006}html.theme-dark .lab-stat-item strong,.theme-dark .lab-stat-item strong{color:#fff}html.theme-dark .lab-stat-divider,.theme-dark .lab-stat-divider{background:#27272a}html.theme-dark .stat-icon-wrap.indigo,.theme-dark .stat-icon-wrap.indigo{color:#a5b4fc;background:#1e1b4b}html.theme-dark .stat-icon-wrap.emerald,.theme-dark .stat-icon-wrap.emerald{color:#6ee7b7;background:#064e3b}html.theme-dark .stat-icon-wrap.amber,.theme-dark .stat-icon-wrap.amber{color:#fcd34d;background:#451a03}html.theme-dark .diff-filter-pill,.theme-dark .diff-filter-pill{color:#a1a1aa;background:#111116;border-color:#27272a}html.theme-dark .diff-filter-pill.active,.theme-dark .diff-filter-pill.active{color:#fff;background:#6366f1;border-color:#6366f1}html.theme-dark .challenge-card,.theme-dark .challenge-card{background:#111116;border-color:#27272a;box-shadow:0 4px 20px #0006}html.theme-dark .challenge-card:hover,.theme-dark .challenge-card:hover{border-color:#6366f1;box-shadow:0 10px 30px #6366f126}html.theme-dark .challenge-card-title,.theme-dark .challenge-card-title{color:#fff}html.theme-dark .challenge-card-sub,.theme-dark .challenge-card-sub{color:#a1a1aa}html.theme-dark .skill-chip,.theme-dark .skill-chip{color:#cbd5e1;background:#18181c}html.theme-dark .challenge-card-footer,.theme-dark .challenge-card-footer{border-top-color:#27272a}html.theme-dark .start-challenge-btn,.theme-dark .start-challenge-btn{color:#fff;background:#6366f1}html.theme-dark .start-challenge-btn:hover,.theme-dark .start-challenge-btn:hover{background:#4f46e5}.lab-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:800px){.lab-bottom-grid{grid-template-columns:1fr}}.skills-card,.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.skills-card h3,.activity-card h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.skills-bars-list{flex-direction:column;gap:14px;display:flex}.skill-label-row{color:#334155;justify-content:space-between;margin-bottom:5px;font-size:12.5px;font-weight:600;display:flex}.skill-bar-track{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%}.activity-timeline{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.activity-timeline li{align-items:flex-start;gap:12px;display:flex}.act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.act-dot.green{background:#10b981}.act-dot.indigo{background:#6366f1}.act-dot.amber{background:#f59e0b}.activity-timeline strong{color:#0f172a;font-size:13px;font-weight:700;display:block}.activity-timeline p{color:#64748b;margin:1px 0 2px;font-size:12px}.activity-timeline small{color:#94a3b8;font-size:11px}.lab-workspace-immersive-shell{color:#f4f4f5;z-index:1000;width:100vw;height:100vh;font-family:var(--font-sans);background:#09090b;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.lab-top-bar{background:#121215;border-bottom:1px solid #27272a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.top-bar-left,.top-bar-right,.top-bar-center{align-items:center;gap:10px;display:flex}.lab-back-btn{color:#a1a1aa;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.lab-back-btn:hover{color:#fff;background:#27272a}.top-sidebar-toggle-btn{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #27272a;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.top-sidebar-toggle-btn:hover{color:#fff;background:#27272a;border-color:#3f3f46}.top-sidebar-toggle-btn.collapsed{color:#818cf8;background:#6366f11f;border-color:#6366f14d}.top-bar-left{flex-shrink:1;align-items:center;gap:12px;min-width:0;display:flex}.top-bar-divider{background:#27272a;flex-shrink:0;width:1px;height:18px}.lab-project-info{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.project-title-label{color:#f4f4f5;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:13px;font-weight:700;overflow:hidden}.project-diff-pill{color:#fbbf24;white-space:nowrap;background:#27272a;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.save-status-indicator{color:#71717a;flex-shrink:0;align-items:center;gap:5px;font-size:11.5px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.saved{background:#10b981}.status-dot.saving{background:#f59e0b;animation:1s infinite pulse}.status-dot.unsaved{background:#71717a}.mode-segmented-control{background:#18181b;border:1px solid #27272a;border-radius:8px;gap:2px;padding:2px;display:flex}.mode-seg-btn.active{color:#fff;background:#27272a}.sandbox-status-chip{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.sandbox-dot{background:#10b981;border-radius:50%;width:5px;height:5px}.top-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.top-action-btn.run{color:#042f1a;background:#10b981}.top-action-btn.run:hover{color:#fff;background:#059669}.top-action-btn.secondary{color:#e4e4e7;background:#27272a}.top-action-btn.secondary:hover{color:#fff;background:#3f3f46}.top-action-btn.coach{color:#c7d2fe;background:#312e81}.top-action-btn.coach:hover{color:#fff;background:#3730a3}.top-action-btn.submit{color:#fff;background:#4f46e5}.top-action-btn.submit:hover{background:#4338ca}.top-action-btn.icon-only{color:#a1a1aa;background:#27272a;padding:6px}.lab-workspace-grid{flex:1;height:calc(100vh - 48px);display:flex;overflow:hidden}.lab-instructions-panel{background:#101014;flex-direction:column;flex-shrink:0;transition:width 50ms;display:flex;position:relative;overflow:hidden}.inst-panel-header-bar{background:#141417;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:38px;min-height:38px;padding:0 12px;display:flex}.spec-collapse-toggle-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:inline-flex}.spec-collapse-toggle-btn:hover{color:#fff;background:#ffffff14}.sidebar-col-resizer{cursor:col-resize;z-index:10;background:0 0;justify-content:center;align-items:center;width:5px;transition:background .15s;display:flex;position:relative}.sidebar-col-resizer:hover{background:#6366f166}.resizer-col-line{background:#27272a;width:1px;height:100%}.sidebar-col-resizer:hover .resizer-col-line{background:#6366f1}.sidebar-collapsed-strip{background:#101014;border-right:1px solid #27272a;flex-direction:column;flex-shrink:0;align-items:center;width:38px;min-width:38px;padding-top:10px;display:flex}.sidebar-expand-rail-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:12px;padding:8px 4px;transition:all .15s;display:flex}.sidebar-expand-rail-btn:hover{color:#c7d2fe;background:#6366f126}.rail-vertical-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.12em;color:#a1a1aa;font-size:10px;font-weight:800;transform:rotate(180deg)}.instructions-scrollable-content{flex-direction:column;flex:1;gap:22px;padding:18px 20px 60px;display:flex;overflow-y:auto}.inst-section{flex-direction:column;gap:8px;display:flex}.inst-header-badge{color:#818cf8;letter-spacing:.06em;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:inline-flex}.inst-heading{color:#fff;margin:0;font-size:18px;font-weight:800;line-height:1.3}.inst-subtitle{color:#a1a1aa;margin:0;font-size:13px;line-height:1.5}.section-title{color:#e4e4e7;margin:0;font-size:13.5px;font-weight:700}.inst-text{color:#d4d4d8;margin:0;font-size:13px;line-height:1.6}.inst-req-list,.inst-arch-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.inst-req-list li{color:#d4d4d8;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;display:flex}.req-bullet{color:#10b981;flex-shrink:0;margin-top:3px}.inst-arch-list li{color:#a1a1aa;padding-left:12px;font-size:12.5px;line-height:1.5;position:relative}.inst-arch-list li:before{content:"•";color:#6366f1;position:absolute;left:0}.hints-header-row{justify-content:space-between;align-items:center;display:flex}.hints-sub{color:#71717a;font-size:11px}.hints-accordion{flex-direction:column;gap:8px;display:flex}.hint-card{background:#141418;border:1px solid #27272a;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.hint-card-header{justify-content:space-between;align-items:center;display:flex}.hint-title-left{color:#f4f4f5;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.hint-unlock-btn{color:#f59e0b;cursor:pointer;background:#27272a;border:1px solid #3f3f46;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.hint-unlocked-tag{color:#10b981;font-size:10.5px;font-weight:700}.hint-content-box{color:#d4d4d8;background:#121215;border:1px solid #27272a;border-radius:8px;padding:10px;font-size:12px;line-height:1.5}.hint-content-box p{margin:0}.lab-editor-column{background:#09090b;flex-direction:column;flex:1;display:flex;overflow:hidden}.lab-code-studio-layout{flex-direction:column;height:100%;display:flex}.studio-top-workspace{flex:1;min-height:120px;display:flex;overflow:hidden}.terminal-row-resizer{cursor:row-resize;z-index:20;-webkit-user-select:none;user-select:none;background:#121216;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:14px;padding:0 10px;transition:background .15s;display:flex;position:relative}.terminal-row-resizer:hover{background:#1a1a22}.resizer-drag-grip{color:#71717a;opacity:.7;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.terminal-row-resizer:hover .resizer-drag-grip{opacity:1;color:#a5b4fc}.resizer-arrow-controls{opacity:.85;align-items:center;gap:4px;margin-left:auto;transition:opacity .15s;display:flex}.terminal-row-resizer:hover .resizer-arrow-controls{opacity:1}.resizer-arrow-btn{color:#a1a1aa;cursor:pointer;background:#22222a;border:1px solid #383844;border-radius:3px;justify-content:center;align-items:center;width:20px;height:13px;padding:0;transition:all .1s;display:inline-flex}.resizer-arrow-btn:hover{color:#fff;background:#4f46e5;border-color:#6366f1}.studio-bottom-console{background:#0e0e11;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.studio-bottom-console.full-height{flex:1;height:100%!important}.lab-file-explorer{background:#121215;border-right:1px solid #27272a;flex-direction:column;width:190px;min-width:190px;max-width:190px;display:flex;overflow-y:auto}.file-explorer-header{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:36px;padding:0 10px;display:flex}.explorer-title{color:#71717a;letter-spacing:.05em;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:flex}.explorer-action-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px}.explorer-action-btn:hover{color:#fff;background:#27272a}.file-list{flex-direction:column;gap:1px;padding:6px 4px;display:flex}.file-item-row{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;transition:all .12s;display:flex}.file-item-row:hover{background:#1c1c20}.file-item-row.active{color:#fff;background:#27272a}.file-item-left{color:#d4d4d8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.file-icon.py{color:#38bdf8}.file-icon.json{color:#f59e0b}.file-icon.md{color:#a1a1aa}.file-icon.js{color:#eab308}.unsaved-indicator{color:#f59e0b;font-size:9px}.file-item-actions{align-items:center;gap:3px;display:flex}.file-row-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px}.file-row-btn:hover{color:#fff}.file-row-btn.danger:hover{color:#ef4444}.lab-editor-container{background:#0d0d10;flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-tabs-bar{-webkit-user-select:none;user-select:none;background:#141417;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:stretch;height:35px;min-height:35px;padding:0 8px 0 0;display:flex}.tabs-list{scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.tabs-list::-webkit-scrollbar{display:none}.editor-tab-item{color:#8e8e99;cursor:pointer;background:#141417;border-top:2px solid #0000;border-right:1px solid #ffffff0f;align-items:center;gap:7px;height:100%;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex;position:relative}.editor-tab-item:hover{color:#d1d1db;background:#1a1a1f}.editor-tab-item.active{color:#fff;background:#0d0d10;border-top:2px solid #6366f1;font-weight:600}.tab-title{white-space:nowrap;letter-spacing:-.01em}.tab-unsaved-dot{color:#f59e0b;margin-left:-2px;font-size:10px;line-height:1}.tab-close-btn{color:#8e8e99;cursor:pointer;opacity:.5;border-radius:4px;justify-content:center;align-items:center;margin-left:2px;line-height:1;transition:all .15s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:2px!important}.editor-tab-item:hover .tab-close-btn{opacity:.85;color:#b4b4bf}.tab-close-btn:hover{opacity:1!important;color:#fff!important;background:#ffffff1f!important}.editor-quick-tools{align-items:center;gap:3px;padding-left:8px;display:flex}.editor-tool-btn{color:#8e8e99;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.editor-tool-btn:hover{color:#fff;background:#ffffff14}.editor-tool-btn.active{color:#818cf8;background:#6366f126}.editor-tool-btn.mentor{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:5px;padding:3px 8px;font-weight:600}.editor-tool-btn.mentor:hover{color:#fef3c7;background:#f59e0b33}.editor-code-body{flex:1;display:flex;position:relative;overflow:hidden}.editor-line-numbers{color:#52525b;width:48px;min-width:48px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:#0d0d10;border-right:1px solid #1f1f23;flex-direction:column;align-items:center;padding:14px 0;display:flex}.line-num{line-height:1.6;font-size:inherit}.editor-textarea{color:#f4f4f5;resize:none;font-family:var(--font-mono);tab-size:4;background:#09090b;border:none;outline:none;flex:1;padding:14px 16px;overflow:auto}.editor-textarea.no-wrap{white-space:pre}.editor-textarea.wrap{white-space:pre-wrap}.editor-status-bar{color:#71717a;height:24px;font-size:10.5px;font-family:var(--font-mono);background:#0d0d10;border-top:1px solid #1f1f23;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.status-bar-left,.status-bar-right{align-items:center;gap:8px;display:flex}.lab-console-panel{flex-direction:column;height:100%;display:flex}.console-header-bar{background:#121215;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:34px;padding:0 10px;display:flex}.console-tabs-left,.console-meta-right{align-items:center;gap:6px;display:flex}.console-tab-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.console-tab-btn.active{color:#fff;background:#27272a}.console-tab-btn.has-error{color:#f87171}.error-dot{background:#ef4444;border-radius:50%;width:5px;height:5px}.console-runtime-badge{color:#a1a1aa;background:#18181b;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.console-tool-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px}.console-tool-btn:hover{color:#fff}.console-body{font-family:var(--font-mono);flex:1;padding:12px 14px;font-size:12.5px;overflow-y:auto}.stdout-text{color:#e4e4e7;white-space:pre-wrap;margin:0;line-height:1.55}.stderr-text{color:#fca5a5;white-space:pre-wrap;margin:0;line-height:1.55}.error-ai-banner{font-family:var(--font-sans);background:#1e1b4b;border:1px solid #3730a3;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.ai-banner-left{align-items:center;gap:8px;display:flex}.ai-banner-left strong{color:#fff;font-size:12.5px;display:block}.ai-banner-left p{color:#a5b4fc;margin:0;font-size:11.5px}.ai-explain-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.console-empty-prompt{color:#71717a;height:100%;font-family:var(--font-sans);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.empty-icon{color:#3f3f46;margin-bottom:4px}.empty-icon.success{color:#10b981}.console-empty-prompt p{color:#a1a1aa;margin:0;font-size:13px}.console-empty-prompt small{color:#52525b;font-size:11.5px}.console-tests-view{font-family:var(--font-sans);flex-direction:column;gap:12px;display:flex}.tests-action-strip{border-bottom:1px solid #1f1f23;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.tests-action-strip strong{color:#fff;font-size:13px;display:block}.tests-action-strip p{color:#10b981;margin:0;font-size:11.5px}.run-tests-btn{color:#fff;cursor:pointer;background:#18181b;border:1px solid #27272a;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700}.run-tests-btn:hover{background:#27272a;border-color:#6366f1}.test-cases-list{flex-direction:column;gap:8px;display:flex}.test-case-card{background:#121215;border:1px solid #27272a;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.test-case-card.pass{border-left:3px solid #10b981}.test-case-card.fail{border-left:3px solid #ef4444}.tc-header{justify-content:space-between;align-items:center;display:flex}.tc-title-left{align-items:center;gap:6px;display:flex}.tc-index-chip{color:#71717a;background:#18181b;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:800}.tc-title{color:#f4f4f5;font-size:12.5px;font-weight:700}.tc-hidden-pill{text-transform:uppercase;color:#a855f7;background:#a855f726;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:800}.tc-icon.pass{color:#10b981}.tc-icon.fail{color:#ef4444}.tc-status-pill{font-size:11px;font-weight:700}.tc-status-pill.pass{color:#10b981}.tc-status-pill.fail{color:#ef4444}.tc-status-pill.idle{color:#71717a}.tc-details{color:#a1a1aa;flex-direction:column;gap:3px;font-size:11.5px;display:flex}.tc-detail-row{align-items:center;gap:6px;display:flex}.tc-label{color:#71717a;font-weight:600}.tc-details code{color:#38bdf8;background:#18181b;border-radius:4px;padding:1px 5px}.tc-hidden-notice{color:#71717a;font-size:11px;font-style:italic}.lab-assistant-builder-view{flex:1;height:100%;display:flex}.builder-left-pane{background:#101014;border-right:1px solid #27272a;flex-direction:column;width:380px;display:flex}.builder-pane-header{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.builder-header-title{color:#fff;align-items:center;gap:6px;font-size:12.5px;display:flex}.builder-tabs{gap:4px;display:flex}.builder-tab{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600}.builder-tab.active{color:#fff;background:#27272a}.builder-config-scroll,.builder-inspector-scroll{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.config-block label,.inspector-field label{color:#a1a1aa;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.config-readonly-area{color:#d4d4d8;resize:none;background:#18181b;border:1px solid #27272a;border-radius:8px;width:100%;height:90px;padding:10px;font-family:inherit;font-size:12px;line-height:1.5}.builder-chips-list{flex-direction:column;gap:6px;display:flex}.builder-chip{color:#e4e4e7;background:#18181b;border:1px solid #27272a;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;display:inline-flex}.builder-right-pane{background:#09090b;flex-direction:column;flex:1;display:flex}.chat-sim-header{background:#121215;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.sim-title{color:#fff;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.sim-reset-btn{color:#71717a;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.sim-reset-btn:hover{color:#fff}.chat-sim-messages{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.sim-msg-row{align-items:flex-start;gap:10px;max-width:80%;display:flex}.sim-msg-row.user{flex-direction:row-reverse;margin-left:auto}.sim-avatar{color:#818cf8;background:#18181b;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.sim-bubble{color:#f4f4f5;background:#18181b;border:1px solid #27272a;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.55}.sim-msg-row.user .sim-bubble{color:#fff;background:#4f46e5;border-color:#4f46e5}.sim-msg-tools{color:#818cf8;border-top:1px solid #27272a;margin-top:6px;padding-top:4px;font-size:10.5px}.chat-sim-input-row{background:#121215;border-top:1px solid #27272a;align-items:center;gap:10px;height:52px;padding:0 14px;display:flex}.sim-send-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:8px 14px}.lab-coach-drawer{z-index:1100;background:#121216;border-left:1px solid #27272a;flex-direction:column;width:440px;max-width:90vw;height:calc(100vh - 48px);animation:.2s ease-out modalFadeIn;display:flex;position:fixed;top:48px;right:0;box-shadow:-10px 0 30px #0006}.coach-drawer-header{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.coach-title-left{align-items:center;gap:10px;display:flex}.coach-avatar{color:#c7d2fe;background:#312e81;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.coach-title-left h3{color:#fff;margin:0;font-size:13.5px;font-weight:800}.coach-title-left p{color:#71717a;margin:0;font-size:11.5px}.coach-close-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none}.coach-controls-bar{background:#18181c;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.coach-mode-pills,.teach-toggle{gap:4px;display:flex}.mode-pill,.teach-pill{color:#a1a1aa;cursor:pointer;background:#121215;border:1px solid #27272a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.mode-pill.active,.teach-pill.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.coach-conversation-canvas{flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.coach-response-box pre{font-family:var(--font-sans);color:#e4e4e7;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.coach-empty-state{text-align:center;color:#a1a1aa;flex-direction:column;align-items:center;padding:40px 16px;display:flex}.empty-sparkle{color:#818cf8;margin-bottom:12px}.coach-empty-state h4{color:#fff;margin:0 0 6px;font-size:15px}.coach-empty-state p{margin:0 0 20px;font-size:12.5px;line-height:1.5}.coach-quick-prompts{flex-direction:column;gap:8px;width:100%;display:flex}.quick-q-btn{color:#c7d2fe;text-align:left;cursor:pointer;background:#18181c;border:1px solid #27272a;border-radius:8px;padding:8px 12px;font-size:12px}.quick-q-btn:hover{background:#27272a;border-color:#6366f1}.coach-input-bar{background:#18181c;border-top:1px solid #27272a;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}.coach-text-input{color:#fff;background:#121215;border:1px solid #27272a;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12.5px}.coach-send-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:8px 12px}.lab-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.lab-modal-container{background:#121216;border:1px solid #27272a;border-radius:16px;flex-direction:column;width:630px;max-width:calc(100vw - 32px);max-height:calc(100vh - 36px);margin:auto;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000d9}.lab-modal-header{background:#15151a;border-bottom:1px solid #27272a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title-row{align-items:center;gap:12px;display:flex}.modal-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-icon-badge.graded{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.modal-icon-badge.ready{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.modal-icon-badge.pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.modal-title-text h3{color:#fff;margin:0 0 2px;font-size:15.5px;font-weight:700;line-height:1.2}.modal-title-text p{color:#71717a;margin:0;font-size:12px;line-height:1.2}.modal-close-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#fff;background:#27272a}.lab-modal-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.pre-submit-status-banner{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.pre-submit-status-banner.warning{background:#f59e0b1a;border:1px solid #f59e0b40}.pre-submit-status-banner.warning .banner-icon{color:#f59e0b;flex-shrink:0;margin-top:1px}.pre-submit-status-banner.warning strong{color:#fbbf24;font-size:13px;display:block}.pre-submit-status-banner.warning p{color:#fde68a;margin:2px 0 0;font-size:11.5px}.pre-submit-status-banner.success{background:#10b9811a;border:1px solid #10b98140}.pre-submit-status-banner.success .banner-icon{color:#10b981;flex-shrink:0;margin-top:1px}.pre-submit-status-banner.success strong{color:#34d399;font-size:13px;display:block}.pre-submit-status-banner.success p{color:#a7f3d0;margin:2px 0 0;font-size:11.5px}.checklist-card{background:#17171c;border:1px solid #27272a;border-radius:12px;padding:14px 16px}.checklist-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.checklist-card-header h4{color:#fff;margin:0;font-size:13px;font-weight:700}.checklist-pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.checklist-pill.all-pass{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.checklist-pill.has-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.submit-checks-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.check-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.check-item.warning{background:#f59e0b08;border-color:#f59e0b33}.check-icon-wrapper{flex-shrink:0;margin-top:1px}.check-text-content{flex:1}.check-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.check-text-content strong{color:#fff;font-size:12.5px;display:block}.check-text-content p{color:#a1a1aa;margin:0;font-size:11.5px;line-height:1.35}.inline-run-test-btn{color:#c7d2fe;cursor:pointer;background:#312e81;border:1px solid #4338ca;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.inline-run-test-btn:hover:not(:disabled){color:#fff;background:#3730a3}.inline-run-test-btn:disabled{opacity:.6;cursor:not-allowed}.remaining-tasks-box{background:#ef44440f;border:1px dashed #ef44444d;border-radius:10px;padding:10px 12px}.remaining-head{color:#f87171;align-items:center;gap:6px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.remaining-list{flex-direction:column;gap:3px;margin:0;padding-left:14px;display:flex}.remaining-list li{color:#fca5a5;font-size:11px;line-height:1.35}.submission-xp-notice{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.submission-xp-notice strong{color:#fbbf24;font-size:12.5px;display:block}.submission-xp-notice p{color:#fde68a;margin:1px 0 0;font-size:11px}.graded-result-flow{flex-direction:column;gap:12px;display:flex}.score-hero-card{background:linear-gradient(135deg,#18181f 0%,#15151c 100%);border:1px solid #27272a;border-radius:14px;align-items:center;gap:16px;padding:14px 16px;display:flex}.score-circle-display{color:#c7d2fe;background:linear-gradient(135deg,#3730a3 0%,#1e1b4b 100%);border:2px solid #6366f1;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.score-circle-display strong{color:#fff;font-size:19px;font-weight:800;line-height:1}.score-circle-display small{color:#a5b4fc;font-size:9.5px}.score-hero-details h4{color:#fff;margin:0 0 3px;font-size:15px;font-weight:800}.score-hero-details p{color:#a1a1aa;margin:0 0 6px;font-size:11.5px;line-height:1.35}.earned-xp-badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b40;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.rubric-scores-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rubric-mini-card{background:#17171c;border:1px solid #27272a;border-radius:10px;flex-direction:column;gap:4px;padding:9px 11px;display:flex}.rubric-cat-row{color:#f4f4f5;justify-content:space-between;font-size:11.5px;font-weight:600;display:flex}.rubric-progress-bar{background:#27272a;border-radius:999px;height:4px;overflow:hidden}.rubric-progress-bar .bar-fill{height:100%;transition:width .4s}.rubric-mini-card small{color:#71717a;font-size:10px}.eval-summary-card{background:#17171c;border:1px solid #27272a;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.eval-section-block h5{text-transform:uppercase;letter-spacing:.04em;color:#818cf8;margin:0 0 5px;font-size:11px;font-weight:700}.eval-items-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.eval-items-list li{color:#d4d4d8;align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.35;display:flex}.eval-bullet-icon.good{color:#10b981;flex-shrink:0;margin-top:2px}.eval-bullet-icon.advice{color:#f59e0b;flex-shrink:0;margin-top:2px}.portfolio-export-card{background:#17171c;border:1px solid #27272a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.portfolio-info-left{align-items:center;gap:9px;display:flex}.port-icon-box{color:#818cf8;background:#6366f126;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.portfolio-info-left strong{color:#fff;font-size:12.5px;display:block}.portfolio-info-left p{color:#71717a;margin:0;font-size:11px}.portfolio-btns{gap:6px;display:flex}.port-btn{cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 11px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.port-btn.primary{color:#fff;background:#4f46e5;border:none}.port-btn.primary:hover{background:#4338ca}.port-btn.secondary{color:#e4e4e7;background:#27272a;border:1px solid #3f3f46}.port-btn.secondary:hover{color:#fff;background:#3f3f46}.lab-modal-footer{background:#15151a;border-top:1px solid #27272a;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:13px 20px;display:flex}.footer-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.footer-btn.primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:1px solid #6366f166;box-shadow:0 2px 8px #4f46e540}.footer-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);box-shadow:0 4px 12px #4f46e566}.footer-btn.primary.locked,.footer-btn.primary:disabled{color:#71717a;box-shadow:none;cursor:not-allowed;opacity:.8;background:#27272a;border-color:#3f3f46}.footer-btn.outline{color:#a1a1aa;background:0 0;border:1px solid #3f3f46}.footer-btn.outline:hover{color:#fff;background:#27272a}body.light-theme .lab-modal-container{background:#fff;border-color:#e4e4e7;box-shadow:0 20px 50px #00000026}body.light-theme .lab-modal-header{background:#f8fafc;border-color:#e2e8f0}body.light-theme .modal-title-text h3{color:#0f172a}body.light-theme .modal-title-text p,body.light-theme .modal-close-btn{color:#64748b}body.light-theme .modal-close-btn:hover{color:#0f172a;background:#e2e8f0}body.light-theme .checklist-card,body.light-theme .rubric-mini-card,body.light-theme .eval-summary-card,body.light-theme .portfolio-export-card{background:#f8fafc;border-color:#e2e8f0}body.light-theme .score-hero-card{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#cbd5e1}body.light-theme .score-hero-details h4,body.light-theme .checklist-card-header h4,body.light-theme .check-text-content strong,body.light-theme .portfolio-info-left strong{color:#0f172a}body.light-theme .score-hero-details p,body.light-theme .check-text-content p,body.light-theme .portfolio-info-left p{color:#475569}body.light-theme .rubric-cat-row{color:#1e293b}body.light-theme .rubric-progress-bar{background:#e2e8f0}body.light-theme .eval-items-list li{color:#334155}body.light-theme .port-btn.secondary{color:#334155;background:#fff;border-color:#cbd5e1}body.light-theme .lab-modal-footer{background:#f8fafc;border-color:#e2e8f0}body.light-theme .footer-btn.outline{color:#475569;border-color:#cbd5e1}body.light-theme .footer-btn.outline:hover{color:#0f172a;background:#e2e8f0}.cmd-palette-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1300;background:#000000b3;justify-content:center;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-palette-box{background:#121216;border:1px solid #27272a;border-radius:16px;flex-direction:column;width:520px;max-width:90vw;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.cmd-search-input-row{border-bottom:1px solid #27272a;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.cmd-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.cmd-esc-chip{color:#71717a;background:#18181b;border:1px solid #27272a;border-radius:4px;padding:2px 6px;font-size:10px}.cmd-results-list{flex-direction:column;gap:2px;max-height:280px;padding:6px;display:flex;overflow-y:auto}.cmd-result-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .12s;display:flex}.cmd-result-item:hover{background:#27272a}.cmd-item-left{color:#e4e4e7;align-items:center;gap:10px;font-size:13px;display:flex}.cmd-shortcut-chip{color:#71717a;font-size:10.5px;font-family:var(--font-mono);background:#18181b;border-radius:4px;padding:2px 6px}.lab-overview-modal{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:760px;max-width:92vw;animation:.22s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 60px #0f172a29,0 10px 25px #0000000f}.overview-header{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:8px;padding:24px 28px 18px;display:flex;position:relative}.overview-meta-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xp-pill{color:#d97706;background:#fef3c7;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.overview-title{letter-spacing:-.025em;color:#0f172a;margin:2px 0 0;font-size:clamp(20px,2.5vw,24px);font-weight:800;line-height:1.3}.overview-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.55}.overview-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;padding:6px;transition:all .15s;display:grid;position:absolute;top:24px;right:24px}.overview-close-btn:hover{color:#0f172a;background:#f1f5f9}.overview-body-scroll{flex-direction:column;gap:22px;max-height:72vh;padding:24px 28px;display:flex;overflow-y:auto}.overview-card-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px}.overview-card-block h3{text-transform:uppercase;letter-spacing:.06em;color:#4f46e5;margin:0 0 8px;font-size:12.5px;font-weight:800}.overview-desc-text{color:#334155;margin:0;font-size:13px;line-height:1.65}.overview-bullets-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.overview-bullets-list li{color:#1e293b;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;display:flex}.bullet-icon{color:#059669;flex-shrink:0;margin-top:3px}.overview-skills-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.overview-skills-row{grid-template-columns:1fr}}.overview-skills-row label{text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.overview-chips-wrap{flex-wrap:wrap;gap:6px;display:flex}.ov-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ov-chip.tool{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.mode-selection-section{border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding-top:10px;display:flex}.mode-selection-section h3{color:#0f172a;margin:0;font-size:14px;font-weight:800}.mode-selection-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.mode-selection-grid{grid-template-columns:1fr}}.mode-card{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:20px;transition:all .2s;display:flex;position:relative}.mode-card:hover{background:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 24px #6366f11f}.mode-card-badge{text-transform:uppercase;letter-spacing:.07em;color:#4f46e5;background:#eef2ff;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:9.5px;font-weight:800}.mode-card-badge.pro{color:#059669;background:#ecfdf5}.mode-card-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.mode-card-icon.indigo{color:#4f46e5;background:#eef2ff}.mode-card-icon.emerald{color:#059669;background:#ecfdf5}.mode-card h4{color:#0f172a;margin:0;font-size:14.5px;font-weight:800;line-height:1.35}.mode-card p{color:#64748b;flex:1;margin:0;font-size:12px;line-height:1.55}.mode-card-cta{color:#4f46e5;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:700;transition:color .15s;display:inline-flex}.mode-card:hover .mode-card-cta{color:#3730a3}html.theme-dark .lab-overview-modal,.theme-dark .lab-overview-modal{color:#f4f4f5;background:#121216;border-color:#27272a;box-shadow:0 25px 60px #000000b3}html.theme-dark .overview-header,.theme-dark .overview-header{border-bottom-color:#27272a}html.theme-dark .overview-title,.theme-dark .overview-title{color:#fff}html.theme-dark .overview-subtitle,.theme-dark .overview-subtitle{color:#a1a1aa}html.theme-dark .xp-pill,.theme-dark .xp-pill{color:#f59e0b;background:#f59e0b26}html.theme-dark .overview-close-btn,.theme-dark .overview-close-btn{color:#a1a1aa;background:#18181b;border-color:#27272a}html.theme-dark .overview-close-btn:hover,.theme-dark .overview-close-btn:hover{color:#fff;background:#27272a}html.theme-dark .overview-card-block,.theme-dark .overview-card-block{background:#18181c;border-color:#27272a}html.theme-dark .overview-card-block h3,.theme-dark .overview-card-block h3{color:#818cf8}html.theme-dark .overview-desc-text,.theme-dark .overview-desc-text{color:#d4d4d8}html.theme-dark .overview-bullets-list li,.theme-dark .overview-bullets-list li{color:#e4e4e7}html.theme-dark .bullet-icon,.theme-dark .bullet-icon{color:#10b981}html.theme-dark .overview-skills-row label,.theme-dark .overview-skills-row label{color:#71717a}html.theme-dark .ov-chip,.theme-dark .ov-chip{color:#d4d4d8;background:#18181c;border-color:#27272a}html.theme-dark .ov-chip.tool,.theme-dark .ov-chip.tool{color:#a5b4fc;background:#1e1b4b;border-color:#3730a3}html.theme-dark .mode-selection-section,.theme-dark .mode-selection-section{border-top-color:#27272a}html.theme-dark .mode-selection-section h3,.theme-dark .mode-selection-section h3{color:#fff}html.theme-dark .mode-card,.theme-dark .mode-card{background:#18181c;border-color:#27272a}html.theme-dark .mode-card:hover,.theme-dark .mode-card:hover{background:#1e1e24;border-color:#6366f1;box-shadow:0 8px 24px #6366f133}html.theme-dark .mode-card-badge,.theme-dark .mode-card-badge{color:#818cf8;background:#1e1b4b}html.theme-dark .mode-card-badge.pro,.theme-dark .mode-card-badge.pro{color:#34d399;background:#064e3b}html.theme-dark .mode-card-icon.indigo,.theme-dark .mode-card-icon.indigo{color:#a5b4fc;background:#312e81}html.theme-dark .mode-card-icon.emerald,.theme-dark .mode-card-icon.emerald{color:#6ee7b7;background:#064e3b}html.theme-dark .mode-card h4,.theme-dark .mode-card h4{color:#fff}html.theme-dark .mode-card p,.theme-dark .mode-card p{color:#a1a1aa}html.theme-dark .mode-card-cta,.theme-dark .mode-card-cta{color:#818cf8}html.theme-dark .mode-card:hover .mode-card-cta,.theme-dark .mode-card:hover .mode-card-cta{color:#a5b4fc}.lab-notebook-cells-workspace{background:#09090b;flex-direction:column;flex:1;height:calc(100vh - 48px);display:flex;overflow:hidden}.notebook-overview-strip{background:#121215;border-bottom:1px solid #27272a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.nb-strip-left{align-items:center;gap:12px;display:flex}.nb-strip-left strong{color:#fff;font-size:13px;display:block}.nb-strip-left p{color:#71717a;margin:0;font-size:11.5px}.nb-strip-right{align-items:center;gap:10px;display:flex}.nb-progress-chip{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.nb-coach-btn{color:#c7d2fe;cursor:pointer;background:#18181b;border:1px solid #27272a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.nb-coach-btn:hover{color:#fff;background:#27272a}.notebook-cells-scroll{flex-direction:column;flex:1;gap:24px;padding:24px max(20px,50vw - 480px) 80px;display:flex;overflow-y:auto}.notebook-cell-card{background:#121215;border:1px solid #27272a;border-radius:16px;flex-direction:column;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000040}.notebook-cell-card.cell-passed{border-color:#065f46}.cell-header-row{background:#18181c;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.cell-header-left{align-items:center;gap:10px;display:flex}.cell-num-badge{font-size:10.5px;font-weight:800;font-family:var(--font-mono);color:#818cf8;background:#1e1b4b;border-radius:4px;padding:2px 7px}.cell-header-left h4{color:#fff;margin:0;font-size:14px;font-weight:800}.cell-status-chip.pass{color:#10b981;background:#10b98126;border-radius:4px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.cell-header-actions{align-items:center;gap:6px;display:flex}.cell-action-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.cell-action-btn:hover{color:#fff}.cell-run-btn{color:#042f1a;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex}.cell-run-btn:hover{color:#fff;background:#059669}.cell-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}.cell-directive-box{background:#141418;border-bottom:1px solid #1f1f23;flex-direction:column;gap:4px;padding:12px 18px;display:flex}.directive-text{color:#e4e4e7;margin:0;font-size:12.5px;line-height:1.5}.explanation-text{color:#71717a;margin:0;font-size:11.5px}.cell-editor-container{background:#09090b;display:flex;position:relative}.cell-editor-gutter{color:#52525b;width:42px;min-width:42px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:#0d0d10;border-right:1px solid #1a1a20;flex-direction:column;align-items:center;padding:12px 0;font-size:12.5px;display:flex}.gutter-line-num{line-height:1.6}.cell-textarea{color:#f4f4f5;resize:vertical;font-family:var(--font-mono);tab-size:4;background:#09090b;border:none;outline:none;flex:1;padding:12px 16px;font-size:12.5px;line-height:1.6}.cell-output-block{font-family:var(--font-mono);background:#0d0d10;border-top:1px solid #1f1f23;padding:12px 18px;font-size:12px}.cell-output-meta{color:#71717a;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.out-label{color:#818cf8;align-items:center;gap:4px;font-weight:700;display:inline-flex}.cell-stdout{color:#e4e4e7;white-space:pre-wrap;margin:0;line-height:1.55}.cell-stderr{color:#fca5a5;white-space:pre-wrap;margin:0;line-height:1.55}.notebook-bottom-submit-card{background:linear-gradient(135deg,#1e1b4b,#121216);border:1px solid #3730a3;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.notebook-bottom-submit-card h3{color:#fff;margin:0 0 4px;font-size:16px;font-weight:800}.notebook-bottom-submit-card p{color:#a5b4fc;margin:0;font-size:12.5px}.nb-submit-project-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #4f46e559}.nb-submit-project-btn:hover{background:#4338ca;transform:translateY(-1px)}.lab-workbook-wrapper{color:#f4f4f5;background:#09090c;flex-direction:column;width:100%;height:calc(100vh - 48px);display:flex;overflow:hidden}.workbook-body-grid{flex:1;height:100%;display:flex;overflow:hidden}.workbook-sidebar-navigator{background:#111116;flex-direction:column;flex-shrink:0;gap:14px;padding:16px 14px;transition:width 50ms;display:flex;overflow-y:auto}.sidebar-head{border-bottom:1px solid #1f1f26;flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.sidebar-head-row{justify-content:space-between;align-items:center;display:flex}.sidebar-head-actions{align-items:center;gap:6px;display:flex}.sidebar-head-row h3{color:#e4e4e7;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12.5px;font-weight:800}.sidebar-prog-pill{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-progress-track{background:#27272a;border-radius:99px;height:5px;overflow:hidden}.sidebar-progress-fill{background:linear-gradient(90deg,#6366f1,#10b981);border-radius:99px;height:100%;transition:width .3s}.sidebar-head small{color:#71717a;font-size:11px}.sidebar-step-list{flex-direction:column;flex:1;gap:6px;display:flex}.wb-nav-step-item{color:#a1a1aa;cursor:pointer;text-align:left;background:#17171d;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.wb-nav-step-item:hover:not(:disabled){color:#fff;background:#1f1f27;border-color:#3f3f46}.wb-nav-step-item.active{color:#fff;background:#6366f126;border-color:#6366f1;box-shadow:0 0 12px #6366f133}.wb-nav-step-item.completed{background:#10b9810d;border-color:#10b98140}.wb-nav-step-item.locked{opacity:.45;cursor:not-allowed;background:#121216}.step-icon-slot{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.icon-locked{color:#52525b}.icon-done{color:#10b981}.icon-pending{color:#52525b}.icon-active-dot{background:#6366f1;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #6366f1}.step-label-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.step-order-badge{letter-spacing:.06em;color:#71717a;font-size:10px;font-weight:800}.wb-nav-step-item.active .step-order-badge{color:#a5b4fc}.step-title-text{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.active-arrow{color:#6366f1}.sidebar-footer-tip{color:#6ee7b7;background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:8px 10px;font-size:11px;line-height:1.4;display:flex}.workbook-main-panel{background:#09090c;padding:24px 36px 40px;overflow-y:auto}.step-activity-card{flex-direction:column;gap:20px;max-width:980px;margin:0 auto;display:flex}.step-top-header{flex-direction:column;gap:6px;display:flex}.step-order-pill{letter-spacing:.07em;color:#818cf8;background:#6366f11f;border:1px solid #6366f14d;border-radius:99px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.step-main-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.step-directive-card{background:#141419;border:1px solid #27272a;border-left:4px solid #6366f1;border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.directive-row,.concept-row{flex-direction:column;gap:4px;display:flex}.directive-tag{letter-spacing:.05em;color:#a5b4fc;font-size:10.5px;font-weight:800}.directive-body{color:#f4f4f5;margin:0;font-size:13.5px;line-height:1.55}.concept-tag{letter-spacing:.05em;color:#94a3b8;font-size:10.5px;font-weight:800}.concept-body{color:#a1a1aa;margin:0;font-size:12.5px;line-height:1.5}.step-criteria-card{background:#121216;border:1px solid #27272a;border-radius:12px;padding:14px 18px}.step-criteria-card h4{color:#e4e4e7;align-items:center;gap:6px;margin:0 0 10px;font-size:12.5px;font-weight:700;display:flex}.criteria-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.criteria-list li{color:#a1a1aa;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.45;display:flex}.criteria-list li.passed{color:#e4e4e7}.crit-check{background:#18181b;border:1px solid #3f3f46;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;display:flex}.crit-check.checked{color:#fff;background:#10b981;border-color:#10b981}.step-cell-container{background:#111116;border:1px solid #27272a;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000059}.cell-toolbar{background:#18181f;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.toolbar-left{align-items:center;gap:10px;display:flex}.cell-lang-badge{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf833;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.cell-tip{color:#71717a;font-size:11px}.toolbar-actions{align-items:center;gap:8px;display:flex}.cell-tool-btn{color:#d4d4d8;cursor:pointer;background:#27272a;border:1px solid #3f3f46;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.cell-tool-btn:hover{color:#fff;background:#3f3f46}.cell-primary-run-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #10b9814d}.cell-primary-run-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.cell-primary-run-btn:disabled{opacity:.65;cursor:not-allowed}.run-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.cell-editor-body{font-family:var(--font-mono,"Fira Code", monospace);background:#0d0d12;display:flex}.editor-gutter{-webkit-user-select:none;user-select:none;background:#111116;border-right:1px solid #27272a;flex-direction:column;width:44px;padding:14px 0;display:flex}.gutter-num{text-align:right;color:#52525b;height:22px;padding-right:10px;font-size:11.5px;line-height:22px}.editor-textarea{color:#f4f4f5;resize:none;white-space:pre;tab-size:4;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-family:inherit;font-size:13px;line-height:22px;overflow-x:auto}.cell-output-console{background:#08080a;border-top:1px solid #27272a;padding:12px 16px}.cell-output-console.success-border{border-top:1px solid #10b98159}.cell-output-console.error-border{border-top:1px solid #ef444459}.output-console-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.out-header-left{color:#a1a1aa;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}.out-badge{border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.out-badge.success{color:#34d399;background:#10b98126}.out-badge.error{color:#f87171;background:#ef444426}.out-runtime{color:#71717a;align-items:center;gap:4px;font-size:11px;display:inline-flex}.output-stdout-text{font-family:var(--font-mono,monospace);color:#34d399;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.output-stderr-text{font-family:var(--font-mono,monospace);color:#f87171;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.step-footer-actions{justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.step-prev-btn{color:#a1a1aa;cursor:pointer;background:#18181f;border:1px solid #27272a;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.step-prev-btn:hover:not(:disabled){color:#fff;background:#27272a}.step-prev-btn:disabled{opacity:.4;cursor:not-allowed}.footer-right-buttons{align-items:center;gap:10px;display:flex}.step-help-btn{color:#fbbf24;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.step-help-btn:hover{background:#f59e0b33}.step-next-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.step-next-btn.unlocked{color:#fff;background:#6366f1;box-shadow:0 4px 14px #6366f159}.step-next-btn.unlocked:hover{background:#4f46e5;transform:translateY(-1px)}.step-next-btn.pending{color:#71717a;cursor:pointer;background:#27272a}.glossary-help-unified-page{flex-direction:column;gap:20px;max-width:1280px;margin:0 auto;padding:0 0 64px;display:flex}.gh-page-header{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:16px;padding-bottom:22px;display:flex}.gh-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.gh-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#6366f1;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-flex}.gh-title{letter-spacing:-.035em;color:#0f172a;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.2}.gh-subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.5}.gh-mode-segmented{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:3px;padding:3px;display:inline-flex}.mode-seg-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.mode-seg-btn:hover{color:#0f172a}.mode-seg-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.active-context-dot{background:#6366f1;border-radius:50%;width:6px;height:6px}.gh-search-container{flex-direction:column;gap:14px;width:100%;display:flex}.gh-search-input-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;height:48px;padding:0 16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.gh-search-input-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.gh-search-icon{color:#94a3b8;flex-shrink:0}.gh-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.gh-search-input::placeholder{color:#94a3b8}.gh-kbd-shortcut{color:#64748b;font-size:11px;font-weight:600;font-family:var(--font-mono,monospace);background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;padding:3px 8px;display:inline-flex}.clear-search-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:600}.clear-search-btn:hover{color:#0f172a;background:#e2e8f0}.gh-quick-actions-bar{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-action-tile{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.quick-action-tile:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.quick-action-tile svg{color:#6366f1;flex-shrink:0}.quick-action-tile strong{color:#0f172a;margin-bottom:2px;font-size:12.5px;font-weight:700;display:block}.quick-action-tile small{color:#64748b;font-size:11px;display:block}.gh-search-results-overlay-view{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 8px 30px #0000000f}.search-results-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.search-results-header h2{color:#0f172a;margin:0;font-size:17px;font-weight:700}.search-results-grid-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.search-col-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.search-col-head{color:#6366f1;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.search-items-list{flex-direction:column;gap:6px;display:flex}.search-item-row{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.search-item-row:hover{background:#eef2ff;border-color:#6366f1}.search-item-row strong{color:#0f172a;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.search-item-row p{color:#64748b;margin:0;font-size:11px;line-height:1.35}.search-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.search-badge.error-tag{color:#dc2626;background:#fef2f2}.search-empty-smart-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.search-empty-smart-box h3{color:#0f172a;margin:10px 0 6px;font-size:16px;font-weight:700}.search-empty-smart-box p{color:#64748b;margin:0 0 16px;font-size:13px}.smart-empty-actions{gap:10px;display:flex}.gh-main-layout-container{margin-top:4px}.gh-understand-view-layout{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}.understand-main-col{flex-direction:column;gap:16px;min-width:0;display:flex}.gh-category-pills-bar{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.cat-filter-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:6px 12px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.cat-filter-pill:hover{color:#0f172a;border-color:#cbd5e1}.cat-filter-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.gh-secondary-filters-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;display:flex}.status-sub-tabs{gap:4px;display:flex}.status-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.status-tab:hover{color:#0f172a}.status-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000d}.difficulty-filter-wrap{align-items:center;gap:6px;display:flex}.filter-label{color:#94a3b8;margin-right:2px;font-size:11px;font-weight:600}.diff-chip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .1s}.diff-chip:hover{color:#0f172a;border-color:#cbd5e1}.diff-chip.active{color:#fff;background:#6366f1;border-color:#6366f1;font-weight:600}.alphabet-scrubber-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:2px;padding:6px 10px;display:flex;overflow-x:auto}.alpha-letter-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11.5px;font-weight:700;transition:all .1s;display:inline-flex}.alpha-letter-btn.has-terms:hover{color:#6366f1;background:#eef2ff}.alpha-letter-btn.empty{color:#cbd5e1;cursor:default;opacity:.5}.doc-glossary-list-wrapper{flex-direction:column;gap:24px;display:flex}.doc-letter-section{flex-direction:column;gap:8px;display:flex}.letter-header-anchor{align-items:center;gap:12px;padding:4px 0;display:flex}.anchor-letter{color:#6366f1;text-align:center;width:24px;font-size:15px;font-weight:800}.anchor-line{background:#e2e8f0;flex:1;height:1px}.letter-terms-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.term-doc-row{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:all .15s;display:flex}.term-doc-row:last-child{border-bottom:none}.term-doc-row:hover{background:#f8fafc}.term-doc-row.selected{background:#f5f3ff;border-left:3px solid #6366f1}.term-primary-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.term-title-flex{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.term-title-flex strong{color:#0f172a;font-size:14.5px;font-weight:700}.term-sub-fullname{color:#64748b;font-size:12px;font-weight:400}.term-sentence-preview{color:#475569;margin:0;font-size:12.5px;line-height:1.45}.term-secondary-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.cat-chip{color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.diff-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.diff-pill.diff-beginner{color:#059669;background:#ecfdf5}.diff-pill.diff-intermediate{color:#854d0e;background:#fef9c3}.diff-pill.diff-advanced{color:#dc2626;background:#fef2f2}.term-actions-cell{flex-shrink:0;align-items:center;gap:6px;display:flex}.row-star-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.row-star-btn:hover{color:#f59e0b;background:#fffbeb}.row-star-btn.saved{color:#f59e0b}.understood-indicator{align-items:center;padding:2px;display:flex}.open-drawer-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.open-drawer-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.doc-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.doc-empty-state h3{color:#0f172a;margin:12px 0 6px;font-size:15px;font-weight:700}.doc-empty-state p{color:#64748b;margin:0 0 16px;font-size:12.5px}.understand-sidebar-aside{flex-direction:column;gap:16px;display:flex}.knowledge-stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000a}.card-kicker{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:12px;font-size:10px;font-weight:700}.stats-matrix-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;display:flex}.stat-val{color:#0f172a;font-size:18px;font-weight:800}.stat-val.green-val{color:#059669}.stat-val.amber-val{color:#d97706}.stat-box small{color:#64748b;margin-top:2px;font-size:10px;font-weight:600}.recent-terms-aside-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000a}.aside-head{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;align-items:center;gap:6px;margin-bottom:12px;font-size:10.5px;font-weight:700;display:flex}.recent-list{flex-direction:column;gap:6px;display:flex}.recent-term-item-btn{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.recent-term-item-btn:hover{background:#eef2ff;border-color:#6366f1}.recent-term-item-btn span{color:#0f172a;font-size:12px;font-weight:600}.recent-term-item-btn small{color:#64748b;font-size:10px}.gh-unstuck-view-layout{flex-direction:column;gap:24px;display:flex}.unstuck-context-banner{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.context-pulse-tag{letter-spacing:.08em;color:#4338ca;text-transform:uppercase;font-size:9.5px;font-weight:800;display:block}.return-context-btn{color:#4338ca;cursor:pointer;background:#fff;border:1px solid #c7d2fe;border-radius:7px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.return-context-btn:hover{color:#fff;background:#4338ca;border-color:#4338ca}.problem-selection-section{flex-direction:column;gap:14px;display:flex}.section-head-clean h2{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:800}.section-head-clean p{color:#64748b;margin:0;font-size:13px}.problem-tile-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:flex-start;gap:12px;padding:14px;transition:all .15s;display:flex;position:relative}.tile-icon-box{color:#6366f1;background:#eef2ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tile-text strong{color:#0f172a;margin-bottom:2px;font-size:12.5px;font-weight:700;display:block}.tile-chevron{color:#cbd5e1;position:absolute;top:14px;right:10px}.guided-troubleshooting-workbench{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:20px;padding:22px;display:flex;box-shadow:0 1px 3px #0000000a}.workbench-header{border-bottom:1px solid #e2e8f0;padding-bottom:14px}.step-tag{letter-spacing:.06em;text-transform:uppercase;color:#6366f1;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.step-num-badge{color:#fff;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.step-content-box{flex-direction:column;flex:1;gap:8px;display:flex}.step-content-box label{color:#0f172a;font-size:12.5px;font-weight:700}.step-choice-pill:hover{color:#6366f1;background:#fff;border-color:#6366f1}.step-choice-pill.active{color:#fff;background:#6366f1;border-color:#6366f1;font-weight:600}.trouble-snippet-textarea{width:100%;font-family:var(--font-mono,monospace);color:#0f172a;resize:vertical;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-size:12px}.trouble-snippet-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.trouble-actions-row{align-items:center;gap:10px;margin-top:4px;display:flex}.diagnosis-result-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:14px;padding:18px;animation:.2s ease-out fade-in;display:flex}.diag-head{align-items:center;gap:10px;display:flex}.diag-head strong{color:#0f172a;font-size:14.5px;font-weight:700;display:block}.diag-head small{color:#64748b;font-size:11px;font-family:var(--font-mono,monospace)}.diag-body{flex-direction:column;gap:10px;display:flex}.diag-why,.diag-fix{color:#334155;margin:0;font-size:12.5px;line-height:1.55}.diag-diff-block{background:#0f172a;border-radius:7px;flex-direction:column;gap:6px;padding:12px;display:flex}.diff-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:700}.diag-diff-block pre{margin:0;overflow-x:auto}.diag-diff-block code{font-family:var(--font-mono,monospace);color:#38bdf8;font-size:11.5px;line-height:1.5}.diag-resolution-row{align-items:center;gap:10px;margin-top:6px;display:flex}.progressive-hints-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 1px 3px #0000000a}.hint-card-head{border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:10px;padding-bottom:14px;display:flex}.hint-card-head h3{color:#0f172a;margin:0 0 2px;font-size:15px;font-weight:700}.hint-card-head p{color:#64748b;margin:0;font-size:12px}.hint-tiers-wrap{flex-direction:column;gap:10px;display:flex}.hint-tier-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;transition:all .15s}.hint-tier-box.revealed{background:#fff;border-color:#cbd5e1}.tier-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tier-label-row strong{color:#0f172a;font-size:12.5px;font-weight:700}.unlock-hint-btn{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:700}.unlock-hint-btn:hover{color:#fff;background:#4338ca}.hint-text{color:#334155;margin:0;font-size:12.5px;line-height:1.55}.hint-locked-placeholder{color:#94a3b8;margin:0;font-size:12px;font-style:italic}.hint-code-block{background:#0f172a;border-radius:7px;margin:8px 0 0;padding:12px;overflow-x:auto}.hint-code-block code{color:#38bdf8;font-family:var(--font-mono,monospace);font-size:12px;line-height:1.6}.error-kb-section{flex-direction:column;gap:14px;display:flex}.error-kb-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;transition:all .15s;display:flex}.error-kb-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #0000000a}.error-kb-card-head{flex-direction:column;gap:6px;display:flex}.error-cat-pill{color:#dc2626;text-transform:uppercase;background:#fef2f2;border-radius:4px;align-self:flex-start;padding:2px 7px;font-size:10px;font-weight:700}.error-kb-card-head h3{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.error-kb-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding-top:8px;display:flex}.glossary-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a73;justify-content:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.glossary-drawer-panel{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:min(560px,100vw);height:100vh;animation:.2s cubic-bezier(.16,1,.3,1) drawer-in;display:flex;overflow:hidden;box-shadow:-10px 0 40px #00000026}.drawer-header{background:#fafbfc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.drawer-header-left{align-items:center;gap:8px;display:flex}.drawer-cat-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.drawer-diff-badge{text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:700}.drawer-diff-badge.diff-beginner{color:#059669;background:#ecfdf5}.drawer-diff-badge.diff-intermediate{color:#854d0e;background:#fef9c3}.drawer-diff-badge.diff-advanced{color:#dc2626;background:#fef2f2}.drawer-header-actions{align-items:center;gap:6px;display:flex}.drawer-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.drawer-action-btn:hover{color:#0f172a;background:#f1f5f9}.drawer-action-btn.active-saved{color:#d97706;background:#fffbeb;border-color:#fde68a}.drawer-action-btn.active-understood{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.drawer-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.drawer-icon-btn:hover{color:#0f172a;background:#f1f5f9}.drawer-icon-btn.close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.drawer-title-block{border-bottom:1px solid #e2e8f0;padding:18px 22px 14px}.drawer-title-block .title-row{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.drawer-title-block h1{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:22px;font-weight:800}.term-full-name{color:#64748b;font-size:13px;font-weight:500}.one-sentence-summary{color:#334155;margin:0;font-size:13.5px;line-height:1.5}.drawer-nav-tabs{background:#fafbfc;border-bottom:1px solid #e2e8f0;align-items:center;gap:4px;padding:0 22px;display:flex}.drawer-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:10px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.drawer-tab:hover{color:#0f172a}.drawer-tab.active{color:#6366f1;border-bottom-color:#6366f1}.drawer-scroll-body{flex-direction:column;flex:1;gap:20px;padding:22px;display:flex;overflow-y:auto}.drawer-section-stack{flex-direction:column;gap:18px;display:flex}.drawer-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:10px;padding:16px;display:flex}.mental-model-card{background:#faf5ff;border-color:#f3e8ff}.analogy-quote{align-items:flex-start;gap:8px;display:flex}.quote-mark{color:#9333ea;font-family:serif;font-size:24px;font-weight:700;line-height:1}.analogy-quote p{color:#581c87;margin:0;font-size:13.5px;font-weight:600;line-height:1.5}.simple-explanation{color:#6b21a8;margin:0;font-size:12.5px;line-height:1.5}.example-title{color:#0f172a;margin:0;font-size:14px;font-weight:700}.example-context{color:#64748b;margin:0;font-size:12px;line-height:1.45}.visual-flow-pipeline{flex-direction:column;gap:6px;margin-top:6px;display:flex}.flow-step-node{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.step-node-badge{color:#6366f1;text-transform:uppercase;background:#eef2ff;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.step-node-desc{color:#334155;margin:0;font-size:11.5px}.flow-arrow-connector{color:#94a3b8;justify-content:center;align-items:center;padding:2px 0;display:flex}.criteria-grid-card{grid-template-columns:1fr 1fr;gap:14px;display:grid}.criteria-column{flex-direction:column;gap:8px;display:flex}.criteria-head{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.criteria-head .icon-good{color:#10b981}.criteria-head .icon-not-ideal{color:#ef4444}.criteria-column ul{color:#334155;flex-direction:column;gap:4px;margin:0;padding-left:16px;font-size:11.5px;line-height:1.5;display:flex}.technical-collapsible{padding:0;overflow:hidden}.tech-collapse-toggle{cursor:pointer;color:#0f172a;background:#fafbfc;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.tech-toggle-left{color:#0f172a;align-items:center;gap:8px;display:flex}.tech-details-content{border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:16px;display:flex}.tech-summary{color:#334155;margin:0;font-size:12.5px;line-height:1.55}.tech-points-list{color:#475569;flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:12px;line-height:1.55;display:flex}.tech-code-block{background:#0f172a;border-radius:7px;margin:6px 0 0;padding:12px;overflow-x:auto}.tech-code-block code{color:#38bdf8;font-family:var(--font-mono,monospace);font-size:11.5px;line-height:1.5}.practice-action-box{background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.practice-tag{letter-spacing:.08em;color:#4338ca;text-transform:uppercase;margin-bottom:2px;font-size:9.5px;font-weight:800;display:block}.practice-box-info h4{color:#1e1b4b;margin:0;font-size:13px;font-weight:700}.primary-practice-btn{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.primary-practice-btn:hover{background:#3730a3}.related-concepts-section{flex-direction:column;gap:8px;display:flex}.section-label{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:700}.related-tags-wrap{flex-wrap:wrap;gap:6px;display:flex}.related-term-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.related-term-chip:hover{color:#fff;background:#6366f1;border-color:#6366f1}.drawer-simulation-view{flex-direction:column;gap:16px;display:flex}.sim-header{flex-direction:column;gap:4px;display:flex}.sim-kicker{letter-spacing:.06em;text-transform:uppercase;color:#6366f1;font-size:10px;font-weight:700}.sim-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.sim-header p{color:#64748b;margin:0;font-size:12.5px}.sim-interactive-card{background:#0f172a;border-radius:9px;flex-direction:column;gap:14px;padding:16px;display:flex}.sim-input-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.sim-input-row{gap:8px;display:flex}.sim-text-input{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:12px}.sim-text-input:focus{border-color:#6366f1}.sim-run-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.sim-run-btn:hover{background:#4f46e5}.sim-timeline{flex-direction:column;gap:10px;margin-top:6px;display:flex}.sim-timeline-item{opacity:.4;align-items:flex-start;gap:10px;transition:opacity .2s;display:flex}.sim-timeline-item.active{opacity:1}.sim-dot{background:#334155;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.sim-timeline-item.active .sim-dot{background:#10b981;box-shadow:0 0 8px #10b98180}.sim-item-content strong{color:#f8fafc;margin-bottom:2px;font-size:12px;display:block}.sim-item-content small{color:#94a3b8;font-size:11px;font-family:var(--font-mono,monospace);display:block}.sim-output-box{color:#4ade80;font-size:11.5px;font-family:var(--font-mono,monospace);background:#1e293b;border-radius:5px;margin:6px 0 0;padding:8px 10px}.drawer-quiz-view{flex-direction:column;gap:16px;display:flex}.quiz-header{flex-direction:column;gap:4px;display:flex}.quiz-kicker{letter-spacing:.06em;text-transform:uppercase;color:#6366f1;font-size:10px;font-weight:700}.quiz-header h3{color:#0f172a;margin:0;font-size:14.5px;font-weight:700;line-height:1.45}.quiz-options-list{flex-direction:column;gap:8px;display:flex}.quiz-opt-btn{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.quiz-opt-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.opt-letter{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.opt-text{color:#334155;flex:1;font-size:12.5px}.quiz-opt-btn.correct{background:#ecfdf5;border-color:#10b981}.quiz-opt-btn.correct .opt-letter{color:#fff;background:#10b981;border-color:#10b981}.quiz-opt-btn.incorrect{background:#fef2f2;border-color:#ef4444}.quiz-opt-btn.incorrect .opt-letter{color:#fff;background:#ef4444;border-color:#ef4444}.quiz-opt-btn.highlight-correct{border-color:#10b981}.quiz-feedback-box{border-radius:7px;flex-direction:column;gap:4px;padding:12px 14px;animation:.15s ease-out fade-in;display:flex}.quiz-feedback-box.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.quiz-feedback-box.retry{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.quiz-feedback-box strong{font-size:13px}.quiz-feedback-box p{margin:0;font-size:12px;line-height:1.45}.comparison-modal{width:90vw;max-width:880px}.comparison-tabs-bar{background:#fafbfc;border-bottom:1px solid #e2e8f0;gap:6px;padding:12px 20px;display:flex;overflow-x:auto}.comp-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.comp-tab-btn:hover{color:#0f172a;border-color:#cbd5e1}.comp-tab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.comparison-content-area{flex-direction:column;gap:16px;max-height:70vh;padding:20px;display:flex;overflow-y:auto}.comp-info-block h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.comp-info-block p{color:#64748b;margin:0;font-size:13px}.comparison-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.comparison-matrix-table{border-collapse:collapse;width:100%;font-size:12px}.comparison-matrix-table th{text-align:left;color:#0f172a;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-weight:700}.comparison-matrix-table td{vertical-align:top;color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 14px;line-height:1.45}.criteria-name-cell{background:#fafbfc;font-weight:700;color:#0f172a!important}.comp-advice-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px}.advice-badge{letter-spacing:.08em;color:#166534;text-transform:uppercase;margin-bottom:4px;font-size:9.5px;font-weight:800;display:block}.comp-advice-box p{color:#15803d;margin:0;font-size:12px;line-height:1.5}.glossary-term-trigger{text-underline-offset:3px;color:inherit;cursor:help;font-weight:600;-webkit-text-decoration:underline dotted #6366f1;text-decoration:underline dotted #6366f1;transition:all .15s}.glossary-term-trigger:hover{color:#6366f1;background:#f5f3ff;border-radius:3px}@media (max-width:1024px){.gh-quick-actions-bar,.problem-category-tiles-grid{grid-template-columns:repeat(2,1fr)}.gh-understand-view-layout{grid-template-columns:1fr}}@media (max-width:768px){.gh-header-top{flex-direction:column;align-items:stretch}.gh-quick-actions-bar,.problem-category-tiles-grid{grid-template-columns:1fr}.alphabet-scrubber-bar{display:none}.glossary-drawer-panel{width:100vw}}.theme-dark .gh-page-header{border-bottom-color:#1e293b}.theme-dark .gh-title{color:#f8fafc}.theme-dark .gh-subtitle{color:#94a3b8}.theme-dark .gh-mode-segmented{background:#1e293b;border-color:#334155}.theme-dark .mode-seg-btn{color:#94a3b8}.theme-dark .mode-seg-btn:hover{color:#f8fafc}.theme-dark .mode-seg-btn.active{color:#f8fafc;background:#0f172a;box-shadow:0 1px 3px #0006}.theme-dark .gh-search-input-box{background:#1e293b;border-color:#334155}.theme-dark .gh-search-input{color:#f8fafc}.theme-dark .gh-kbd-shortcut{color:#94a3b8;background:#0f172a;border-color:#334155}.theme-dark .quick-action-tile{background:#1e293b;border-color:#334155}.theme-dark .quick-action-tile:hover{background:#252e42;border-color:#6366f1}.theme-dark .quick-action-tile strong{color:#f8fafc}.theme-dark .quick-action-tile small{color:#94a3b8}.theme-dark .cat-filter-pill{color:#94a3b8;background:#1e293b;border-color:#334155}.theme-dark .cat-filter-pill:hover{color:#f8fafc;border-color:#6366f1}.theme-dark .cat-filter-pill.active{color:#fff;background:#6366f1;border-color:#6366f1}.theme-dark .gh-secondary-filters-row{background:#1e293b;border-color:#334155}.theme-dark .status-tab{color:#94a3b8}.theme-dark .status-tab:hover{color:#f8fafc}.theme-dark .status-tab.active{color:#f8fafc;background:#0f172a}.theme-dark .diff-chip{color:#94a3b8;background:#0f172a;border-color:#334155}.theme-dark .diff-chip:hover{color:#f8fafc;border-color:#6366f1}.theme-dark .diff-chip.active{color:#fff;background:#6366f1;border-color:#6366f1}.theme-dark .alphabet-scrubber-bar{background:#1e293b;border-color:#334155}.theme-dark .alpha-letter-btn{color:#94a3b8}.theme-dark .alpha-letter-btn.has-terms:hover{color:#818cf8;background:#334155}.theme-dark .alpha-letter-btn.empty{color:#475569}.theme-dark .letter-header-anchor .anchor-line{background:#334155}.theme-dark .letter-terms-table{background:#1e293b;border-color:#334155}.theme-dark .term-doc-row{border-bottom-color:#26334d}.theme-dark .term-doc-row:hover{background:#242f46}.theme-dark .term-doc-row.selected{background:#272c44;border-left-color:#6366f1}.theme-dark .term-title-flex strong{color:#f8fafc}.theme-dark .term-sub-fullname{color:#94a3b8}.theme-dark .term-sentence-preview{color:#cbd5e1}.theme-dark .cat-chip{color:#cbd5e1;background:#0f172a}.theme-dark .open-drawer-btn{color:#94a3b8;background:#0f172a;border-color:#334155}.theme-dark .open-drawer-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.theme-dark .knowledge-stats-card,.theme-dark .recent-terms-aside-card{background:#1e293b;border-color:#334155}.theme-dark .stat-box{background:#0f172a;border-color:#334155}.theme-dark .stat-val{color:#f8fafc}.theme-dark .recent-term-item-btn{background:#0f172a;border-color:#334155}.theme-dark .recent-term-item-btn:hover{background:#242f46;border-color:#6366f1}.theme-dark .recent-term-item-btn span{color:#f8fafc}.theme-dark .problem-tile-card{background:#1e293b;border-color:#334155}.theme-dark .problem-tile-card:hover{background:#252e42;border-color:#6366f1}.theme-dark .section-head-clean h2{color:#f8fafc}.theme-dark .guided-troubleshooting-workbench,.theme-dark .progressive-hints-card,.theme-dark .error-kb-card{background:#1e293b;border-color:#334155}.theme-dark .workbench-header h3,.theme-dark .hint-card-head h3,.theme-dark .error-kb-card-head h3,.theme-dark .step-content-box label{color:#f8fafc}.theme-dark .step-choice-pill:hover{color:#818cf8;background:#242f46;border-color:#6366f1}.theme-dark .trouble-snippet-textarea{color:#f8fafc;background:#0f172a;border-color:#334155}.theme-dark .diagnosis-result-card{background:#0f172a;border-color:#334155}.theme-dark .diag-head strong{color:#f8fafc}.theme-dark .diag-why,.theme-dark .diag-fix{color:#cbd5e1}.theme-dark .hint-tier-box.revealed{background:#172033;border-color:#475569}.theme-dark .tier-label-row strong{color:#f8fafc}.theme-dark .hint-text{color:#cbd5e1}.theme-dark .glossary-drawer-panel{background:#0f172a;border-left-color:#334155}.theme-dark .drawer-header,.theme-dark .drawer-nav-tabs{background:#1e293b;border-bottom-color:#334155}.theme-dark .drawer-title-block{border-bottom-color:#334155}.theme-dark .drawer-title-block h1{color:#f8fafc}.theme-dark .term-full-name{color:#94a3b8}.theme-dark .one-sentence-summary{color:#cbd5e1}.theme-dark .drawer-tab{color:#94a3b8}.theme-dark .drawer-tab:hover{color:#f8fafc}.theme-dark .drawer-action-btn,.theme-dark .drawer-icon-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.theme-dark .drawer-action-btn:hover,.theme-dark .drawer-icon-btn:hover{color:#f8fafc;background:#2d3748}.theme-dark .drawer-card{background:#1e293b;border-color:#334155}.theme-dark .mental-model-card{background:#2e1065;border-color:#4c1d95}.theme-dark .analogy-quote p{color:#e9d5ff}.theme-dark .simple-explanation{color:#c084fc}.theme-dark .example-title{color:#f8fafc}.theme-dark .example-context{color:#94a3b8}.theme-dark .flow-step-node{background:#0f172a;border-color:#334155}.theme-dark .step-node-desc,.theme-dark .criteria-column ul{color:#cbd5e1}.theme-dark .tech-collapse-toggle{color:#f8fafc;background:#1e293b}.theme-dark .tech-toggle-left{color:#f8fafc}.theme-dark .tech-details-content{border-top-color:#334155}.theme-dark .tech-summary{color:#cbd5e1}.theme-dark .tech-points-list{color:#94a3b8}.theme-dark .related-term-chip{color:#cbd5e1;background:#1e293b;border-color:#334155}.theme-dark .quiz-header h3{color:#f8fafc}.theme-dark .quiz-opt-btn{background:#1e293b;border-color:#334155}.theme-dark .quiz-opt-btn:hover{background:#252e42;border-color:#6366f1}.theme-dark .opt-letter{color:#cbd5e1;background:#0f172a;border-color:#334155}.theme-dark .opt-text{color:#f8fafc}.theme-dark .comparison-modal-panel{background:#0f172a}.theme-dark .comp-header{border-bottom-color:#334155}.theme-dark .comp-title{color:#f8fafc}.theme-dark .comp-desc{color:#94a3b8}.theme-dark .comp-tabs{background:#1e293b;border-bottom-color:#334155}.theme-dark .comp-tab-btn{color:#94a3b8}.theme-dark .comp-tab-btn:hover{color:#f8fafc}.theme-dark .comp-table-wrap{border-color:#334155}.theme-dark .comp-matrix-table th{color:#f8fafc;background:#1e293b;border-bottom-color:#334155}.theme-dark .comp-matrix-table td{color:#cbd5e1;border-bottom-color:#242f46}.theme-dark .criteria-name-cell{background:#172033;color:#f8fafc!important}.editorial-header-wrap{margin-bottom:24px}.editorial-main-title{font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;letter-spacing:-.04em;color:#0f172a;margin:0 0 10px;font-size:clamp(34px,4.2vw,52px);font-weight:800;line-height:1.08}.editorial-italic-sub{color:#6366f1;letter-spacing:-.01em;font-family:Instrument Serif,Georgia,Cambria,Times New Roman,Times,serif;font-style:italic;font-weight:400;display:inline-block}.editorial-tagline{color:#64748b;max-width:680px;margin:0;font-size:14px;line-height:1.5}.theme-dark .editorial-main-title{color:#f8fafc}.theme-dark .editorial-italic-sub{color:#818cf8}.theme-dark .editorial-tagline{color:#94a3b8}.glossary-page-wrapper{max-width:1200px;margin:0 auto;padding:8px 12px 64px;animation:.25s ease-out fadeIn}.glossary-header-clean{margin-bottom:28px}.im-stuck-page-wrapper{max-width:1200px;margin:0 auto;padding:8px 12px 64px;animation:.25s ease-out fadeIn}.stuck-header-clean{margin-bottom:24px}.stuck-main-content{flex-direction:column;gap:32px;display:flex}.unstuck-context-banner{background:linear-gradient(135deg,#6366f114,#4f46e508);border:1px solid #6366f138;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.context-pulse-tag{letter-spacing:.08em;color:#6366f1;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:10px;font-weight:800;display:inline-flex}.context-banner-left h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.context-banner-left p{color:#64748b;margin:2px 0 0;font-size:12px}.return-context-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.return-context-btn:hover{background:#4f46e5;transform:translateY(-1px)}.problem-selection-section .section-head-clean h2,.troubleshooting-articles-section .section-head-clean h2{letter-spacing:-.03em;color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:800}.problem-selection-section .section-head-clean p,.troubleshooting-articles-section .section-head-clean p{color:#64748b;margin:0 0 16px;font-size:13px}.problem-category-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.problem-tile-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.problem-tile-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 14px #6366f114}.problem-tile-card.selected{background:#6366f10a;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.tile-icon-box{color:#6366f1;background:#6366f11a;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.tile-text strong{color:#0f172a;font-size:13px;font-weight:700;display:block}.tile-text p{color:#64748b;margin:2px 0 0;font-size:11px;line-height:1.35}.tile-chevron{color:#94a3b8;flex-shrink:0;margin-left:auto}.guided-troubleshooting-workbench{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000008}.workbench-header{margin-bottom:20px}.workbench-header .step-tag{letter-spacing:.08em;color:#6366f1;margin-bottom:4px;font-size:9.5px;font-weight:800;display:inline-block}.workbench-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.steps-flow-container{flex-direction:column;gap:20px;display:flex}.flow-step-block{align-items:flex-start;gap:16px;display:flex}.step-num-badge{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;font-weight:800;display:grid}.step-content-box{flex:1}.step-content-box label{color:#1e293b;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.options-pill-selector{flex-wrap:wrap;gap:8px;display:flex}.step-choice-pill{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.step-choice-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.step-choice-pill.active{color:#fff;background:#6366f1;border-color:#6366f1}.diag-error-textarea{box-sizing:border-box;color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px}.diag-error-textarea:focus{background:#fff;border-color:#6366f1;outline:none}.workbench-actions-bar{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.diagnose-submit-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.diagnose-submit-btn:hover:not(:disabled){background:#4f46e5}.diagnose-submit-btn:disabled{opacity:.65;cursor:not-allowed}.diagnostic-result-card{background:#f8fafc;border:1px solid #c7d2fe;border-radius:14px;margin-top:24px;padding:20px}.result-badge{letter-spacing:.08em;color:#4f46e5;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-flex}.diagnostic-result-card h4{color:#0f172a;margin:0 0 12px;font-size:16px;font-weight:800}.result-location-badge{color:#3730a3;background:#e0e7ff;border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.result-explanation-block{margin-bottom:16px}.result-explanation-block strong{color:#0f172a;margin-bottom:4px;font-size:12px;display:block}.result-explanation-block p{color:#475569;margin:0;font-size:13px;line-height:1.5}.result-code-fix-block strong{color:#0f172a;margin-bottom:6px;font-size:12px;display:block}.diff-code-wrapper{background:#0f172a;border-radius:10px;padding:14px;position:relative;overflow-x:auto}.diff-code-wrapper pre{color:#f8fafc;margin:0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5}.copy-diff-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;display:inline-flex;position:absolute;top:10px;right:10px}.progressive-hints-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.hints-header{margin-bottom:16px}.hints-header .hints-tag{letter-spacing:.08em;color:#d97706;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:4px;font-size:10px;font-weight:800;display:inline-flex}.hints-header h3{color:#0f172a;margin:0;font-size:17px;font-weight:800}.hints-tier-list{flex-direction:column;gap:12px;display:flex}.hint-tier-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.hint-tier-toggle-btn{cursor:pointer;color:#1e293b;text-align:left;background:#f8fafc;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.hint-tier-content{color:#475569;border-top:1px solid #e2e8f0;padding:14px 16px;font-size:13px;line-height:1.5}.troubleshooting-articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.article-guide-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s}.article-guide-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.article-cat-tag{letter-spacing:.05em;color:#6366f1;background:#6366f114;border-radius:6px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.article-guide-card h4{color:#0f172a;margin:0 0 8px;font-size:15px;font-weight:700}.article-symptom-text{color:#64748b;margin:0;font-size:12px;line-height:1.45}.theme-dark .unstuck-context-banner{background:#6366f11f;border-color:#6366f14d}.theme-dark .context-banner-left h3{color:#f8fafc}.theme-dark .context-banner-left p{color:#94a3b8}.theme-dark .problem-selection-section .section-head-clean h2,.theme-dark .troubleshooting-articles-section .section-head-clean h2,.theme-dark .workbench-header h3,.theme-dark .hints-header h3,.theme-dark .article-guide-card h4,.theme-dark .diagnostic-result-card h4{color:#f8fafc}.theme-dark .problem-selection-section .section-head-clean p,.theme-dark .troubleshooting-articles-section .section-head-clean p,.theme-dark .article-symptom-text{color:#94a3b8}.theme-dark .problem-tile-card,.theme-dark .guided-troubleshooting-workbench,.theme-dark .progressive-hints-card,.theme-dark .article-guide-card{background:#1e293b;border-color:#334155}.theme-dark .problem-tile-card.selected{background:#6366f126;border-color:#6366f1}.theme-dark .tile-text strong{color:#f8fafc}.theme-dark .tile-text p{color:#94a3b8}.theme-dark .step-content-box label,.theme-dark .result-explanation-block strong,.theme-dark .result-code-fix-block strong{color:#f8fafc}.theme-dark .step-choice-pill{color:#cbd5e1;background:#0f172a;border-color:#334155}.theme-dark .step-choice-pill:hover{background:#1e293b;border-color:#475569}.theme-dark .step-choice-pill.active{color:#fff;background:#6366f1;border-color:#6366f1}.theme-dark .diag-error-textarea{color:#f8fafc;background:#0f172a;border-color:#334155}.theme-dark .diagnostic-result-card{background:#0f172a;border-color:#3730a3}.theme-dark .result-explanation-block p{color:#cbd5e1}.theme-dark .hint-tier-box{background:#1e293b;border-color:#334155}.theme-dark .hint-tier-toggle-btn{color:#f8fafc;background:#0f172a}.theme-dark .hint-tier-content{color:#cbd5e1;background:#1e293b;border-top-color:#334155}.custom-tab-btn{color:#6366f1;background:linear-gradient(135deg,#6366f11f,#a855f71f);align-items:center;gap:6px;font-weight:700;display:inline-flex;border-color:#6366f14d!important}.custom-tab-btn:hover{color:#4f46e5;background:linear-gradient(135deg,#6366f133,#a855f733)}.custom-tab-btn.active{box-shadow:0 4px 12px #6366f14d;color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important}.custom-compare-area{flex-direction:column;gap:20px;display:flex}.custom-inputs-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px}.custom-card-header{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.quick-presets-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.preset-pill-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.preset-pill-btn:hover{color:#4f46e5;background:#eff6ff;border-color:#6366f1;transform:translateY(-1px)}.custom-input-fields-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;gap:14px;margin-bottom:16px;display:grid}.custom-input-group{flex-direction:column;gap:6px;display:flex}.custom-input-group label{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.custom-input-group input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;height:40px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s}.custom-input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.add-third-group{align-items:center;height:40px;display:flex}.add-third-btn{color:#64748b;cursor:pointer;background:0 0;border:1px dashed #94a3b8;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.add-third-btn:hover{color:#6366f1;background:#6366f10a;border-color:#6366f1}.remove-third-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.remove-third-btn:hover{color:#dc2626;text-decoration:underline}.custom-action-row{align-items:center;gap:14px;display:flex}.generate-compare-btn{border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.custom-error-tag{color:#ef4444;font-size:12px;font-weight:600}.custom-result-container{flex-direction:column;gap:16px;animation:.2s ease-out fadeIn;display:flex}.theme-dark .custom-inputs-card{background:#0f172a;border-color:#334155}.theme-dark .custom-input-group label{color:#f8fafc}.theme-dark .custom-input-group input{color:#f8fafc;background:#1e293b;border-color:#334155}.theme-dark .custom-input-group input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.theme-dark .preset-pill-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.theme-dark .preset-pill-btn:hover{color:#f8fafc;background:#252e42;border-color:#818cf8}.theme-dark .add-third-btn{color:#94a3b8;border-color:#475569}.theme-dark .add-third-btn:hover{color:#818cf8;background:#818cf814;border-color:#818cf8}.error-kb-interactive-section{flex-direction:column;gap:18px;margin-top:10px;display:flex}.kb-toolbar-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.kb-search-bar{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:1;align-items:center;gap:8px;max-width:440px;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.kb-search-bar:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.kb-search-icon{color:#94a3b8;flex-shrink:0}.kb-search-bar input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.kb-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.kb-category-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kb-cat-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.kb-cat-pill:hover{color:#1e293b;background:#e2e8f0}.kb-cat-pill.active{color:#fff;background:#6366f1;border-color:#6366f1}.error-kb-articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.error-kb-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:10px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.error-kb-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 24px #6366f114}.error-kb-card-head{justify-content:space-between;align-items:center;display:flex}.error-cat-pill{color:#6366f1;background:#6366f114;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.verified-chip{color:#10b981;background:#10b9811a;border-radius:99px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.error-kb-card h3{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.35}.error-symptom-text{color:#64748b;margin:0;font-size:12px;line-height:1.5}.error-kb-footer{border-top:1px solid #f1f5f9;margin-top:6px;padding-top:10px}.view-fix-link{color:#6366f1;align-items:center;gap:4px;font-size:12px;font-weight:700;transition:gap .15s;display:inline-flex}.error-kb-card:hover .view-fix-link{gap:7px}.kb-empty-box{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:48px 20px;font-size:13px;display:flex}.error-detail-modal{max-height:85vh;overflow-y:auto;max-width:780px!important}.error-modal-body{flex-direction:column;gap:20px;padding:20px 24px 28px;display:flex}.error-modal-section h4{text-transform:uppercase;letter-spacing:.04em;color:#0f172a;margin:0 0 8px;font-size:13px;font-weight:800}.error-modal-section p{color:#475569;margin:0;font-size:13.5px;line-height:1.6}.symptom-highlight{background:#fff1f2;border-left:3px solid #f43f5e;border-radius:0 8px 8px 0;padding:10px 14px;font-family:JetBrains Mono,monospace;color:#9f1239!important;font-size:12.5px!important}.diag-checklist-wrap{flex-direction:column;gap:8px;display:flex}.checklist-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.checklist-item:hover{background:#f1f5f9;border-color:#cbd5e1}.checklist-item.checked{background:#10b9810f;border-color:#10b9814d}.checklist-item.checked span{color:#047857;opacity:.85;text-decoration:line-through}.custom-checkbox{background:#fff;border:1.5px solid #94a3b8;border-radius:4px;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;transition:all .15s;display:grid}.checklist-item.checked .custom-checkbox{background:#10b981;border-color:#10b981}.kb-fix-block{flex-direction:column;gap:12px;display:flex}.fix-desc{color:#1e293b;font-size:13px;font-weight:600}.code-compare-box{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.code-compare-box.before{background:#fff5f5;border-color:#fecdd3}.code-compare-box.after{background:#0f172a;border-color:#1e293b}.code-tag-badge{letter-spacing:.06em;text-transform:uppercase;border-bottom-right-radius:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.before-tag{color:#e11d48;background:#ffe4e6}.after-head{justify-content:space-between;align-items:center;padding-right:10px;display:flex}.after-tag{color:#fff;background:#10b981}.copy-code-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.copy-code-btn:hover{background:#ffffff40}.code-compare-box pre{margin:0;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.code-compare-box.before pre{color:#9f1239}.code-compare-box.after pre{color:#f8fafc}.modal-bottom-actions{border-top:1px solid #e2e8f0;align-items:center;gap:12px;margin-top:10px;padding-top:16px;display:flex}.theme-dark .kb-search-bar{background:#1e293b;border-color:#334155}.theme-dark .kb-search-bar input{color:#f8fafc}.theme-dark .kb-cat-pill{color:#cbd5e1;background:#1e293b;border-color:#334155}.theme-dark .kb-cat-pill:hover{color:#f8fafc;background:#252e42}.theme-dark .kb-cat-pill.active{color:#fff;background:#6366f1}.theme-dark .error-kb-card{background:#1e293b;border-color:#334155}.theme-dark .error-kb-card h3{color:#f8fafc}.theme-dark .error-symptom-text{color:#94a3b8}.theme-dark .error-kb-footer{border-top-color:#334155}.theme-dark .error-modal-section h4{color:#f8fafc}.theme-dark .error-modal-section p{color:#cbd5e1}.theme-dark .symptom-highlight{background:#f43f5e1f;border-left-color:#f43f5e;color:#fda4af!important}.theme-dark .checklist-item{background:#0f172a;border-color:#334155}.theme-dark .checklist-item:hover{background:#172033}.theme-dark .custom-checkbox{background:#1e293b;border-color:#475569}.theme-dark .code-compare-box.before{background:#1c131b;border-color:#4c1d24}.theme-dark .code-compare-box.before pre{color:#fda4af}.theme-dark .modal-bottom-actions{border-top-color:#334155}.markdown-scale-small{font-size:.85rem!important}.markdown-scale-small h1,.markdown-scale-small h2,.markdown-scale-small h3,.markdown-scale-small h4{font-size:calc(1em + .1rem)!important}.markdown-scale-normal{font-size:1rem}.markdown-scale-large{font-size:1.18rem!important}.markdown-scale-large h1{font-size:2rem!important}.markdown-scale-large h2{font-size:1.6rem!important}.markdown-scale-large h3{font-size:1.3rem!important}.markdown-scale-large p,.markdown-scale-large li,.markdown-scale-large td{line-height:1.8}.markdown-scale-expanded{font-size:1.35rem!important}.markdown-scale-expanded h1{font-size:2.2rem!important}.markdown-scale-expanded h2{font-size:1.75rem!important}.markdown-scale-expanded h3{font-size:1.45rem!important}.markdown-scale-expanded p,.markdown-scale-expanded li,.markdown-scale-expanded td{line-height:1.9}.rendered-markdown-view{color:var(--text-primary,inherit);font-size:.95rem;line-height:1.7}.rendered-markdown-view h1{color:inherit;border-bottom:2px solid var(--color-border,#e2e8f04d);margin:0 0 16px;padding-bottom:8px;font-size:1.55rem;font-weight:800}.rendered-markdown-view h2{color:inherit;margin:20px 0 10px;font-size:1.22rem;font-weight:700}.rendered-markdown-view h3{color:inherit;margin:16px 0 8px;font-size:1.05rem;font-weight:700}.rendered-markdown-view h4{color:inherit;margin:12px 0 6px;font-size:.95rem;font-weight:700}.rendered-markdown-view p{color:inherit;margin:8px 0}.rendered-markdown-view ul{margin:8px 0;padding-left:20px}.rendered-markdown-view li{margin:4px 0;line-height:1.65}.rendered-markdown-view li.task-done{color:#10b981}.rendered-markdown-view li.task-pending{color:var(--color-muted,#64748b)}.rendered-markdown-view .task-check{margin-right:4px;font-weight:800}.rendered-markdown-view code{color:#6366f1;background:#6366f11a;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em}.rendered-markdown-view blockquote{color:var(--color-muted,#64748b);background:#6366f10f;border-left:3px solid #6366f1;border-radius:0 6px 6px 0;margin:10px 0;padding:8px 14px;font-style:italic}.rendered-markdown-view .markdown-divider{border:none;border-top:1px solid var(--color-border,#e2e8f0);margin:18px 0}.rendered-markdown-view .code-block-container{border:1px solid var(--color-border,#e2e8f0);border-radius:10px;margin:14px 0;overflow:hidden}.rendered-markdown-view .code-block-header{background:#0f172ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.rendered-markdown-view .code-lang-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}.rendered-markdown-view pre{color:#e2e8f0;white-space:pre;background:#0f172ae6;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.86rem;line-height:1.65;overflow-x:auto}.rendered-markdown-view pre code{color:#e2e8f0;font-size:inherit;background:0 0;border-radius:0;padding:0}.rendered-markdown-view .table-scroll-wrapper{border:1px solid var(--color-border,#e2e8f0);border-radius:10px;margin:14px 0;overflow-x:auto}.rendered-markdown-view .markdown-table{border-collapse:collapse;width:100%;font-size:.9rem}.rendered-markdown-view .markdown-table thead{background:linear-gradient(135deg,#6366f11f 0%,#7c3aed14 100%)}.rendered-markdown-view .markdown-table th{text-align:left;color:#6366f1;white-space:nowrap;border-bottom:2px solid #6366f140;padding:10px 14px;font-size:.85rem;font-weight:700}.rendered-markdown-view .markdown-table td{border-bottom:1px solid var(--color-border,#e2e8f0);vertical-align:top;padding:9px 14px;line-height:1.6}.rendered-markdown-view .markdown-table tr:last-child td{border-bottom:none}.rendered-markdown-view .markdown-table tr:nth-child(2n) td{background:#6366f108}.rendered-markdown-view .markdown-table tr:hover td{background:#6366f10f}.theme-dark .rendered-markdown-view .table-scroll-wrapper{border-color:#334155}.theme-dark .rendered-markdown-view .markdown-table thead{background:linear-gradient(135deg,#6366f133 0%,#7c3aed1f 100%)}.theme-dark .rendered-markdown-view .markdown-table th{color:#818cf8;border-bottom-color:#818cf84d}.theme-dark .rendered-markdown-view .markdown-table td{color:#cbd5e1;border-bottom-color:#334155}.theme-dark .rendered-markdown-view .markdown-table tr:nth-child(2n) td{background:#6366f10f}.theme-dark .rendered-markdown-view .code-block-header{background:#020617f2}.theme-dark .rendered-markdown-view pre{background:#020617e6}.theme-dark .rendered-markdown-view code{color:#818cf8;background:#818cf826}.theme-dark .rendered-markdown-view blockquote{color:#94a3b8;background:#6366f11a;border-left-color:#818cf8}.theme-dark .rendered-markdown-view,.dark .rendered-markdown-view,[data-theme=dark] .rendered-markdown-view,.theme-dark .rendered-markdown-view p,.dark .rendered-markdown-view p,[data-theme=dark] .rendered-markdown-view p,.theme-dark .rendered-markdown-view li,.dark .rendered-markdown-view li,[data-theme=dark] .rendered-markdown-view li,.theme-dark .rendered-markdown-view h1,.theme-dark .rendered-markdown-view h2,.theme-dark .rendered-markdown-view h3,.theme-dark .rendered-markdown-view h4{color:#f1f5f9}.theme-dark .rendered-markdown-view .markdown-divider{border-top-color:#334155}.theme-light .rendered-markdown-view,[data-theme=light] .rendered-markdown-view,.theme-light .rendered-markdown-view p,[data-theme=light] .rendered-markdown-view p,.theme-light .rendered-markdown-view li,[data-theme=light] .rendered-markdown-view li{color:#1e293b}.theme-light .rendered-markdown-view h1,.theme-light .rendered-markdown-view h2,.theme-light .rendered-markdown-view h3,.theme-light .rendered-markdown-view h4{color:#0f172a}.modal-wide{background:#fff!important;border:1px solid #e2e8f0d9!important;border-radius:20px!important;width:min(920px,94vw)!important;max-height:min(840px,92vh)!important;box-shadow:0 28px 70px -15px #0f172a38,0 0 0 1px #0000000a!important}.modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:20px 28px 16px!important}.modal-header .eyebrow{letter-spacing:.08em!important;text-transform:uppercase!important;color:#4f46e5!important;margin-bottom:4px!important;font-size:11.5px!important;font-weight:700!important}.modal-header h2{color:#0f172a!important;letter-spacing:-.02em!important;margin:0!important;font-size:18.5px!important;font-weight:700!important;line-height:1.35!important}.topic-modal-layout{grid-template-columns:260px 1fr!important;align-items:start!important;gap:28px!important;padding:24px 28px!important;display:grid!important}.topic-modal-visual{color:#fff!important;background:linear-gradient(145deg,#4338ca 0%,#6366f1 100%)!important;border:1px solid #fff3!important;border-radius:18px!important;flex-direction:column!important;justify-content:space-between!important;min-height:280px!important;padding:22px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 32px #4338ca47!important}.topic-modal-visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.topic-modal-visual.accent-violet{background:linear-gradient(145deg,#6366f1 0%,#9333ea 100%)!important}.topic-modal-visual.accent-teal{background:linear-gradient(145deg,#0d9488 0%,#0284c7 100%)!important}.topic-modal-visual.accent-amber{background:linear-gradient(145deg,#d97706 0%,#ea580c 100%)!important}.topic-modal-visual span{z-index:1;position:relative;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:10.5px!important;font-weight:700!important;line-height:1.5!important}.topic-modal-visual small{z-index:1;font-family:inherit;position:relative;letter-spacing:-.02em!important;opacity:.55!important;font-size:32px!important;font-weight:800!important}.modal-progress-row{color:#64748b!important;justify-content:space-between!important;align-items:center!important;margin:16px 0 8px!important;font-size:12px!important;font-weight:500!important;display:flex!important}.modal-progress-row strong{color:#0f172a!important;font-size:13.5px!important;font-weight:700!important}.modal-progress{background:#e2e8f0!important;border-radius:999px!important;height:7px!important;overflow:hidden!important}.modal-progress i{border-radius:inherit;height:100%;transition:width .3s;display:block;background:linear-gradient(90deg,#4f46e5,#06b6d4)!important}.topic-modal-copy{flex-direction:column;max-height:calc(85vh - 110px);padding-right:8px;display:flex;overflow-y:auto}.topic-modal-copy .section-kicker{text-transform:uppercase!important;letter-spacing:.08em!important;color:#4f46e5!important;background:#4f46e514!important;border-radius:999px!important;width:fit-content!important;margin-bottom:12px!important;padding:4px 10px!important;font-size:11px!important;font-weight:700!important;display:inline-block!important}.rendered-markdown-view .modal-section-h2{color:#0f172a!important;letter-spacing:-.015em!important;margin:18px 0 8px!important;font-size:16.5px!important;font-weight:700!important}.rendered-markdown-view .modal-section-h3{color:#1e293b!important;margin:14px 0 6px!important;font-size:14.5px!important;font-weight:700!important}.rendered-markdown-view .modal-body-p{color:#334155!important;margin:6px 0!important;font-size:13.5px!important;line-height:1.65!important}.rendered-markdown-view .modal-concepts-list{flex-direction:column!important;gap:7px!important;margin:10px 0 16px!important;padding:0!important;list-style:none!important;display:flex!important}.rendered-markdown-view .modal-concept-item{color:#334155!important;background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:8px!important;align-items:flex-start!important;gap:10px!important;padding:9px 13px!important;font-size:13px!important;line-height:1.55!important;display:flex!important}.rendered-markdown-view .concept-bullet{background:#4f46e5!important;border-radius:50%!important;flex-shrink:0!important;width:6px!important;height:6px!important;margin-top:7px!important}.lesson-list{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;margin:16px 0!important;overflow:hidden!important;box-shadow:0 2px 8px #00000005!important}.lesson-list-head{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important;font-size:12.5px!important;display:flex!important}.lesson-list-head strong{color:#0f172a!important;font-weight:700!important}.lesson-list-head span{color:#64748b!important;font-size:12px!important;font-weight:500!important}.lesson-row{border-bottom:1px solid #f1f5f9!important;align-items:center!important;gap:12px!important;min-height:52px!important;padding:10px 16px!important;transition:background .15s!important;display:flex!important}.lesson-row:hover{background:#f8fafc!important}.lesson-status{color:#475569!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:50%!important;flex-shrink:0!important;place-items:center!important;width:26px!important;height:26px!important;font-size:11px!important;font-weight:700!important;display:grid!important}.lesson-status.complete{color:#fff!important;background:#10b981!important;border-color:#10b981!important}.lesson-row>span:nth-child(2){flex-direction:column!important;flex:1!important;gap:2px!important;display:flex!important}.lesson-row strong{color:#0f172a!important;font-size:13px!important;font-weight:600!important}.lesson-row small{color:#64748b!important;font-size:11.5px!important}.theme-dark .modal-wide{background:#0f172a!important;border-color:#1e293b!important}.theme-dark .modal-header{background:#0f172a!important;border-bottom-color:#1e293b!important}.theme-dark .modal-header h2,.theme-dark .modal-progress-row strong{color:#f8fafc!important}.theme-dark .modal-progress{background:#1e293b!important}.theme-dark .rendered-markdown-view .modal-section-h2,.theme-dark .rendered-markdown-view .modal-section-h3{color:#f8fafc!important}.theme-dark .rendered-markdown-view .modal-body-p{color:#cbd5e1!important}.theme-dark .rendered-markdown-view .modal-concept-item{color:#e2e8f0!important;background:#1e293b!important;border-color:#334155!important}.theme-dark .lesson-list{background:#0f172a!important;border-color:#1e293b!important}.theme-dark .lesson-list-head{background:#1e293b!important;border-bottom-color:#334155!important}.theme-dark .lesson-list-head strong{color:#f8fafc!important}.theme-dark .lesson-row{border-bottom-color:#1e293b!important}.theme-dark .lesson-row:hover{background:#1e293b!important}.theme-dark .lesson-row strong{color:#f8fafc!important}