@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#24352e;background:#f7f9fa;margin:0;font-family:DM Sans,Noto Sans KR,sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,textarea,select{outline-offset:4px}a{color:inherit;text-decoration:none}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.97)}.shell{min-height:100vh;display:flex}.sidebar{z-index:5;background:#fff;border-right:1px solid #e6ece8;flex-direction:column;width:238px;padding:31px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:8px;padding:0 8px;font-size:25px;font-weight:800;display:flex}.branddot{color:#319971;margin-left:-9px}.brandmark{color:#fff;background:#173f30;border-radius:10px;justify-content:center;align-items:center;width:33px;height:35px;font-family:serif;font-size:35px;line-height:1;display:flex;position:relative}.brandmark span{color:#79c4a2;font-size:20px;position:absolute;top:-6px;right:-6px}.workspace{letter-spacing:1.7px;color:#9aa49e;margin:47px 12px 13px;font-size:9px;font-weight:700}.nav{text-align:left;color:#77837d;border-radius:8px;align-items:center;gap:13px;width:100%;margin-bottom:6px;padding:13px 15px;font-size:13px;font-weight:500;display:flex}.nav.active{color:#257658;background:#ebf5ef;font-weight:700}.nav small{background:#d9eade;border-radius:4px;margin-left:auto;padding:0 6px}.sidebar-bottom{margin-top:auto;padding-top:60px}.smallcard{background:#f7f9f6;border:1px solid #e7eee6;border-radius:12px;margin-bottom:24px;padding:20px 17px}.tiny-spark{color:#6c9976;margin-bottom:12px;font-size:29px;line-height:1}.smallcard strong{font-size:12px}.smallcard p{color:#8a948c;font-size:11px;line-height:1.9}.smallcard button{color:#4e7660;align-items:center;gap:10px;padding:6px 0;font-size:11px;display:flex}.profile{text-align:left;border-top:1px solid #e8ece9;align-items:center;gap:10px;width:100%;padding:20px 3px 0;display:flex}.avatar{color:#8a7758;background:#eee9de;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.profile strong{font-size:11px;display:block}.profile small{color:#939d96;font-size:10px;display:block}.profile>svg{color:#94a097;margin-left:auto}main{width:calc(100% - 238px);margin-left:238px}header{background:#fff;border-bottom:1px solid #e8ece9;justify-content:space-between;align-items:center;height:76px;padding:0 43px;display:flex}.crumb{color:#9aa39d;align-items:center;gap:14px;font-size:11px;display:flex}.crumb span{color:#526259}.header-right{align-items:center;gap:22px;font-size:11px;display:flex}.header-right a{align-items:center;gap:6px;display:flex}.beta{color:#7a8780;letter-spacing:1px;border:1px solid #dfe7e1;border-radius:5px;padding:3px 8px;font-size:9px}.content{max-width:1370px;margin:auto;padding:38px 43px 0}.welcome{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:2px;color:#8c9c91;margin-bottom:9px;font-size:9px;font-weight:700}h1{letter-spacing:-1.1px;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.5}.welcome p,.subheading{color:#89958d;margin:0;font-size:12px}.outline{white-space:nowrap;background:#fff;border:1px solid #dce5df;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:500;display:inline-flex}.hero{background:#eaf3e7;border:1px solid #dce9dc;border-radius:16px;min-height:304px;padding:32px 35px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.pill{color:#627c5e;background:#f5faf2bd;border:1px solid #d9e5d2;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;font-size:10px;display:inline-flex}.live-dot{background:#6d9662;border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:-1.1px;color:#254b35;margin:15px 0 10px;font-size:31px;font-weight:700;line-height:1.5}.hero p{color:#768b73;margin:0;font-size:11px;line-height:1.9}.hero-actions{align-items:center;gap:18px;margin-top:23px;display:flex}.primary{color:#fff;background:#28694d;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.text-btn{color:#647c62;align-items:center;gap:7px;font-size:11px;display:flex}.hero-art{justify-content:center;align-items:center;width:350px;height:300px;display:flex;position:absolute;top:5px;right:30px}.orbit{border:1px solid #cadec6;border-radius:50%;width:280px;height:280px;position:absolute;transform:rotate(-25deg)scaleY(.73)}.orbit2{opacity:.6;width:370px;height:340px;transform:rotate(35deg)scaleY(.7)}.ai-cube{background:linear-gradient(135deg,#fff 0%,#f8fbf3 45%,#cadfc4 100%);border-radius:35px;flex-direction:column;justify-content:center;align-items:center;width:146px;height:155px;display:flex;transform:rotate(-9deg);box-shadow:14px 20px #bed2b5,19px 28px 32px #7d9b6b30,inset 0 0 0 1px #fff}.cube-icon{color:#538058;font-size:91px;line-height:1}.ai-cube>span{letter-spacing:3px;color:#527057;margin-top:6px;font-size:9px;font-weight:700}.float-label{z-index:3;color:#60745b;background:#fffef9;border:1px solid #e3eadb;border-radius:8px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;display:flex;position:absolute;box-shadow:0 8px 20px #6a866b12}.float-label.top{top:45px;right:5px;transform:rotate(6deg)}.float-label.top span{color:#598258;background:#e6f1e0;border-radius:5px;padding:0 5px}.float-label.bottom{bottom:34px;left:3px;transform:rotate(-4deg)}.star{color:#88ad78;font-size:28px;position:absolute}.star1{top:39px;left:38px}.star2{font-size:47px;bottom:20px;right:25px}.stats{background:#fff;border:1px solid #e2e9e3;border-radius:11px;grid-template-columns:1fr 1fr 1.2fr;margin:22px 0 35px;padding:21px 0;display:grid}.stats>div{border-right:1px solid #e9eeea;align-items:center;gap:14px;padding:0 25px;display:flex}.stats>div:last-child{border:0}.stat-icon{border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.mint{color:#6b9b80;background:#eef7f0}.blue{color:#628ba4;background:#eef4f9}.lavender{color:#9984b5;background:#f5f1fa}.stats small{color:#9aa69e;font-size:10px;display:block}.stats strong{font-size:22px;line-height:1.4;display:block}.stats strong em{color:#a0aaa4;font-size:12px;font-style:normal;font-weight:400}.stats .level-stat{margin-top:4px;font-size:18px}.stats button{color:#9eaaa1;margin-left:auto}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-title h2{letter-spacing:-.5px;margin:0 0 5px;font-size:18px}.section-title p{color:#96a097;margin:0;font-size:11px}.filters{background:#eef1ee;border-radius:8px;gap:2px;padding:4px;display:flex}.filters button{color:#8d988f;border-radius:5px;padding:5px 13px;font-size:11px}.filters .chosen{color:#45694f;background:#fff;box-shadow:0 1px 4px #00000008}.mission-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.mission-card{text-align:left;background:#fff;border:1px solid #e0e7e2;border-radius:12px;padding:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.mission-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #304d3510}.card-visual{justify-content:center;align-items:center;height:144px;display:flex;position:relative;overflow:hidden}.card-pattern{opacity:.17;border:1px solid;border-radius:50%;width:175px;height:175px;position:absolute;transform:translateY(12px)}.card-pattern:before,.card-pattern:after{content:"";border:1px solid;border-radius:50%;position:absolute;inset:20px}.card-pattern:after{inset:40px}.mission-symbol{text-shadow:3px 5px #ffffff8a;font-size:87px;line-height:1;position:relative;transform:rotate(-9deg)}.visual-code{letter-spacing:2px;opacity:.8;font-size:8px;position:absolute;bottom:13px;left:18px}.level-badge{color:#7f897b;background:#fff9;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;display:flex;position:absolute;top:13px;right:13px}.tag{margin-bottom:7px;font-size:9px;font-weight:600}.tag.green{color:#88a06f}.tag.blue{color:#7e9bb2;background:0 0}.tag.purple{color:#9b8ab0}.card-body h3{letter-spacing:-.6px;margin:0 0 9px;font-size:15px}.card-body p{color:#929c95;min-height:42px;margin:0 0 21px;font-size:11px;line-height:1.9}.card-footer{color:#8d9b91;border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;padding:13px 0;font-size:9px;display:flex}.card-footer span{align-items:center;gap:5px;display:flex}.card-footer i{background:#b7bfb8;border-radius:50%;width:2px;height:2px;margin:0 4px}.bottom-banner{background:#fff;border:1px solid #e3e9e4;border-radius:10px;align-items:center;gap:16px;margin-top:27px;padding:21px 24px;display:flex}.round-icon{color:#8a9c83;background:#f2f5f1;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.bottom-banner h3{margin:0 0 3px;font-size:12px}.bottom-banner p{color:#9aa49c;margin:0;font-size:10px}.bottom-banner button{color:#6e8072;align-items:center;gap:12px;margin-left:auto;font-size:11px;display:flex}footer{color:#a2ada5;justify-content:space-between;align-items:center;padding:26px 0;font-size:11px;display:flex}footer>span{font-weight:700}footer span span{margin-left:13px;font-size:9px;font-weight:400}footer button{align-items:center;gap:4px;font-size:10px;display:flex}.mobilebr{display:none}.error{color:#9a503b;background:#fff1ed;border:1px solid #f1d0c2;border-radius:8px;justify-content:space-between;gap:15px;margin-bottom:20px;padding:13px 16px;font-size:13px;display:flex}.panel{background:#fff;border:1px solid #e0e7e2;border-radius:12px;padding:25px}.back{color:#839688;margin-bottom:18px;padding:0;font-size:12px}.lab-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.lab-heading h1{font-size:25px}.timer{white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #dbe6df;border-radius:8px;align-items:center;gap:10px;padding:10px 17px;font-size:20px;display:flex}.timer.urgent{color:#c35e47}.lab-grid{grid-template-columns:340px 1fr;gap:20px;display:grid}.brief h3{justify-content:space-between;margin:0 0 15px;display:flex}.brief>p{color:#839186;font-size:13px}.brief h4{margin:24px 0 14px}.rule{color:#65776a;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.rule>span{text-align:center;background:#eff5ef;border-radius:50%;flex-shrink:0;width:20px;height:20px;font-size:10px}.badge{color:#75956c;background:#eef4ed;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:500;display:inline-block}.brief details{margin:25px 0}summary{cursor:pointer;color:#60836b;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.9}details pre{background:#f5f7f4;border-radius:6px;max-height:300px;padding:15px;overflow:auto}.info,.connection{color:#7e8f7d;background:#f6f8f4;border-radius:7px;margin:15px 0;padding:13px;font-size:11px}.connection{color:#9b834f;background:#fff8e9}.connection p{margin:5px 0 0}.full{width:100%}.chat{flex-direction:column;min-height:590px;padding:0;display:flex;overflow:hidden}.chat-tabs{border-bottom:1px solid #e5ece6;gap:10px;padding:0 20px;display:flex}.chat-tabs button{color:#91a093;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:18px 5px;font-size:12px;display:flex}.chat-tabs .selected{color:#31734c;border-bottom-color:#31734c}.messages{flex:1;min-height:320px;max-height:530px;padding:20px;overflow:auto}.chat-empty{text-align:center;color:#849787;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:310px;display:flex}.chat-empty h3{color:#496f53;margin:0;font-size:17px}.chat-empty p{margin:0;font-size:12px;line-height:1.9}.chat-empty small{font-size:10px}.empty-glyph{color:#87ac84;font-size:49px;line-height:1.2}.message{background:#f4f7f3;border-radius:9px;margin-bottom:13px;padding:12px 15px}.message.user{background:#eaf2e9;margin-left:28px}.message small{color:#83a080;font-size:10px;font-weight:600}.message pre{max-height:350px;margin:7px 0;overflow:auto}.composer{background:#fafcf9;border-top:1px solid #e3eae3;padding:18px 20px}.composer>div{justify-content:space-between;align-items:center;margin:7px 0 15px;display:flex}.composer small{color:#93a28f;font-size:10px}.composer>small{margin-top:9px;display:block}textarea,input,select{color:#425b43;background:#fff;border:1px solid #dae5d9;border-radius:7px;width:100%;padding:12px;display:block}textarea{resize:vertical;min-height:97px;margin-top:7px;font-size:12px}.thinking{color:#729475;font-size:12px}.result{text-align:center;background:#f0f7ed;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.result h3,.result p{margin:0}.result>strong{font-size:32px}.result p,.result small{color:#7b9075;font-size:12px}.result label{text-align:left;width:100%;font-size:12px}.result>small{font-size:10px}.board-tabs{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.board-tabs button{color:#91a18d;background:#fff;border:1px solid #dce7dd;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.board-tabs .chosen{color:#50754e;background:#eaf2e7;border-color:#bdd4b8}.locked{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:340px;display:flex}.locked h2{margin:0;font-size:21px}.locked p{color:#8c9a86;margin:0 0 10px;font-size:13px}.lock-icon{color:#8ea281;background:#f0f4ed;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;display:flex}.post{margin-bottom:18px}.post>div{align-items:center;gap:12px;display:flex}.post>p{white-space:pre-wrap}.history-row{justify-content:space-between;align-items:center;gap:15px;margin-top:18px;display:flex}.history-row h3{margin:0;font-size:15px}.history-row p{color:#8c9b85;margin:4px 0;font-size:12px}.api-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0;display:grid}.api-card>.badge{float:right}.api-card>small{color:#9aa691;padding-top:38px;font-size:10px;display:block}.api-card h2{font-size:18px}.api-card p{color:#829278;font-size:12px}.api-card a{color:#3e784c;align-items:center;gap:7px;font-size:12px;display:flex}.api-table h3{margin-top:0}.api-table p{color:#8c9b83;font-size:12px}.api-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #e6ece1;padding:13px}th{color:#7c9271;background:#f8faf5}code{font-size:11px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#142f2380;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:480px;max-width:100%;max-height:90vh;padding:38px;position:relative;overflow:auto;box-shadow:0 20px 80px #15301c30}.close{color:#98a38e;position:absolute;top:17px;right:17px}.modal h2{letter-spacing:-.7px;margin:12px 0;font-size:23px}.modal p{color:#8b9981;font-size:13px;line-height:1.9}.modal label{color:#69815d;margin:17px 0;font-size:12px;display:block}.modal input,.modal select{margin-top:6px}.modal .primary{margin-top:7px}.tutorial-art{color:#8ba57c;background:#edf4e7;border-radius:12px;justify-content:center;align-items:center;height:120px;margin:5px 0 24px;font-size:84px;display:flex}.tutorial-example{color:#718861;background:#f6f8f2;border-left:3px solid #c2d4b4;margin:20px 0;padding:17px;font-size:12px;line-height:1.9}.modal-actions{justify-content:space-between;align-items:center;display:flex}.dots{gap:7px;display:flex}.dots button{background:#dbe4d5;border-radius:50%;width:6px;height:6px;padding:0}.dots .on{background:#628655;border-radius:4px;width:20px}.form-error{color:#b55c45!important}@media (min-width:1500px){.hero-art{right:95px}.hero{padding:36px 42px}.hero h2{font-size:35px}.card-visual{height:160px}}@media (max-width:1180px){.sidebar{width:200px;padding:27px 13px}.brand{font-size:22px}main{width:calc(100% - 200px);margin-left:200px}header{padding:0 27px}.content{padding:30px 27px 0}.hero-art{right:-30px;transform:scale(.85)}.hero-copy{max-width:65%}.hero h2{font-size:27px}.hero p{font-size:10px}.hero-actions{gap:10px}.text-btn{font-size:10px}.mission-grid{gap:13px}.card-body{padding:17px 14px 0}.card-body h3{font-size:13px}.stats>div{padding:0 18px}.lab-grid{grid-template-columns:280px 1fr}.lab-heading h1{font-size:22px}}@media (max-width:900px){.sidebar{width:76px;padding:25px 10px}.brand{justify-content:center;padding:0;font-size:0}.branddot,.workspace,.sidebar-bottom{display:none}.brandmark{font-size:35px}.sidebar nav{margin-top:35px}.nav{justify-content:center;padding:15px 0;font-size:0}.nav small{display:none}.nav svg{width:21px;height:21px}main{width:calc(100% - 76px);margin-left:76px}.hero-art{opacity:.85;right:-50px}.hero-copy{max-width:80%}.hero-actions .text-btn{display:none}.stats{grid-template-columns:1fr 1fr 1.2fr}.stats>div{gap:8px;padding:0 12px}.stat-icon{width:34px;height:34px}.stats .level-stat{font-size:15px}.stats strong em{font-size:10px}.lab-grid{grid-template-columns:1fr}.brief details pre{max-height:180px}.api-grid{grid-template-columns:1fr}.api-card>small{padding-top:0}.welcome{align-items:flex-start}.welcome>.outline{padding:10px;font-size:0}.welcome>.outline svg{width:17px}.mission-grid{grid-template-columns:repeat(2,1fr)}.mission-card:last-child{grid-column:auto}.bottom-banner p{max-width:250px}.card-body h3{font-size:15px}}@media (max-width:600px){.sidebar{border:0;border-top:1px solid #e1e8de;width:100%;height:65px;padding:0;position:fixed;inset:auto 0 0}.sidebar .brand{display:none}.sidebar nav{justify-content:space-around;height:100%;margin:0;display:flex}.nav{white-space:nowrap;border-radius:0;flex-direction:column;gap:3px;margin:0;padding:9px 3px;font-size:9px;font-weight:400;display:flex}.nav.active{background:#f0f6ee}.nav svg{width:18px;height:18px}main{width:100%;margin-left:0;padding-bottom:65px}header{height:58px;padding:0 20px}.content{padding:25px 19px 0}.welcome{margin-bottom:22px}.eyebrow{letter-spacing:1.6px;font-size:8px}h1{font-size:25px}.mobilebr{display:block}.welcome p{max-width:250px;margin-top:8px;font-size:11px}.hero{min-height:300px;padding:25px 22px}.hero-copy{max-width:100%}.hero h2{font-size:25px}.hero-art{opacity:.45;top:62px;right:-112px;transform:scale(.55)}.hero p{font-size:10px}.hero-actions{margin-top:25px}.hero-actions .primary{padding:12px 14px;font-size:11px}.pill{font-size:9px}.stats{margin:17px 0 29px;padding:16px 0}.stats>div{gap:0;padding:0 10px;display:block}.stats .stat-icon{display:none}.stats strong{font-size:20px}.stats small{font-size:9px}.stats .level-stat{font-size:14px}.stats button{display:none}.stats strong em{font-size:9px}.section-title{flex-direction:column;align-items:flex-start;gap:14px}.section-title h2{font-size:17px}.filters{align-self:flex-start}.mission-grid{grid-template-columns:1fr;gap:18px}.mission-card{grid-template-columns:108px 1fr;display:grid}.card-visual{height:100%;min-height:190px}.mission-symbol{font-size:64px}.level-badge{font-size:8px;top:10px;right:10px}.visual-code{font-size:7px;left:11px}.card-body{padding:17px 16px 0}.card-body h3{font-size:14px}.card-body p{min-height:0;margin-bottom:13px;font-size:10px}.card-footer{font-size:8px}.bottom-banner{flex-wrap:wrap;gap:10px;padding:18px 15px}.bottom-banner p{max-width:240px;font-size:9px}.round-icon{width:31px;height:31px}.round-icon svg{width:17px}.bottom-banner button{margin-left:41px;font-size:10px}footer span span{display:none}footer{font-size:10px}.lab-heading{align-items:flex-start}.lab-heading h1{font-size:21px}.timer{padding:8px 10px;font-size:15px}.timer svg{width:15px}.panel{padding:20px}.chat{padding:0}.chat-tabs{gap:9px;padding:0 13px}.chat-tabs button{font-size:10px}.messages{padding:13px}.composer{padding:15px}.locked h2{font-size:18px}.locked p{font-size:11px}.modal{padding:29px 24px}.modal h2{font-size:21px}.history-row{flex-direction:column;align-items:flex-start}.api-table{padding:12px}th,td{padding:10px 6px}code{font-size:9px}}.onboarding-modal{width:530px}.onboarding-steps{gap:17px;margin:3px 0 30px;padding:0;list-style:none;display:flex}.onboarding-steps li{color:#a1aba0;align-items:center;gap:7px;font-size:10px;display:flex}.onboarding-steps li>span{background:#f1f4ed;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:10px;display:flex}.onboarding-steps .current{color:#396a45;font-weight:700}.onboarding-steps .current>span{color:#fff;background:#41734a}.onboarding-steps .done{color:#83a474}.onboarding-emblem{color:#7b9e66;background:#edf4e8;border-radius:23px;justify-content:center;align-items:center;width:79px;height:79px;margin:0 0 22px;font-size:65px;line-height:1;display:flex}.intro-features{flex-direction:column;gap:19px;margin:25px 0 28px;display:flex}.intro-features>div{align-items:flex-start;gap:13px;display:flex}.intro-features svg{color:#83a278;flex-shrink:0;margin-top:3px}.intro-features strong,.intro-features small{display:block}.intro-features strong{color:#526b48;font-size:12px;font-weight:600}.intro-features small{color:#9aa58e;margin-top:4px;font-size:10px}.modal .onboarding-note{color:#98a38e;margin:12px 0;font-size:10px;line-height:1.9}.onboarding-back{color:#849877;align-items:center;gap:7px;margin:14px auto 0;padding:5px;font-size:11px;display:flex}.onboarding-summary{background:#f5f8f0;border-radius:10px;margin:23px 0;padding:18px 20px}.onboarding-summary>div{justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.onboarding-summary dt{color:#91a083}.onboarding-summary dd{color:#587246;margin:0;font-weight:600}@media (max-width:600px){.onboarding-steps{gap:11px}.onboarding-steps li{gap:5px;font-size:9px}.onboarding-emblem{width:65px;height:65px;font-size:53px}.intro-features small{font-size:10px}}.copy-control{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.copy-button{color:#34674c;white-space:nowrap;background:#fff;border:1px solid #c7d8cd;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.copy-error{color:#a34738;font-size:10px}.sr-copy{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.message>.copy-control{float:right;margin-left:10px}.message pre{clear:both}.materials{background:#fff;border:2px solid #5a9671;border-radius:14px;margin:0 0 24px;overflow:hidden;box-shadow:0 5px 22px #36573b0b}.materials-heading{background:#eaf4e7;justify-content:space-between;align-items:center;gap:15px;padding:21px 24px;display:flex}.material-kicker{color:#4c7e53;letter-spacing:1px;font-size:10px;font-weight:700}.materials-heading h2{color:#244f34;align-items:center;gap:9px;margin:5px 0 0;font-size:21px;display:flex}.material-tools{flex-wrap:wrap;gap:8px;display:flex}.scenario{color:#344f3c;margin:0;padding:22px 24px 12px;font-size:15px;font-weight:500;line-height:1.95}.material-meta{color:#77917a;flex-wrap:wrap;gap:15px;margin:0 24px 15px;font-size:11px;display:flex}.material-toolbar{border-top:1px solid #e2ebde;border-bottom:1px solid #e2ebde;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.material-scroll{overscroll-behavior:contain;scrollbar-color:#8eae8a #eaf0e5;scrollbar-width:auto;background:#f8fbf6;max-height:420px;padding:20px 24px;overflow:auto}.material-scroll.expanded{max-height:78vh}.material-scroll>pre{color:#36563c;font-family:ui-monospace,monospace;font-size:13px;line-height:1.9}.material-group h3{color:#3b633f;margin:0 0 14px;font-size:17px}.material-group h3 span{background:#dfeeda;border-radius:20px;margin-left:10px;padding:3px 9px;font-size:11px}.records{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.record{background:#fff;border:1px solid #d9e5d3;border-radius:9px;padding:16px}.record-title{border-bottom:1px solid #e4ecdf;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.record-title strong{overflow-wrap:anywhere;color:#406d43;font-size:13px}.record dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.record dl>div{min-width:0}.record dl>div.wide{grid-column:1/-1}.record dt{color:#77916c;font-size:10px;font-weight:600}.record dt small{color:#a2b096;margin-left:3px;font-size:9px;font-weight:400}.record dd{color:#364c30;overflow-wrap:anywhere;white-space:pre-wrap;margin:3px 0 0;font-size:12px;line-height:1.9}.material-footnote{color:#6c855f;border-top:1px solid #dce8d5;margin:0;padding:12px 24px;font-size:11px;line-height:1.8}.field-list{color:#5c7a4f;overflow-wrap:anywhere;margin:0 0 18px;font-size:12px;line-height:1.9}@media (max-width:900px){.materials-heading{flex-direction:column;align-items:flex-start}.records{grid-template-columns:1fr}}@media (max-width:600px){.materials-heading{padding:18px}.materials-heading h2{font-size:18px}.scenario{padding:18px;font-size:13px}.material-meta{gap:8px;margin:0 18px 14px}.material-toolbar{padding:10px 18px}.material-scroll{max-height:400px;padding:14px}.material-scroll.expanded{max-height:70vh}.material-footnote{padding:12px 18px;font-size:10px}.record{padding:13px}.copy-button{font-size:10px}}.brand-symbol{object-fit:contain;flex-shrink:0;display:block}.brand{gap:9px}.cube-icon{place-items:center;display:grid}.format-filters{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.format-filters button{background:#fff;border:1px solid #dbe5de;border-radius:24px;padding:9px 15px}.format-filters button.chosen{color:#fff;background:#153e35;border-color:#153e35}.format-filters span{color:#66822e;margin-left:7px;font-size:10px}.format-filters .chosen span{color:#c7f26b}.workshop-path{background:#f1f7e8;border:1px solid #cfdfb5;border-radius:18px;margin:22px 0;padding:24px}.workshop-path h2{margin:4px 0 18px;font-size:21px}.workshop-path ol{flex-wrap:wrap;gap:14px;padding:0;list-style:none;display:flex}.workshop-path li{align-items:center;gap:8px;display:flex}.workshop-path b{color:#c7f26b;background:#153e35;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.workshop-path small{color:#53634f;margin-top:8px;display:block}.nested-material{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:12px;line-height:1.7}.record dd{min-width:0}.record dl>div:has(.nested-material){grid-column:1/-1}.branddot{margin-left:-8px}.story-dossier{background:#fffdf7;border:1px solid #e5dcc5;border-radius:20px;margin:24px 0;padding:28px}.story-dossier blockquote{border-left:4px solid #b7cd8d;margin:24px 0;padding-left:20px;font-size:23px;font-weight:600;line-height:1.7}.story-role{color:#6b735f;flex-wrap:wrap;gap:20px;padding-bottom:22px;display:flex}.story-role strong{color:#253c30;display:block}.story-documents{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.story-documents article{background:#fff;border:1px solid #e7e1d2;border-radius:12px;padding:22px}.story-documents article>span{color:#74824b;letter-spacing:2px;font-size:12px;font-weight:700}.story-documents h3{margin:8px 0}.story-documents p{white-space:pre-wrap;color:#465248;line-height:1.95}.story-documents button{margin-top:8px}@media (max-width:700px){.story-documents{grid-template-columns:1fr}.story-dossier{padding:18px}.story-dossier blockquote{font-size:19px}}.admin-answers>select{background:#fff;border:1px solid #cad9ce;border-radius:10px;width:100%;margin:8px 0 20px;padding:12px;display:block}.admin-answers>.panel{margin:20px 0;padding:24px}.admin-answer pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;font-family:inherit;font-size:14px;line-height:1.9;overflow:auto}.admin-answer h2{font-size:19px}.admin-answers li{margin:12px 0}.admin-answers .error button{margin-left:14px}body{background:var(--bg);color:var(--ink);font-size:15px;line-height:1.75}.sidebar,header{border-color:var(--line);background:#121d27}.sidebar{padding-top:25px}.sidebar-bottom{padding-top:20px}.smallcard{background:var(--surface);border-color:var(--line)}.nav{color:var(--muted);padding:12px;font-size:14px}.nav.active{color:var(--accent);background:#2a3c32}.workspace,.eyebrow,.crumb,.crumb span,.profile small,.smallcard p,.smallcard button,.welcome p,.subheading,footer,.section-title p,.stats small,.stats strong em{color:var(--muted)}.profile strong,.smallcard strong{font-size:13px}.profile small,.smallcard p,.smallcard button{font-size:12px}.workspace,.eyebrow{font-size:11px}h1{font-size:32px}h1 span{color:var(--accent)}.welcome p,.subheading{font-size:15px}.header-right,.crumb{font-size:13px}.hero{background:linear-gradient(115deg,#234037,#1c3039);border-color:#4b6c59;min-height:310px;padding:36px}.hero h2{color:#f2f8ec;font-size:34px}.hero p{color:#c2d3c7;font-size:15px}.pill{color:#d5edbe;background:#304b3e;border-color:#567651;font-size:12px}.text-btn{color:#d1dfcf;font-size:13px}.hero-art{opacity:.8}.ai-cube{background:linear-gradient(135deg,#314b43,#172f29);box-shadow:12px 18px #10291f,inset 0 0 0 1px #5e7861}.ai-cube>span{color:#d0ecb9}.float-label{color:#e7f3dd;background:#293d36;border-color:#4b6859}.orbit{border-color:#527557}.primary{background:var(--accent);color:#172618;font-size:14px;font-weight:700}.outline,.copy-button,.format-filters button{background:var(--raised);color:var(--ink);border-color:#577084;font-size:13px}.primary:hover:not(:disabled){background:#d8ff97}.stats,.panel,.mission-card,.modal,.materials,.record,.story-documents article{background:var(--surface);border-color:var(--line);color:var(--ink)}.stats strong{color:var(--ink)}.stats>div{border-color:var(--line)}.stat-icon{color:var(--accent);background:#2b3c48}.mission-grid{gap:22px}.mission-card{text-align:left;box-shadow:0 8px 24px #0002}.mission-card:hover{border-color:#94bb68;transform:translateY(-3px)}.level-badge{color:#e4edf3;background:#101b26;border:1px solid #607487;font-size:12px}.card-body{padding:22px}.card-body h3{color:var(--ink);font-size:19px;line-height:1.6}.card-body p{color:var(--muted);font-size:14px;line-height:1.8}.card-footer{border-color:var(--line);color:var(--muted);font-size:12px}.tag{font-size:12px}.filters{border:1px solid var(--line);background:#1b2a35}.filters button{color:var(--muted);font-size:13px}.filters .chosen,.format-filters button.chosen,.category-tabs .chosen{background:var(--accent);color:#192719;border-color:var(--accent)}.discovery{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:24px;padding:22px}.search-field{font-size:13px;font-weight:600;display:block}.search-field input{width:100%;color:var(--ink);background:#101b25;border:1px solid #607585;border-radius:8px;margin:7px 0 18px;padding:12px 15px;display:block}.category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.category-tabs button{border:1px solid var(--line);background:var(--raised);border-radius:8px;padding:10px 14px;font-weight:600}.category-tabs small{opacity:.85;margin-left:10px;font-size:12px}.format-filters{align-items:center;margin-bottom:12px}.format-filters>span{color:var(--muted);margin-right:8px;font-size:13px}.format-filters button{border-radius:6px;padding:6px 12px}.search-summary{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.search-summary button{text-decoration:underline}.bottom-banner p{font-size:14px}.story-documents article>span,.material-kicker{color:var(--accent)}.story-documents p{font-size:16px;line-height:2}.story-dossier blockquote{border-color:var(--accent)}.materials{border:2px solid #9bc963}.materials-heading h2,.scenario,.material-group h3,.record-title strong,.record dd,.material-scroll>pre,.field-list{color:var(--ink)}.material-group h3 span{color:#e0efcf;background:#344d3b}.record dd{font-size:14px}.record dt{font-size:12px}.record-title,.material-toolbar,.material-footnote{border-color:var(--line)}.material-footnote,.nested-material{font-size:13px}.chat-tabs,.composer,.message,.brief .info,.info,.connection,.result{border-color:var(--line)}.message small{color:#c6d7dd}.message pre{font-size:15px;line-height:1.9}.chat-tabs button{color:var(--muted);font-size:13px}.chat-empty p,.chat-empty small,.brief p,.rule,.composer small,.locked p,.post p{color:var(--muted);font-size:14px}.rule span,.badge,.info,.connection,.result{color:#e0f0e9;background:#2b3e47}.brief h4{font-size:15px}.timer.urgent{color:#ffd4cf;background:#512c2e}.back{color:var(--muted)}textarea,input,select,.admin-answers>select{color:var(--ink);background:#101b25;border:1px solid #647b8c}textarea::placeholder,input::placeholder{color:#a6bac8;opacity:1}.composer textarea{min-height:140px;font-size:15px}.composer label{color:var(--ink);font-size:14px}.command-intro{margin:24px 0}.command-intro p{color:var(--muted)}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.command-card>code{color:var(--accent);background:#293e32;border-radius:7px;padding:5px 12px;font-size:22px;font-weight:700;display:inline-block}.command-card>small{color:var(--muted);margin:12px 0;display:block}.command-card h2{font-size:20px}.command-card p{color:var(--muted);white-space:pre-wrap;font-size:15px}.command-example{border-left:3px solid var(--accent);background:#101b25;margin:18px 0;padding:14px;font-size:14px}.command-card details{margin-top:18px}.command-card summary{cursor:pointer;color:#d7e9bf}.command-bar{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.command-bar button{color:#d7f6b6;background:#2a4033;border:1px solid #506b4a;border-radius:6px;padding:5px 9px;font-size:13px}.command-preview{background:#22382e;border:1px solid #5f7c50;border-radius:8px;margin:12px 0;padding:12px}.command-preview summary{cursor:pointer;color:#d6f3b4;font-size:13px}.command-preview p{white-space:pre-wrap;font-size:14px;line-height:1.8}.modal p,.modal label,.modal h2,.intro-features strong,.intro-features small,.modal .onboarding-note,.onboarding-summary dt,.onboarding-summary dd,.onboarding-back{color:var(--ink)}.modal p,.intro-features strong{font-size:15px}.intro-features small,.modal .onboarding-note{font-size:13px}.modal .close{color:var(--ink)}.error{color:#ffe3e3;background:#472b32;border:1px solid #a45b69}.api-card p,.api-card>small,.api-table p{color:var(--muted)}.api-table th,.api-table td{border-color:var(--line)}.board-tabs button{background:var(--raised);color:var(--muted);border-color:var(--line)}.board-tabs .chosen{background:var(--accent);color:#172618}.board-tabs{max-height:180px;overflow:auto}.history-row p{color:var(--muted)}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #c6f17a}button:disabled{opacity:.5}.api-table{overflow-x:auto}main{min-width:0}pre{overflow-wrap:anywhere;white-space:pre-wrap}@media (max-width:900px){.hero-art{display:none}.hero-copy{max-width:none}.command-grid{grid-template-columns:1fr}.hero{min-height:0}.hero h2{font-size:29px}}@media (max-width:600px){.sidebar nav{justify-content:flex-start;overflow-x:auto}.nav{min-width:76px;padding:8px 4px;font-size:10px}.nav.active{background:#2a3c32}.sidebar{height:70px}.content{padding:24px 16px 0}main{padding-bottom:70px}h1{font-size:26px}.welcome p{max-width:none;font-size:14px}.hero{padding:24px}.hero h2{font-size:27px}.hero p{font-size:14px}.hero-actions .primary{font-size:13px}.mission-card{display:block}.card-visual{height:110px;min-height:0}.card-body{padding:20px}.card-body h3{font-size:18px}.card-body p{font-size:14px}.card-footer,.level-badge{font-size:12px}.visual-code{font-size:11px}.section-title h2{font-size:20px}.stats small,.stats strong em{font-size:11px}.discovery{padding:16px}.category-tabs button{padding:9px 10px;font-size:13px}.story-dossier{padding:18px}.scenario,.story-documents p{font-size:15px}.record dt{font-size:12px}.record dd{font-size:14px}.copy-button,.material-footnote{font-size:12px}.composer{padding:16px}.chat-tabs button{font-size:12px}.modal{padding:26px 20px}.onboarding-steps li{font-size:11px}.intro-features small,.bottom-banner p,.bottom-banner button{font-size:13px}}.journey-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px;display:flex}.journey-heading p{color:var(--muted);margin:4px 0}.streak-pill{color:#ffc17d;white-space:nowrap;background:#3c3027;border:1px solid #7b5838;border-radius:15px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:flex}.journey-layout{grid-template-columns:minmax(0,1fr) 275px;gap:26px;display:grid}.journey-layout>div{min-width:0}.next-lesson{background:radial-gradient(at 100% 0,#416137,#21362e 75%);border:1px solid #6c9454;border-radius:20px;margin-bottom:34px;padding:30px;box-shadow:0 8px #12231b}.next-lesson h2{letter-spacing:-.6px;margin:18px 0 10px;font-size:28px;line-height:1.5}.next-lesson p{color:#d2e2cf;font-size:15px}.next-lesson .primary{margin-top:10px;padding:14px 24px;box-shadow:0 4px #6e9445}.path-section{margin:30px 0 38px}.path-section>.section-title{align-items:flex-start}.path-section h2{margin:4px 0 8px;font-size:23px}.path-section p{color:var(--muted)}.path-section>.section-title>span{color:var(--accent);white-space:nowrap}.lesson-path{gap:14px;display:grid;position:relative}.path-node{text-align:left;border:1px solid var(--line);background:#1b2a36;border-bottom-width:4px;border-radius:16px;align-items:center;gap:18px;padding:19px;display:flex}.path-node.current{background:#263b2e;border-color:#a5ce6b}.path-node.mastered{border-color:#658e53}.node-circle{background:#314452;border:2px solid #688493;border-radius:50%;flex-shrink:0;place-items:center;width:55px;height:55px;font-size:23px;font-weight:800;display:grid;box-shadow:0 4px #0e1923}.current .node-circle,.mastered .node-circle{background:var(--accent);color:#1e321d;border-color:#dafaad;box-shadow:0 4px #729643}.path-node strong{font-size:17px;display:block}.path-node small{color:var(--muted);font-size:13px;display:block}.path-node em{color:#d1e8ad;margin-top:5px;font-size:12px;font-style:normal;display:block}.challenge-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px;display:grid}.challenge-node{text-align:left;background:var(--surface);border:1px solid var(--line);border-bottom-width:4px;border-radius:14px;align-items:center;gap:12px;padding:17px;display:flex}.challenge-node.mastered{border-color:#608650}.challenge-node>span:nth-child(2){flex:1}.challenge-node strong{font-size:14px;line-height:1.65;display:block}.challenge-node small{color:var(--muted);margin:7px 0;font-size:12px;display:block}.node-index{background:#2d4050;border-radius:9px;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.mastered .node-index{color:var(--accent);background:#375032}.stars{color:#ffd77c;gap:4px;display:flex}.challenge-node>svg{color:var(--muted);flex-shrink:0}.growth-rail{flex-direction:column;gap:18px;display:flex}.growth-rail .panel{margin:0;padding:22px}.growth-rail h3{margin:0 0 10px;font-size:18px}.growth-rail p{color:var(--muted);margin:8px 0;font-size:13px}.growth-rail small{color:var(--muted);font-size:12px;line-height:1.8;display:block}.level-number{color:#f6d184;align-items:center;gap:10px;margin-bottom:12px;font-size:32px;font-weight:800;display:flex}.level-number svg{width:28px;height:28px}progress{-webkit-appearance:none;appearance:none;background:#354552;border:0;border-radius:20px;width:100%;height:13px;margin:16px 0;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#354552;border-radius:20px}progress::-webkit-progress-value{background:var(--accent);border-radius:20px;transition:width .4s}progress::-moz-progress-bar{background:var(--accent);border-radius:20px}.badge-shelf{gap:10px;display:grid}.badge-shelf>div{color:#aab8c3;border:1px dashed #51606b;border-radius:10px;grid-template-columns:28px 1fr;gap:2px 8px;padding:12px;display:grid}.badge-shelf strong{font-size:13px}.badge-shelf small,.badge-shelf span{grid-column:2;font-size:11px}.badge-shelf .earned{color:#ffe3a0;background:#393227;border:1px solid #9b7d42}.command-links{color:var(--accent);flex-wrap:wrap;gap:16px;margin-top:20px;font-size:13px;display:flex}.command-links a,.command-links button{align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.lesson-screen{max-width:780px;min-height:65vh;margin:0 auto;padding-bottom:35px}.lesson-screen .back{margin-bottom:25px}.lesson-top{color:var(--muted);justify-content:space-between;gap:12px;font-size:14px;display:flex}.lesson-screen>progress{margin-bottom:35px}.lesson-screen h1{margin:18px 0 25px;font-size:29px;line-height:1.6}.lesson-screen .info{border-radius:10px;padding:16px;line-height:1.9}.lesson-note{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:20px 0;padding:24px}.lesson-note h2{font-size:20px}.lesson-note code{color:var(--accent);font-size:23px}.lesson-note small{color:var(--muted)}.lesson-note p{font-size:15px}.lesson-note a{color:var(--accent);font-size:13px;text-decoration:underline}.lesson-screen form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px}.lesson-screen input{border-radius:10px;width:100%;margin:12px 0 18px;padding:16px;font-size:22px;display:block}.hint-button{color:#dac9ff;align-items:center;gap:8px;font-size:14px;text-decoration:underline;display:inline-flex}.reward-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.lesson-result{text-align:center}.reward-symbol{color:#f5d177;font-size:70px;line-height:1.5}.reward-numbers{justify-content:center;gap:18px;display:flex}.reward-numbers strong{color:#e0f4c5;background:#2b402b;border:1px solid #75984e;border-radius:14px;padding:16px 24px;font-size:25px}.answer-review{text-align:left;margin-top:26px}.answer-review article{border:1px solid var(--line);background:var(--surface);border-left-width:4px;border-radius:12px;margin:14px 0;padding:20px}.answer-review article.correct{border-left-color:#a5d57c}.answer-review article.incorrect{border-left-color:#ffba83}.answer-review p{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.answer-review code{color:var(--ink);font-size:16px}.review-row{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:14px 0;padding:22px;font-size:17px;display:flex}.review-row small{color:var(--muted);margin-top:5px;font-size:13px;display:block}.review-row>svg{color:var(--accent);flex-shrink:0}.practice-steps{gap:12px;margin:22px 0;padding:0;list-style:none;display:flex}.practice-steps li{border:1px solid var(--line);color:var(--muted);border-radius:8px;flex:1;padding:13px;font-size:13px}.practice-steps .done{color:#d7f4be;background:#273d2d;border-color:#678f51}.result-stars{letter-spacing:8px;color:#f6d17a;font-size:32px}.result .reward-actions .primary{color:#172618}.board-selector{margin:24px 0;display:block}.board-selector select{border-radius:10px;width:100%;margin-top:9px;padding:14px;display:block}.comparison-scroll{max-height:480px;overflow:auto}.comparison-scroll table{border-collapse:collapse;width:100%}.comparison-scroll th{color:var(--ink);background:#233744;position:sticky;top:0}.comparison-scroll td{border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}.comparison-scroll pre{max-width:260px;margin:0;font-size:13px}.submission-text{white-space:pre-wrap;background:#101b25;border-radius:8px;max-height:450px;padding:16px;font-size:14px;line-height:1.9;overflow:auto}.admin-answers summary{cursor:pointer;color:var(--accent);padding:12px 0}.admin-answers .info{padding:20px}.celebrate .reward-symbol,.celebrate>.result-stars{animation:.65s ease-out reward-pop}.path-node:hover,.challenge-node:hover{border-color:#bddb95;transform:translateY(-2px)}@keyframes reward-pop{0%{opacity:0;transform:scale(.5)}65%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:1150px){.journey-layout{grid-template-columns:1fr}.growth-rail{grid-template-columns:1fr 1fr;display:grid}.growth-rail .panel:nth-child(3){grid-column:1/-1}.badge-shelf{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.journey-heading{align-items:flex-start;gap:8px}.journey-heading h1{font-size:24px}.journey-heading p{font-size:13px}.streak-pill{gap:4px;padding:9px;font-size:12px}.streak-pill svg{width:17px}.next-lesson{padding:23px}.next-lesson h2{font-size:25px}.path-node{gap:14px;padding:16px}.path-node strong{font-size:16px}.node-circle{width:45px;height:45px}.challenge-path{grid-template-columns:1fr}.challenge-node strong{font-size:16px}.challenge-node{padding:18px}.growth-rail{grid-template-columns:1fr}.growth-rail .panel:nth-child(3){grid-column:auto}.badge-shelf{grid-template-columns:1fr 1fr}.lesson-screen h1{font-size:24px}.lesson-screen form{padding:22px 18px}.lesson-note{padding:20px}.lesson-note h2{font-size:18px}.practice-steps{gap:6px}.practice-steps li{padding:10px 8px;font-size:11px}.review-row{padding:18px;font-size:15px}.reward-numbers strong{padding:13px 20px;font-size:22px}.sidebar nav .nav{min-width:82px}.comparison-scroll pre{max-width:180px}footer{flex-wrap:wrap;gap:14px}}@media (min-width:601px){.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:20px}.sidebar .smallcard{display:none}}.material-guide,.material-search,.brief-fold{color:var(--muted);margin:16px 24px}.material-search{font-size:14px;display:block}.material-search input{border-radius:8px;width:100%;margin-top:7px;padding:11px 14px;display:block}.material-group>summary{cursor:pointer;background:var(--raised);color:var(--ink);border-radius:8px;padding:15px;font-size:17px;font-weight:700}.material-group>summary span{color:var(--accent);margin-left:12px;font-size:13px}.material-group .records{margin-top:12px}.record>summary{cursor:pointer;border:0;gap:15px;margin:0;padding:0}.record>summary span{color:var(--muted);font-size:12px}.record[open]>summary{margin-bottom:14px}.record dl{margin-top:14px}.story-document{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}.story-document summary{cursor:pointer;font-size:16px;font-weight:700}.story-document summary span{color:var(--accent);margin-right:8px}.story-document p{white-space:pre-wrap;font-size:16px;line-height:1.95}.brief-fold summary{cursor:pointer;font-weight:700}.brief-fold .scenario{padding:10px 0}.story-documents{grid-template-columns:1fr}.material-group+.material-group{margin-top:12px}.modern-hero{isolation:isolate;background:radial-gradient(at 85% 30%,#3e5144 0,#0000 55%),linear-gradient(125deg,#22352c,#172a2e);border:1px solid #526756;border-radius:24px;grid-template-columns:1.2fr 1fr;min-height:350px;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.hero-editorial{z-index:2;padding:35px 0 32px 32px}.hero-label{letter-spacing:1.8px;color:#d3e8c1;align-items:center;gap:8px;font-size:10px;display:flex}.hero-label>span{background:#c6f17a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 15px #c6f17a}.hero-editorial h2{letter-spacing:-1.6px;margin:24px 0 16px;font-size:clamp(28px,2.9vw,43px);line-height:1.3}.hero-editorial h2 em{color:#cef39a;font-style:normal}.hero-editorial p{color:#c0d2c5;margin-bottom:24px;font-size:14px;line-height:1.8}.hero-caption{color:#a5b9ad;max-width:280px;margin-top:16px;font-size:11px;line-height:1.6;display:block}.skill-orbit{place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.orbit-grid{background-image:linear-gradient(#9bb89a0d 1px,#0000 1px),linear-gradient(90deg,#9bb89a0d 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.orbital-ring{border:1px solid #a7c48a40;border-radius:50%;width:240px;height:240px;position:absolute;transform:rotate(-30deg)scaleY(.65)}.ring-b{width:310px;height:310px;transform:rotate(40deg)scaleY(.65)}.orbit-core{color:#1e3c2a;background:linear-gradient(145deg,#cdeeb2,#729b76);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:136px;height:148px;display:flex;transform:rotate(-12deg);box-shadow:10px 14px #142a23,0 30px 60px #0005,inset 1px 1px #ecffdd}.orbit-core span{letter-spacing:2.5px;font-size:10px;font-weight:800}.orbit-chip{color:#e0efd3;background:#24382feb;border:1px solid #71846d;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex;position:absolute;box-shadow:0 10px 20px #0002}.chip-goal{top:58px;right:15px;transform:rotate(6deg)}.chip-verify{bottom:54px;left:5px;transform:rotate(-5deg)}.orbit-spark{color:#c7e7a0;font-size:30px;position:absolute;bottom:100px;right:22px}.quick-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.quick-metrics>div,.quick-metrics>button{text-align:left;background:#1b2934;border:1px solid #344854;border-radius:15px;align-items:center;gap:12px;padding:18px;display:flex}.quick-metrics strong{font-size:26px;line-height:1.2;display:block}.quick-metrics strong small{color:#aebfca;font-size:12px;font-weight:400}.quick-metrics p{color:#b5c5d0;margin:6px 0 0;font-size:11px}.metric-symbol{color:#c6f17a;background:#2d4435;border-radius:12px;flex-shrink:0;place-items:center;width:39px;height:43px;display:grid}.metric-symbol svg{width:20px}.metric-symbol.violet{color:#d2bcff;background:#39334d}.metric-symbol.amber{color:#edca87;background:#44392c}.quick-metrics>button>svg{color:#b5c5d0;margin-left:auto}.method-strip{background:#172530;border:1px solid #354956;border-radius:18px;grid-template-columns:repeat(4,1fr);margin-bottom:36px;display:grid;overflow:hidden}.method-strip>div{border-right:1px solid #354956;padding:19px 16px}.method-strip>div:last-child{border:0}.method-top{color:#a4c4bd;justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.method-top small{letter-spacing:1px;color:#92a6b6;font-size:10px}.method-strip strong{font-size:14px}.method-strip p{color:#b5c5d0;margin:5px 0;font-size:11px}.level-ring{border-radius:50%;width:166px;height:166px;margin:24px auto;padding:8px}.level-ring>div{background:#19242f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.level-ring strong{font-size:29px;line-height:1.3}.challenge-node{border-bottom-width:1px;padding:21px 18px}.challenge-node .node-index{border-radius:14px;width:44px;height:48px}.track-0{color:#c6f17a;background:#304938}.badge-shelf small{display:none}.badge-shelf>div{border-radius:12px}.journey-heading{margin-bottom:25px}.journey-heading h1{font-size:27px}.journey-heading p{font-size:13px}@media (max-width:750px){.modern-hero{grid-template-columns:1fr .7fr}.hero-editorial{padding:28px 0 28px 24px}.orbit-core{border-radius:25px;width:100px;height:115px}.orbit-core svg{width:40px}.orbit-chip{padding:8px;font-size:10px}.chip-goal{right:4px}.chip-verify{left:0}.quick-metrics>div,.quick-metrics>button{gap:8px;padding:13px}.metric-symbol{display:none}.quick-metrics strong{font-size:24px}.method-strip{grid-template-columns:repeat(2,1fr)}.method-strip>div:nth-child(-n+2){border-bottom:1px solid #354956}.method-strip>div:nth-child(2){border-right:0}.method-strip>div{padding:17px}.method-top{margin-bottom:10px}.method-strip p{font-size:12px}.quick-metrics>button>svg{display:none}}@media (max-width:420px){.modern-hero{grid-template-columns:1fr}.skill-orbit{display:none}.hero-editorial{padding:27px}.hero-editorial h2{font-size:34px}.hero-caption{max-width:none}.journey-heading h1{font-size:23px}.quick-metrics{gap:8px}.quick-metrics p{font-size:10px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff5ed;--surface:#fffbf5;--raised:#f6e8dd;--line:#34332f;--ink:#242823;--muted:#596052;--accent:#c6ef79}body{color:var(--ink);background:#ff7975}.shell{background:var(--bg)}.sidebar,header{background:#fff0e8;border-color:#34332f}.branddot{color:#c44e48}.workspace,.eyebrow,.crumb,.crumb span,.profile small,.smallcard p,.welcome p,.subheading,footer,.section-title p{color:#596052}.nav{color:#434a40}.nav.active{color:#242823;background:#c6ef79;border:1px solid #34332f;box-shadow:3px 3px #34332f}.nav small{color:#242823;background:#fff8ea}.beta{color:#454b40;border-color:#34332f}.avatar{color:#34332f;background:#ffb8a7}.streak-pill{color:#773a25;background:#ffd8b8;border-color:#34332f}.journey-heading h1{letter-spacing:-1px;font-weight:800}.modern-hero{background:#ffc9be;border:2px solid #34332f;border-radius:8px;margin-bottom:30px;box-shadow:6px 6px #34332f}.hero-label,.hero-editorial p,.hero-caption{color:#43473a}.hero-label>span{box-shadow:none;background:#252c22}.hero-editorial h2{color:#20251e;letter-spacing:-2px;font-weight:800}.hero-editorial h2 em{color:#20251e;text-underline-offset:5px;-webkit-text-decoration:underline #fff9ed;text-decoration:underline #fff9ed;text-decoration-thickness:8px}.primary{color:#252b20;background:#c6ef79;border:1px solid #34332f;border-radius:5px;box-shadow:3px 3px #34332f}.hero-editorial .primary{border-radius:50%;padding:17px 28px;box-shadow:3px 3px #34332f}.outline,.copy-button,.format-filters button{color:#2e352b;background:#fffaf1;border-color:#34332f}.outline:hover:not(:disabled),.copy-button:hover{background:#e4efc9}.skill-orbit{background:#d7c3ec;border-left:1px solid #34332f}.orbit-grid{background-image:linear-gradient(#40374433 1px,#0000 1px),linear-gradient(90deg,#40374433 1px,#0000 1px);-webkit-mask-image:none;mask-image:none}.orbital-ring{border:1px solid #473c4c}.orbit-core{color:#253324;background:#c6ef79;border:2px solid #34332f;border-radius:20px;box-shadow:9px 12px #34332f}.orbit-chip{color:#293124;background:#fff8ea;border:1px solid #34332f;box-shadow:3px 3px #34332f}.orbit-spark{color:#fc655b}.quick-metrics>div,.quick-metrics>button{background:#fffaf0;border-color:#34332f;border-radius:7px}.quick-metrics>div:nth-child(2){background:#e5daf2}.quick-metrics>button{background:#ffe4c0}.quick-metrics p,.quick-metrics strong small,.quick-metrics>button>svg{color:#4f5847}.metric-symbol,.metric-symbol.violet,.metric-symbol.amber{color:#34332f;background:0 0;border:1px solid #34332f;border-radius:50%}.method-strip{background:#f2f5df;border-color:#34332f;border-radius:7px}.method-strip>div{border-color:#34332f}.method-top,.method-top small,.method-strip p{color:#505b45}.growth-rail .panel,.panel,.mission-card,.stats,.modal{color:#242823;background:#fffbf5;border-color:#34332f}.growth-rail .panel{border-radius:9px}.growth-rail small,.growth-rail p{color:#596052}.level-ring>div{color:#242823;background:#fffbf5}.level-ring svg{color:#576c2b}.badge-shelf>div{color:#56604e;background:#f2efe7;border-color:#8b927e}.badge-shelf .earned{color:#2e3c25;background:#e1edbe;border-color:#52623d}.badge-shelf .earned small{color:#485638}.challenge-path{background-image:linear-gradient(#34332f20 1px,#0000 1px),linear-gradient(90deg,#34332f20 1px,#0000 1px);background-size:22px 22px;border:1px solid #34332f;padding:16px}.challenge-node{background:#fffbf4;border:1px solid #34332f;border-radius:4px;box-shadow:3px 3px #34332f}.challenge-node small,.challenge-node>svg{color:#596052}.track-0,.mastered .node-index{color:#334626;background:#dbeaac}.track-1{color:#264852;background:#cce5e9}.track-2{color:#51415c;background:#e2d4f0}.track-3{color:#775039;background:#ffdbc0}.stars{color:#8d631b}.filters{background:#eee8dd;border-color:#34332f}.filters button{color:#4c5744}.filters .chosen,.category-tabs .chosen{color:#273021;background:#c6ef79}.discovery,.category-tabs button{background:#fffaf1;border-color:#34332f}.search-field input,textarea,input,select,.admin-answers>select,.composer textarea{color:#252c22;background:#fffdf8;border-color:#78826c}input::placeholder,textarea::placeholder{color:#6b7461}.card-visual.green{color:#344728;background:#ddeaaf}.card-visual.blue{color:#324a53;background:#c6dee5}.card-visual.purple{color:#58445e;background:#e2cee9}.level-badge{color:#333b2d;background:#fff8eb;border-color:#34332f}.visual-code{color:#38442e}.tag.green,.tag.blue,.tag.purple{color:#35402e;background:#eee8da}.card-body h3,.card-body p,.card-footer{color:#394331}.bottom-banner,.workshop-path,.story-dossier{color:#293323;background:#f4eddd;border-color:#59654e}.bottom-banner h3,.bottom-banner p,.bottom-banner button,.workshop-path small,.story-role,.story-role strong,.story-documents p{color:#34422c}.materials{background:#fffbf5;border-color:#566744}.materials-heading{background:#e4edc9}.material-kicker{color:#4a6032}.material-scroll{scrollbar-color:#849563 #f5f2e7;background:#f5f2e7}.record,.story-document,.story-documents article{background:#fffdf8;border-color:#8a957b}.material-meta,.material-footnote,.record dt,.record dt small{color:#5a684e}.material-group>summary{color:#293724;background:#e6edda}.material-group>summary span,.story-document summary span{color:#536f31}.message{color:#293323;background:#f0ebdf}.message.user{color:#293323;background:#e4edcf}.message small,.chat-tabs button{color:#526146}.chat-tabs .selected{color:#345e26;border-color:#345e26}.info,.connection,.result,.badge,.rule span{color:#35472b;background:#eaf0db}.timer{color:#3f552d;background:#e0ecbe}.command-example,.submission-text{color:#303b28;background:#f3eee4}.comparison-scroll th{color:#2e3b25;background:#e7eddb}.admin-answers summary{color:#47682e}.error{color:#812c27;background:#ffe0d8;border-color:#b86d60}.onboarding-summary,.onboarding-emblem,.onboarding-steps li>span{color:#364a28;background:#e3edca}.onboarding-steps li,.onboarding-steps .current,.onboarding-steps .done{color:#496138}.board-tabs button,.review-row{color:#2e3927;background:#fff9ed;border-color:#78866a}.review-row>svg{color:#47662d}.result-stars{color:#95701c}.text-btn,.back{color:#526146}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline-color:#486c2e}@media (min-width:1000px){.shell{border:2px solid #34332f;border-radius:12px;min-height:calc(100vh - 36px);margin:18px;overflow:hidden}.sidebar{border-radius:10px 0 0 10px;top:20px;bottom:20px;left:20px}header{background:#fff0e8}.content{padding-top:30px}}@media (max-width:750px){.method-strip>div:nth-child(-n+2){border-color:#34332f}.modern-hero{box-shadow:4px 4px #34332f}.skill-orbit{border-left:1px solid #34332f}}@media (max-width:600px){.nav.active{color:#273021;box-shadow:none;background:#c6ef79}.sidebar{background:#fff0e8}.challenge-path{padding:12px}.hero-editorial h2{font-size:31px}.hero-editorial p{color:#43473a}}.simple-home,.methods-page{max-width:900px;margin:0 auto}.simple-home>h1,.methods-page>h1{margin:15px 0;font-size:36px;line-height:1.45}.simple-start{background:#eaf0dc;border:1px solid #a5b191;border-radius:14px;margin:30px 0 20px;padding:32px}.simple-start>span{color:#5b6a49;font-size:13px}.simple-start h2{margin:12px 0;font-size:25px}.simple-start p{color:#58634e;max-width:600px;margin-bottom:23px}.simple-start .text-btn{margin-left:20px;display:inline-flex}.methods-entry{text-align:left;background:#fffaf2;border:1px solid #c4bfb1;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:25px 28px;display:flex}.methods-entry small{letter-spacing:2px;color:#687359}.methods-entry h2{margin:8px 0;font-size:21px}.methods-entry p{color:#647057;margin:0;font-size:14px}.simple-progress{border-top:1px solid #d4cfc2;grid-template-columns:repeat(3,1fr);margin:28px 0 45px;padding:22px 0;display:grid}.simple-progress>div{border-right:1px solid #d4cfc2;padding:0 20px}.simple-progress>div:last-child{border:0}.simple-progress strong{font-size:23px;display:block}.simple-progress span{color:#68715f;margin-top:5px;font-size:13px;display:block}.method-tabs{flex-wrap:wrap;gap:8px;margin:27px 0;display:flex}.method-tabs button{background:#fffaf2;border:1px solid #c0c7b4;border-radius:8px;padding:10px 14px;font-size:13px}.method-tabs .chosen{background:#e1edc4;border-color:#71885a;font-weight:700}.method-lesson{background:#fffcf7;border:1px solid #d0cebf;border-radius:14px;margin-bottom:30px;padding:30px}.method-lesson>small{color:#6a735e}.method-lesson h2{font-size:26px}.method-lesson p{line-height:1.9}.request-comparison{grid-template-columns:1fr 1.5fr;gap:15px;margin:25px 0;display:grid}.request-comparison>div{background:#f5f1e9;border:1px solid #dad3c7;border-radius:10px;padding:20px}.request-comparison>div:last-child{background:#edf3df;border-color:#b5c59d}.request-comparison span{color:#626b55;font-size:12px;font-weight:700}.request-comparison p{white-space:pre-wrap;font-size:15px}.method-check{background:#f5f3e9;border-left:3px solid #839c60;margin-bottom:28px;padding:17px 20px}.method-check p{margin:7px 0}.method-lesson textarea{border-radius:9px;width:100%;min-height:160px;padding:16px;font-size:15px;line-height:1.8}.method-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.method-lesson .info{border-radius:9px;padding:20px}.simple-home .primary,.method-lesson .primary{box-shadow:none;border-radius:8px}.shell{box-shadow:none}body{background:#f3eee4}.sidebar,header{background:#fffaf3}.nav.active{box-shadow:none;background:#e4edcf;border-color:#a5b68d}@media (max-width:600px){.simple-home>h1,.methods-page>h1{font-size:27px}.simple-start{padding:24px}.simple-start h2{font-size:22px}.methods-entry{padding:21px}.methods-entry h2{font-size:18px}.methods-entry p{font-size:12px}.simple-progress>div{padding:0 12px}.simple-progress strong{font-size:20px}.request-comparison{grid-template-columns:1fr}.method-lesson{padding:22px 18px}.method-lesson h2{font-size:23px}.method-tabs button{font-size:12px}.simple-start .text-btn{margin:15px 0 0;display:flex}}.guided-page{max-width:1050px;margin:auto}.guided-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.guided-heading h1{font-size:clamp(27px,4vw,43px)}.guided-steps{flex-wrap:wrap;gap:8px;margin:28px 0;padding:0;list-style:none;display:flex}.guided-steps li{color:#66695f;border:1px solid #d8d7c8;border-radius:24px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.guided-steps .current{color:#293426;background:#dce8b2;border-color:#829750;font-weight:700}.guided-steps .finished{background:#eee9df}.guided-materials{background:#faf8f2;border:1px solid #d8d7c8;border-radius:16px;margin-bottom:20px;padding:18px}.guided-materials summary,.guided-answer summary{cursor:pointer;font-weight:600}.guided-page textarea{width:100%;min-height:150px;margin:12px 0 18px;line-height:1.7;display:block}.guided-page li{line-height:1.8}.guided-page label{margin-top:20px;font-weight:700;display:block}.guided-note{color:#63695f;font-size:13px;line-height:1.7}.guided-comparison{grid-template-columns:1fr 1fr;gap:16px;display:grid}.guided-answer{background:#fcfbf7;border:1px solid #d6d8c8;border-radius:16px;min-width:0;padding:18px}.guided-output{white-space:pre-wrap;overflow-wrap:anywhere;color:#29332d;background:#f0f1e9;border-radius:12px;max-height:320px;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.guided-page blockquote{background:#f0f1e9;border-left:3px solid #93a65d;margin:16px 0;padding:10px 16px}.guided-result>strong{color:#415c2d;font-size:38px}.guided-result>span{color:#785928}.guided-page button:disabled{opacity:.5;cursor:not-allowed}.guided-page small{margin-top:12px;display:block}@media (max-width:700px){.guided-comparison{grid-template-columns:1fr}.guided-steps li{padding:7px 10px;font-size:12px}.guided-heading{align-items:flex-start}.guided-page .method-lesson{padding:20px}}.student-page{max-width:980px;margin:auto}.student-page h1{font-size:clamp(28px,4vw,44px);line-height:1.3}.student-hero{background:#e2ebcc;border:1px solid #c7d2af;border-radius:24px;margin:24px 0;padding:32px}.student-card{background:#fffdf7;border:1px solid #deddd0;border-radius:20px;margin:20px 0;padding:26px}.student-card button{margin:8px 8px 8px 0}.student-card textarea{width:100%;min-height:140px;margin:16px 0;line-height:1.8;display:block}.student-card pre{white-space:pre-wrap;overflow-wrap:anywhere}.student-card blockquote{background:#edf0e4;border-left:3px solid #839666;margin:0;padding:20px}.student-card small{color:#62675c;display:block}.student-units{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;display:grid}.student-units button{text-align:left;color:#29362d;background:#fffdf7;border:1px solid #dddccc;border-radius:18px;padding:24px}.student-units strong,.student-units span{margin-top:15px;display:block}.student-units small{color:#5d6e4e}.student-card summary{cursor:pointer;font-weight:700}.student-page button:disabled{opacity:.45}@media (max-width:700px){.student-units{grid-template-columns:1fr}.student-hero,.student-card{padding:20px}}
