@import url("./design-refresh.css?v=20261003r7");
/* The resize control sets the two grid tracks directly; the equal split is the no-script fallback. */
body.ac-unified .algorithm-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:none!important;}
body.ac-unified .algorithm-workspace>.algo-animation-resize{grid-column:1/-1!important;grid-row:1!important;}
body.ac-unified .algorithm-workspace>.anim-panel{grid-column:1!important;grid-row:2!important;}
body.ac-unified .algorithm-workspace>.walkthrough{grid-column:2!important;grid-row:2!important;}
.algo-animation-resize{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 12px;border:1px solid var(--ac-line,#d8e6dd);border-radius:10px;background:var(--ac-paper,#fff);color:var(--ac-ink,#193229);font:600 13px/1.3 Inter,system-ui,sans-serif}
.algo-animation-resize label{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.algo-animation-resize input[type=range]{width:min(360px,100%);accent-color:#16845d;cursor:ew-resize}
.algo-animation-resize output{min-width:3.5em;padding:5px 8px;border-radius:999px;background:#eaf5ee;color:#116b4b;text-align:center;font-variant-numeric:tabular-nums}
body.ac-unified .algo-complete{bottom:84px!important;z-index:1100!important}
body.ac-unified>div:has(#markCompleteBtn)>div{right:102px!important;background:#fff!important;border-color:#d8e6dd!important;box-shadow:0 12px 32px rgba(25,50,41,.16)!important;color:#193229!important}
body.ac-unified>div:has(#markCompleteBtn) #trackerIcon{background:#eaf5ee!important;border:1px solid #cde2d4!important}
body.ac-unified>div:has(#markCompleteBtn) #trackerIcon+div>div:first-child{color:#193229!important}
body.ac-unified>div:has(#markCompleteBtn) #trackerStatus{color:#61766b!important}
body.ac-unified>div:has(#markCompleteBtn) #markCompleteBtn{background:#16845d!important;border-color:#16845d!important;color:#fff!important}
body.ac-unified>div:has(#markCompleteBtn) #trackerLogin a{color:#116b4b!important}
/* Keep shared animation controls and floating completion UI on the Stitch dark palette. */
body.ac-design-system .algo-animation-resize{color:#dfe7f2!important;background:#131923!important;border-color:rgba(220,235,245,.12)!important;box-shadow:0 8px 24px #0003!important}
body.ac-design-system .algo-animation-resize output{color:#07151a!important;background:#55d9df!important}
body.ac-design-system .algo-animation-resize input[type=range]{accent-color:#42dce0!important}
body.ac-design-system.ac-unified>div:has(#markCompleteBtn)>div{color:#dfe7f2!important;background:#131923!important;border-color:rgba(220,235,245,.14)!important;box-shadow:0 16px 42px #0008!important}
body.ac-design-system.ac-unified>div:has(#markCompleteBtn) #trackerIcon{color:#55d9df!important;background:rgba(0,220,230,.12)!important;border-color:rgba(0,220,230,.25)!important}
body.ac-design-system.ac-unified>div:has(#markCompleteBtn) #trackerIcon+div>div:first-child{color:#eef4fb!important}
body.ac-design-system.ac-unified>div:has(#markCompleteBtn) #trackerStatus{color:#aab6c8!important}
body.ac-design-system.ac-unified>div:has(#markCompleteBtn) #markCompleteBtn{color:#07151a!important;background:linear-gradient(135deg,#48dce0,#30c5d1)!important;border-color:rgba(0,220,230,.45)!important}
body.ac-design-system.ac-unified>div:has(#markCompleteBtn) #trackerLogin a{color:#55d9df!important}
@media(max-width:980px){body.ac-unified .algorithm-workspace{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important}body.ac-unified .algorithm-workspace>.anim-panel,body.ac-unified .algorithm-workspace>.walkthrough{grid-column:1!important}body.ac-unified .algorithm-workspace>.anim-panel{grid-row:1!important}body.ac-unified .algorithm-workspace>.walkthrough{grid-row:2!important}}
@media(max-width:700px){.algo-animation-resize{align-items:stretch;flex-direction:column;gap:6px}.algo-animation-resize input[type=range]{width:100%}}
@media(max-width:560px){body.ac-unified>div:has(#markCompleteBtn)>div{right:82px!important;width:min(300px,calc(100vw - 110px))!important;max-width:calc(100vw - 110px)!important}}
body.ac-unified{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding-top:0!important}
.ac-site-header{flex:none}
body.ac-unified.ac-auth-page{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0!important;min-height:100vh}
.ac-auth-page .login-card,.ac-auth-page .register-card{flex:none;width:calc(100% - 32px);max-width:420px;margin:32px auto;border-radius:8px;padding:28px;box-shadow:none}
.ac-auth-page .back-link{position:static;align-self:flex-start;margin:20px 16px 0}
.ac-auth-page .login-card::before,.ac-auth-page .register-card::before{display:none}
.ac-auth-page .ac-account .btn{width:auto;margin:0}
.ac-local-notice{max-width:1280px;margin:20px auto;padding:16px 24px;border-left:3px solid #e5bd65;background:#23251c;color:#f0e6cf;font:15px/1.5 system-ui,sans-serif}.ac-local-notice p{margin:8px 0}.ac-local-notice a{color:#95dfc1}
body.ac-unified .ac-site-header{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:14px 16px!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:100;isolation:isolate}
body.ac-unified .ac-site-header .ac-shell{display:flex!important;position:relative!important;inset:auto!important;max-width:1680px!important;width:100%!important;height:auto!important;padding:10px 18px!important;margin:0 auto!important;background:linear-gradient(110deg,#08120e,#101812 72%,#0b1510)!important;border:1px solid #294538!important;border-radius:999px!important;box-shadow:0 12px 36px #0006!important;backdrop-filter:blur(14px)!important;transform:none!important}
.ac-site-header *{box-sizing:border-box;letter-spacing:0!important}
.ac-shell-top{display:flex;align-items:center;gap:16px;width:100%;min-width:0}
.ac-shell-brand{display:flex;align-items:center;gap:8px;font:750 15px/1.2 Inter,system-ui,sans-serif;color:#eef3ff!important;text-decoration:none;white-space:nowrap;flex:none}
.ac-shell-brand img{width:26px;height:26px;flex-shrink:0;border-radius:7px}
.ac-global-search{position:relative;min-width:130px;max-width:190px;width:18%;flex:none}
.ac-global-search input{display:block;width:100%;height:32px;padding:0 12px;background:#0b120e!important;border:1px solid #30483b!important;border-radius:999px;color:#eef3ef!important;font:12px Inter,system-ui,sans-serif!important;box-shadow:none!important;min-width:0}
body.ac-unified .ac-site-header .search-results{position:absolute!important;inset:calc(100% + 6px) 0 auto 0!important;width:100%!important;max-height:380px;overflow:auto;background:#1a211d;border:1px solid #46554b;border-radius:6px;box-shadow:0 8px 24px #0005;z-index:20;display:none}
body.ac-unified .ac-site-header .search-results.show{display:block}
.ac-site-header .search-results a{display:block;padding:12px;color:#e4eee8;text-decoration:none;border-bottom:1px solid #303a34;font-size:14px}
.ac-site-header .search-results a:hover,.ac-site-header .search-results a:focus{background:#2c4436}
.ac-site-header .search-results span{display:block}.ac-site-header .search-results .sr-desc{font-size:12px;color:#a9b6ae}.ac-site-header .search-results p{padding:12px}
.ac-site-header .ac-account{display:flex!important;gap:8px!important;align-items:center!important;white-space:nowrap!important;justify-self:end;font-size:12px;flex:none}
.ac-account a{text-decoration:none;color:#d1ded6!important}.ac-account button,.ac-account .ac-signup,.ac-account .btn{padding:9px 12px!important;background:#263c2e!important;border:1px solid #4c6956!important;color:#eef9f0!important;border-radius:6px!important;box-shadow:none!important;font-size:13px!important}
.ac-shell-links{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.2vw,20px);overflow-x:auto;flex:1;min-width:0;padding:0 2px;scrollbar-width:none}
.ac-shell-links::-webkit-scrollbar{display:none}
.ac-shell-links a{flex-shrink:0;padding:8px 0;color:#9da8bd!important;text-decoration:none!important;font:500 11px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;border-bottom:2px solid transparent}
.ac-shell-links a[aria-current=page]{color:#a5f0c8!important;border-color:#70d7a9}
.ac-unified .ac-workspace,.ac-unified #algorithms,.ac-unified .container{width:100%;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important}
.ac-unified .ac-workspace{padding-top:36px}.ac-unified .hero:not(#main){max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:36px 24px!important;border-radius:0!important;background:transparent!important;text-align:left!important;box-shadow:none!important}
.ac-unified .hero h1{font-size:32px!important;max-width:100%!important;line-height:1.25!important}.ac-unified .hero .lead{font-size:16px!important;max-width:76ch!important;margin-left:0!important}
.ac-unified .ac-lesson-header{padding-top:24px!important}
.ac-unified .cw-hero{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:36px 24px 24px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;border:0!important}
.ac-unified .cw-hero h1{font-size:32px!important;line-height:1.25!important;max-width:none!important}.ac-unified .cw-hero .lead{font-size:16px!important;max-width:76ch!important}.ac-unified .cw-hero .eyebrow{background:transparent!important;border:0!important;padding:0!important}
.ac-unified .cw-hero .cw-dash{border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ac-ai-launcher{position:fixed;right:22px;bottom:22px;z-index:1200;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #438666;background:linear-gradient(145deg,#2b7654,#174936);color:#effff5!important;text-decoration:none;font:700 26px/1 system-ui,sans-serif;box-shadow:0 8px 26px #0007}.ac-ai-launcher:hover{transform:translateY(-2px);background:#32835e}
@media(max-width:1100px){.ac-shell-top{gap:12px}.ac-shell-links{justify-content:flex-start;gap:14px}.ac-shell-links a{font-size:10px}.ac-global-search{max-width:150px}}
@media(max-width:700px){body.ac-unified .ac-site-header{padding:10px 8px!important}.ac-shell-top{gap:10px}.ac-global-search{display:none}.ac-shell-links{justify-content:flex-start}.ac-shell-links a{font-size:11px}.ac-shell-brand{font-size:13px}.ac-shell-brand img{width:23px;height:23px}.ac-account .ac-signup{padding:7px!important}.ac-unified .ac-workspace,.ac-unified #algorithms,.ac-unified .container{padding-left:16px!important;padding-right:16px!important}.ac-unified .hero h1{font-size:28px!important}}