@charset "UTF-8";
:root{--bg:#111615;--panel:#181e1b;--panel2:#1c231f;--border:#2c342e;--text:#f0f3ed;--muted:#8c988f;--dim:#65736a;--mint:#c3ed8e;--blue:#98c6f3;--purple:#c5b0f4;--amber:#eacb82;--mono:"Cascadia Code","Consolas","SFMono-Regular",monospace;--sans:"Segoe UI","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{display:block;flex-shrink:0}code,pre{font-family:var(--mono)}[v-cloak]{display:none}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.boot p{color:var(--muted)}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;border-right:1px solid var(--border);background:#131916;padding:32px 22px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:.8px}.brand-mark{display:flex;align-items:center;justify-content:center;width:40px;height:42px;border-radius:12px;background:var(--mint);color:#1e2b1c;font:italic 38px/1 Georgia,serif;flex-shrink:0;padding-bottom:4px}.brand small{display:block;font-size:9px;letter-spacing:2.6px;color:var(--muted);font-weight:500;margin-top:1px}.space-label{margin:47px 10px 17px;color:var(--dim);font-size:11px;display:flex;justify-content:space-between;align-items:center}.space-label>span{font-size:10px;border:1px solid var(--border);border-radius:4px;padding:0 5px}.nav-item{width:100%;height:47px;display:flex;align-items:center;gap:11px;text-align:left;color:#99a49b;border-radius:8px;margin-bottom:7px;font-size:13px;padding:0 12px;transition:.2s}.nav-item>span:first-child{color:#85938a}.nav-item:hover{background:#202921;color:#e3eadf}.nav-item.active{background:#263322;color:#d4f2b4}.nav-item.active>span:first-child{color:var(--mint)}.nav-count{margin-left:auto;font:11px var(--mono);color:inherit;opacity:.7}.dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--mint)}.sidebar-divider{height:1px;background:var(--border);margin:23px 10px}.tiny-label,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600}.tiny-label{color:var(--dim)}.sidebar-course{padding:0 10px}.sidebar-course strong{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;margin:16px 0}.cpp-badge{display:inline-flex;padding:1px 4px;border:1px solid #455346;border-radius:3px;color:var(--mint);font:9px var(--mono)}.progress-track{height:4px;background:#2a332d;border-radius:4px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--mint);border-radius:4px;transition:width .5s}.sidebar-course p{font-size:10px;color:var(--dim);margin-top:10px}.sidebar-course b{float:right;font:10px var(--mono);color:var(--muted)}.sidebar-bottom{margin-top:auto;padding-top:50px}.mentor-mini{display:flex;align-items:center;gap:10px;padding:14px 7px 20px}.spark{font-size:23px;color:var(--mint)}.mentor-mini strong{font-size:11px;font-weight:500;color:#b9c3b7}.mentor-mini p{font-size:10px;color:var(--dim);margin-top:4px}.help-link{display:flex;align-items:center;gap:9px;width:100%;color:var(--muted);font-size:11px;padding:15px 8px;border-top:1px solid var(--border)}.help-link svg{width:16px}.help-link>span:last-child{margin-left:auto}.profile{display:flex;align-items:center;gap:9px;padding:18px 0 23px;border-top:1px solid var(--border)}.avatar,.top-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#303c2e;color:#d1e5bc;font-weight:600;width:32px;height:32px}.profile strong{font-size:11px;font-weight:500}.profile small{display:block;font:10px var(--mono);color:var(--dim);margin-top:3px}.profile-status{margin-left:auto;font:8px var(--mono);letter-spacing:1px;color:#7c927b;border:1px solid #364632;border-radius:4px;padding:1px 4px}
.main-shell{margin-left:232px}.topbar{height:79px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#111615e8}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--dim)}.breadcrumb>span{color:#4c5a50}.breadcrumb strong{font-weight:400;color:#c6cec4}.topbar-actions{display:flex;align-items:center;gap:22px}.connection{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.connection i,.live-label i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #c3ed8e44}.connection.warn i{background:var(--amber)}.top-avatar{height:29px;width:29px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:10px 19px;border-radius:7px;font-size:12px;font-weight:600;line-height:1.3;transition:.18s;white-space:nowrap}.btn svg{width:15px;height:15px}.btn.primary{background:var(--mint);color:#1e2a1a;box-shadow:0 0 0 1px #d3f7ad10}.btn.primary:hover:not(:disabled){background:#d2f5a9;transform:translateY(-1px)}.btn.primary>span:last-child:not(:first-child){margin-left:12px}.btn.ghost{border:1px solid #3b473d;color:#d3dccf;background:#1b231d}.btn.ghost:hover:not(:disabled){border-color:#7c986b;background:#243022}.btn.small{min-height:32px;padding:7px 11px;font-size:10px}.text-button{display:inline-flex;align-items:center;gap:12px;color:#c4cec0;font-size:11px;padding:8px}.text-button:hover{color:var(--mint)}main{max-width:1530px;margin:auto;padding:40px 40px 0}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:330px;position:relative;padding:5px 0 25px}.hero-copy{z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--mint);font:10px var(--mono);letter-spacing:1.7px}.eyebrow>span{width:6px;height:6px;background:var(--mint);border-radius:50%}.eyebrow.muted{color:var(--dim);font-size:9px}.hero h1{font-size:42px;line-height:1.35;font-weight:650;letter-spacing:1px;margin:20px 0 17px}.hero h1>span{color:var(--mint)}.hero-copy>p{color:#93a08f;font-size:12px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:23px}.hero-note{color:#65755f;font-size:9px;letter-spacing:.5px;margin-top:21px}.hero-note span{font-size:6px;color:#829b6e;margin-right:7px}.hero-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;perspective:900px}.art-grid{position:absolute;inset:-15px -5px 0;background-image:linear-gradient(#38543525 1px,transparent 1px),linear-gradient(90deg,#38543525 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000 0%,transparent 70%)}.hero-art:after{content:"";position:absolute;width:260px;height:200px;background:#82a04e16;filter:blur(70px);z-index:-1}.orbit{position:absolute;border:1px solid #42553635;border-radius:50%;height:300px;width:300px;transform:rotateX(60deg) rotateZ(-28deg)}.o2{width:350px;height:350px;transform:rotateX(55deg) rotateZ(38deg)}.code-card{position:absolute;width:306px;border-radius:11px;border:1px solid #44583b;box-shadow:0 20px 40px #0005}.card-front{background:linear-gradient(135deg,#263323,#18231b);transform:rotate(-5deg);z-index:2;top:52px;left:calc(50% - 149px)}.card-back{height:216px;background:#27351e88;border-color:#485f2f;transform:rotate(9deg) translate(18px,14px);display:flex;align-items:center;justify-content:flex-end;top:50px;left:calc(50% - 150px)}.card-back>span{font:80px var(--mono);color:#c3ed8e1a;margin-right:10px}.code-dots{display:flex;align-items:center;gap:4px;border-bottom:1px solid #42543855;padding:12px 13px}.code-dots i{width:5px;height:5px;background:#677e54;border-radius:50%}.code-dots i:first-child{background:#a7c77c}.code-dots>span{font:8px var(--mono);color:#7e9472;margin-left:auto}.art-code{font:11px/1.9 var(--mono);color:#b9cab0;padding:15px 20px 13px;white-space:nowrap}.purple{color:var(--purple)}.mint{color:var(--mint)}.gold{color:var(--amber)}.code-bottom{border-top:1px solid #42543855;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:8px;color:#7c956a}.cursor-block{width:5px;height:10px;background:var(--mint);opacity:.8}.floating-tag{position:absolute;padding:8px 12px;border:1px solid #455739;background:#222e20e8;box-shadow:0 7px 20px #0002;z-index:3;border-radius:6px;font-size:9px;color:#c1d3ae;display:flex;align-items:center;gap:8px}.floating-tag i{width:5px;height:5px;background:var(--mint);border-radius:50%}.tag-top{top:28px;right:16px;transform:rotate(3deg)}.tag-bottom{bottom:45px;left:8px;transform:rotate(-3deg)}.check-mini{border-radius:50%;background:#c3ed8e22;color:var(--mint);width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.art-symbol{position:absolute;font-family:var(--mono);color:#6f875255}.s1{top:2px;left:32px;font-size:26px}.s2{bottom:40px;right:0;font-size:20px;transform:rotate(15deg)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:14px 0 40px}.stat{display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,#1b231d,#181f1a);border:1px solid var(--border);padding:20px;border-radius:9px;position:relative}.stat-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.mint-bg{background:#34452a66;color:var(--mint)}.blue-bg{background:#28414d66;color:var(--blue)}.purple-bg{background:#3b304e66;color:var(--purple)}.stat p{font-size:10px;color:var(--muted);margin-bottom:3px}.stat strong{font:25px var(--mono);letter-spacing:-1px}.stat strong small{font:11px var(--mono);color:var(--dim);letter-spacing:0}.stat-foot{margin-left:auto;align-self:flex-end;color:#71816b;font-size:9px;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:23px}.section-heading h2{font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px;margin:7px 0 8px}.section-heading p{font-size:11px;color:var(--muted)}.pill{display:inline-flex;align-items:center;font-size:9px;line-height:1.5;font-weight:400;background:#263222;border:1px solid #3a4b30;color:#bbd69e;border-radius:4px;padding:3px 7px;letter-spacing:.2px;white-space:nowrap}.pill.local{color:var(--amber);background:#3a332022;border-color:#5b4c2f}.map-legend{display:flex;gap:13px;font-size:9px;color:var(--muted);padding-bottom:4px;white-space:nowrap}.map-legend>span{display:flex;align-items:center;gap:5px}.map-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.mint-dot{background:var(--mint)}.gray-dot{background:#536057}.outline-dot{border:1px solid var(--mint)}.map-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:#151c17;scrollbar-color:#41533c #161e18}.function-map{position:relative;width:940px;height:555px;margin:auto;background-image:radial-gradient(#4b5c4333 .8px,transparent .8px);background-size:16px 16px}.map-lines{position:absolute;inset:0;pointer-events:none;color:#465341}.map-lines>path{fill:none;stroke:#37482f;stroke-width:1.3;stroke-dasharray:4 4}.map-lines>path.lit{stroke:#8eb762;stroke-dasharray:none}.stage-label{position:absolute;top:25px;font-size:10px;letter-spacing:1.5px;color:#889a7e;display:flex;align-items:center;gap:9px}.stage-label>span{font:9px var(--mono);color:#56674f;border:1px solid #35442d;border-radius:3px;padding:1px 4px}.level-card{position:absolute;width:198px;height:130px;text-align:left;border:1px solid #46573c;border-radius:8px;background:#202b1e;padding:13px 15px;box-shadow:0 6px 16px #0002;transition:transform .18s,border-color .18s}.level-card:hover{transform:translateY(-3px);border-color:#b1d183;box-shadow:0 8px 20px #0004}.level-card-head{display:flex;justify-content:space-between;align-items:center}.function-symbol{font:italic 20px/1 Georgia,serif;color:var(--mint)}.level-state{font-size:8px;color:#b7d296;letter-spacing:.4px}.level-state.done{color:var(--mint)}.level-card h3{font-size:14px;margin:7px 0 1px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.level-card h3 span{font-size:8px;border:1px solid #4b5d3f;border-radius:3px;padding:0 4px;color:#9cb184;font-weight:400}.level-card>code{font-size:10px;color:#809971}.level-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#92a67e;border-top:1px solid #3e503555;margin-top:9px;padding-top:7px}.level-card-foot>span:first-child{font-family:var(--mono)}.level-card.blue{background:#1c272b;border-color:#364c55}.level-card.blue .function-symbol{color:var(--blue)}.level-card.purple{background:#27232e;border-color:#4a3e5c}.level-card.purple .function-symbol{color:var(--purple)}.level-card.amber{background:#2a271e;border-color:#574c32}.level-card.amber .function-symbol{color:var(--amber)}.level-card.locked{filter:saturate(.38);background:#1b211e;border-color:#333e35;box-shadow:none}.level-card.locked h3{color:#9aa598}.level-card.locked .function-symbol,.level-card.locked .level-state,.level-card.locked code,.level-card.locked .level-card-foot{color:#61705f}.level-card.locked:hover{border-color:#718368}.level-card.passed{border-color:#8aa96c;background:#293823}.map-bottom{display:flex;align-items:center;gap:8px;margin:13px 2px 30px;color:var(--dim);font-size:9px}.map-bottom>span:first-child svg{width:13px;height:13px}.live-label{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;white-space:nowrap;color:#829a71}.live-label i{height:4px;width:4px}.callout{display:flex;align-items:center;gap:18px;border:1px solid var(--border);border-radius:9px;padding:24px;background:linear-gradient(105deg,#202a1e,#181f1b)}.callout-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #43563a;border-radius:8px;color:var(--mint);background:#2b3825}.callout h3{font-size:13px;font-weight:500}.callout p{font-size:10px;color:var(--muted);margin-top:5px}.callout>.btn{margin-left:auto}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:21px 0 24px;margin-top:36px;color:#59675d;font-size:9px}.footer>span:first-child{letter-spacing:.7px}.footer i{font-style:normal;margin:0 8px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px;overflow:hidden}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.back-link{color:var(--muted);font-size:10px;padding:0;margin-bottom:11px}.workspace-heading h1{font-size:25px;display:flex;align-items:center;gap:14px;font-weight:600}.workspace-heading h1 code{font-size:12px;font-weight:400;color:var(--dim)}.notice{border:1px solid var(--border);border-radius:7px;padding:11px 15px;font-size:11px;margin-bottom:18px;line-height:1.8}.amber-notice{border-color:#61532f;background:#38301d66;color:#dbc48e}.subtle-notice{background:#202b21;color:#94a88a;border-color:#33432e}.workspace-grid{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.4fr);gap:20px;align-items:start}.panel-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 18px;gap:20px}.panel-tabs button{font-size:11px;padding:15px 0;border-bottom:2px solid transparent;color:var(--muted)}.panel-tabs button.active{color:var(--mint);border-color:var(--mint)}.problem-content{padding:26px 23px}.problem-content h2{font-size:17px;line-height:1.8;font-weight:500;margin:11px 0}.problem-content>p{font-size:12px;color:#a2afa0;line-height:1.95}.problem-content h3{font-size:11px;font-weight:600;margin:24px 0 10px;color:#d3dece}.signature{display:block;background:#101712;border:1px solid #2b3b2c;border-radius:5px;padding:12px;color:var(--mint);font-size:11px;white-space:normal;overflow-wrap:anywhere}.contract{border-left:2px solid #5b7747;padding:2px 0 2px 12px}.example{border:1px solid var(--border);border-radius:6px;background:#141b16;padding:12px;margin:9px 0}.example>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:9px}.example b{font-weight:500;color:#b7c5b0}.example>div span{color:var(--dim);font-size:9px}.example p{font-size:10px;color:var(--dim);margin-top:4px}.example code{color:#c7d7bb;margin-left:12px;font-size:11px}.small-copy{font-size:11px!important;line-height:1.9;color:var(--muted)}.small-copy code{font-size:10px;color:#b1c39e;overflow-wrap:anywhere}.empty-inline{color:var(--dim);font-size:11px;padding:20px 0}.dependency-row{display:flex;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--border);margin-bottom:12px}.dependency-row code{font-size:10px;color:#b9c8b0;overflow-wrap:anywhere}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;background:#1f2921;padding:10px 15px;border-bottom:1px solid var(--border);font:10px var(--mono);color:#b3c4a9}.editor-toolbar>span,.editor-toolbar>div{display:flex;align-items:center;gap:10px}.file-dot{width:6px;height:6px;background:var(--mint);border-radius:2px}.editor-language{font-size:9px;color:#7f9276}.icon-button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;color:var(--muted);font-size:22px}.icon-button:hover{background:#36432f;color:var(--mint)}.icon-button svg{width:14px;height:14px}.code-editor{height:335px;background:#101712;display:flex;position:relative}.code-editor.disabled{opacity:.5}.line-numbers{width:45px;flex-shrink:0;overflow:hidden;padding-top:20px;text-align:right;color:#465741;font:12px/26px var(--mono);border-right:1px solid #253122}.line-numbers>div>div{padding-right:11px;height:26px}.code-surface{position:relative;flex:1;min-width:0;overflow:hidden}.code-highlight,.code-surface textarea{font:12px/26px var(--mono);letter-spacing:0;tab-size:4;margin:0;padding:20px 17px;border:0;text-align:left;white-space:pre;overflow-wrap:normal;word-break:normal}.code-highlight{position:absolute;top:0;left:0;min-width:100%;min-height:100%;width:max-content;pointer-events:none;color:#c1d1b7}.code-surface textarea{position:absolute;inset:0;width:100%;height:100%;resize:none;background:transparent;color:transparent;caret-color:var(--mint);outline:none;overflow:auto;-webkit-text-fill-color:transparent;scrollbar-color:#36482d #101712}.code-surface textarea::selection{background:#5c814d77}.tok-keyword{color:#c5b0f4}.tok-number{color:#eacb82}.tok-comment{color:#667d5e;font-style:italic}.tok-string{color:#b5d997}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-top:1px solid var(--border);background:#171f19}.editor-footer>span{color:#718569;font-size:9px}.keyboard-hint{display:block;font:8px var(--mono);margin-top:3px;color:#4e6247}.editor-footer .btn{min-height:36px;font-size:10px;padding:9px 13px}.editor-column{display:flex;flex-direction:column;gap:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border);gap:12px}.panel-title h3{font-size:12px;display:flex;align-items:center;gap:8px;font-weight:500}.panel-title h3 svg{width:15px;color:#8fa77e}.panel-title .tiny-label{font-size:9px;letter-spacing:0}.result-empty{text-align:center;padding:30px 18px;color:var(--dim)}.result-empty>span{display:flex;justify-content:center;color:#52694b;margin-bottom:10px}.result-empty p{font-size:11px}.result-empty small{display:block;font-size:9px;margin-top:8px}.result-badge{font-size:9px;border-radius:4px;padding:2px 6px}.result-badge.good{color:var(--mint);background:#34472a}.result-badge.bad{color:#e4bb8c;background:#493b28}.result-content{padding:17px}.result-summary{display:flex;align-items:center;gap:18px;margin-bottom:17px}.score{font:32px var(--mono);color:var(--amber);white-space:nowrap}.score.accepted{color:var(--mint)}.score small{font:10px var(--mono);color:var(--dim);margin-left:4px}.result-summary strong{font-size:11px;font-weight:500;line-height:1.8;display:block}.result-summary p{font-size:9px;color:var(--dim);margin-top:4px}.result-summary p span{margin:0 7px}.compiler-output{max-height:200px;overflow:auto;white-space:pre-wrap;background:#261f1b;color:#e3bc98;border:1px solid #4c3c2a;border-radius:5px;padding:10px;font:10px/1.8 var(--mono);overflow-wrap:anywhere}.test-row{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.test-icon{height:17px;width:17px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#4d3028;color:#e5aa8e;font-size:11px;flex-shrink:0;margin-top:2px}.test-icon.pass{color:var(--mint);background:#34472a}.test-row strong{font-size:10px;font-weight:400;color:#c0ccbb}.test-row strong span{font-size:8px;color:var(--dim);margin-left:8px;border:1px solid var(--border);padding:0 4px;border-radius:3px}.test-row p{font-size:9px;color:#7d8d75;margin-top:3px}.test-row code{display:block;font-size:9px;color:#b7a88a;margin-top:5px;overflow-wrap:anywhere}.test-row>small{margin-left:auto;white-space:nowrap;font:8px var(--mono);color:var(--dim);padding-top:4px}.next-level{margin-top:12px;width:100%}.tutor-panel{margin-top:22px;padding:23px}.tutor-header{display:flex;align-items:center;gap:12px}.tutor-icon{width:37px;height:37px;border-radius:10px;background:#333f29;color:var(--mint);font-size:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutor-header h3{font-size:13px;font-weight:500}.tutor-header p{font-size:10px;color:var(--muted);margin-top:5px}.tutor-header>.pill{margin-left:auto}.hint-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.hint-levels{display:flex;gap:7px}.hint-levels button{border:1px solid var(--border);padding:8px 10px;border-radius:5px;font-size:10px;color:var(--muted);white-space:nowrap}.hint-levels button>span{font:9px var(--mono);color:var(--dim);margin-right:5px}.hint-levels button.active{border-color:#718c58;color:#c7dda9;background:#2b3823}.hint-question{display:flex;gap:8px;flex:1;max-width:480px}.hint-question input{width:100%;min-width:0;background:#111913;color:#d7e2d0;border:1px solid var(--border);border-radius:5px;padding:9px 11px;font-size:10px}.hint-question input::placeholder{color:#52664a}.hint-question .btn{min-height:34px;font-size:10px;padding:8px 12px}.hint-answer{margin-top:18px;border:1px solid #3f5333;background:#202c1e;border-radius:7px;padding:17px}.hint-answer>div{display:flex;gap:8px;align-items:center;font-size:10px}.hint-answer strong{font-weight:500}.hint-answer>div>span:last-child{margin-left:auto;color:var(--dim);font-size:9px}.hint-answer>p{font-size:12px;line-height:1.95;color:#bdcdb2;white-space:pre-wrap;margin-top:12px}.hint-answer>small{display:block;color:var(--amber);font-size:10px;margin-top:10px}
.page-heading{margin-bottom:28px}.page-heading h1{font-size:29px;display:flex;align-items:center;gap:15px;margin:11px 0}.page-heading>p{font-size:12px;color:var(--muted)}.empty-state{text-align:center;padding:70px 20px}.empty-orbit{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border:1px solid #526c3c;border-radius:26px;background:#293923;color:var(--mint);font:30px var(--mono);margin:0 auto 25px;transform:rotate(-8deg)}.empty-state h2{font-size:19px;font-weight:500}.empty-state p{font-size:12px;color:var(--muted);margin:13px 0 25px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:11px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.library-card{text-align:left;padding:22px;transition:.2s}.library-card:hover{border-color:#698551;transform:translateY(-2px)}.library-card>div{display:flex;align-items:center;justify-content:space-between;font-size:9px}.library-card h2{font-size:19px;font-weight:500;margin:14px 0 8px}.library-card>code{color:#a1b78f;font-size:11px;overflow-wrap:anywhere}.library-card p{font-size:10px;color:var(--dim);margin-top:17px}.library-open{display:block;font-size:10px;color:#b4ce99;margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.import-top{padding:25px;display:flex;align-items:center;gap:22px}.large-code-icon{font:30px var(--mono);color:var(--mint);white-space:nowrap}.import-top h2{font-size:16px;font-weight:500}.import-top p{font-size:11px;color:var(--muted);max-width:510px;margin-top:7px}.import-top>.btn{margin-left:auto}.project-tabs{display:flex;gap:9px;overflow-x:auto;margin:24px 0 15px}.project-tabs button{border:1px solid var(--border);padding:8px 12px;white-space:nowrap;font:11px var(--mono);border-radius:6px;color:var(--muted)}.project-tabs button.active{border-color:#728b58;color:var(--mint);background:#283522}.project-tabs button span{font:9px var(--mono);color:var(--dim);margin-left:10px}.imported-panel>.notice{border-radius:0;border:0;border-bottom:1px solid var(--border);margin:0}.source-grid{display:grid;grid-template-columns:250px 1fr;min-height:380px}.imported-list{border-right:1px solid var(--border);background:#141c16}.imported-list>button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:16px;border-bottom:1px solid var(--border)}.imported-list>button.active{background:#273522}.imported-list strong{font:11px var(--mono);font-weight:400}.imported-list small{display:block;font-size:9px;color:var(--dim);margin-top:5px}.imported-list>button>span:last-child{margin-left:auto;color:var(--dim)}.imported-code{min-width:0;padding:24px}.imported-code>h3{font:16px var(--mono);margin-bottom:8px}.imported-code pre{background:#101712;border:1px solid #293927;border-radius:7px;padding:20px;font:11px/1.9 var(--mono);overflow:auto;max-height:600px;color:#c1d1b7;margin-top:19px}
.modal-backdrop{position:fixed;inset:0;background:#060c08c9;backdrop-filter:blur(7px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{width:600px;max-width:100%;max-height:calc(100vh - 48px);overflow:auto;border:1px solid #4c6140;border-radius:12px;background:#1a241c;box-shadow:0 25px 100px #0008;padding:27px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.modal h2{font-size:20px;font-weight:500}.modal-head .eyebrow{margin-bottom:6px}.file-drop{position:relative;border:1px dashed #607b4c;border-radius:8px;background:#26342188;min-height:100px;margin:18px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:17px}.file-drop>span{color:var(--mint);margin-bottom:4px}.file-drop strong{font-size:11px;font-weight:400;color:#b6cca3}.file-drop small{font-size:9px;color:var(--dim)}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.import-input-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.import-input-row>label{font-size:10px;color:var(--muted);flex:1}.import-input-row input{display:block;width:100%;border:1px solid var(--border);border-radius:5px;background:#111913;padding:8px 10px;color:#c1d3b7;font:11px var(--mono);margin-top:6px}.import-input-row>.text-button{font-size:10px;margin-bottom:1px}.import-textarea{display:block;width:100%;height:220px;resize:vertical;margin-top:13px;background:#101712;border:1px solid #35452e;border-radius:6px;padding:15px;color:#c3d6b5;font:11px/1.9 var(--mono);tab-size:4}.import-textarea::placeholder{color:#4d6544}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.inline-error{font-size:11px;color:#edc08c;margin-top:10px}.guide-step{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--border)}.guide-step>span{font:13px var(--mono);color:var(--mint);padding-top:3px}.guide-step h3{font-size:13px;font-weight:500}.guide-step p{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.9}.guide-modal>.notice{margin-top:20px}.full{width:100%}.compact-modal{width:430px}.compact-modal p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:15px}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);z-index:150;border:1px solid #6b8850;background:#2a3823;box-shadow:0 8px 30px #0005;border-radius:8px;padding:12px 20px;max-width:calc(100vw - 40px);font-size:12px;color:#d8e8c8;display:flex;align-items:center;gap:10px}.toast>span{color:var(--mint)}.spinner{width:14px;height:14px;border:2px solid #1e2a1a33;border-top-color:#1e2a1a;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){main{padding:45px 55px 0}.hero h1{font-size:48px}.hero{min-height:360px}.hero-art{max-width:550px}.hero-copy>p{font-size:13px}.stats-grid{margin-top:10px}.function-map{width:940px}.tag-bottom{bottom:50px}.map-scroll{padding:0 8px}.code-editor{height:395px}}
@media(max-width:1200px){.sidebar{width:207px;padding:28px 16px 0}.main-shell{margin-left:207px}.brand{font-size:18px}.brand-mark{width:36px;height:39px}.topbar{padding:0 26px}main{padding:30px 26px 0}.hero h1{font-size:35px}.hero-art{transform:scale(.9);transform-origin:center right}.hero{grid-template-columns:1fr 1fr;min-height:320px}.stat{padding:15px;gap:11px}.stat-foot{display:none}.section-heading{align-items:flex-start}.map-legend{margin-top:8px}.workspace-grid{grid-template-columns:minmax(255px,.8fr) minmax(0,1.3fr);gap:14px}.problem-content{padding:20px 17px}.hint-controls{flex-direction:column;align-items:stretch;gap:13px}.hint-question{max-width:none}.tutor-header>.pill{display:none}.toast{left:calc(50% + 100px)}}
@media(max-width:900px){.sidebar{width:72px;padding:26px 13px 0}.brand{justify-content:center}.brand>span:last-child,.space-label,.sidebar-course,.sidebar-divider,.mentor-mini,.profile>div,.profile-status,.help-link,.nav-item>.nav-count,.nav-item>.dot{display:none}.brand-mark{width:36px;height:38px}.sidebar nav{margin-top:40px}.nav-item{font-size:0;justify-content:center;padding:0;gap:0;width:44px}.nav-item>span:first-child{font-size:15px}.sidebar-bottom{padding-top:0}.profile{justify-content:center;border:0;padding:20px 0}.main-shell{margin-left:72px}.topbar{height:66px}.hero h1{font-size:36px}.hero-art{transform:scale(.83);margin-left:-15px}.hero{grid-template-columns:1fr .9fr}.hero-copy>p{font-size:11px}.hero-note{font-size:8px}.map-legend{display:none}.stats-grid{gap:10px;margin-bottom:30px}.stat{padding:15px 12px;gap:10px}.stat-icon{width:32px;height:32px}.stat strong{font-size:22px}.stat p{font-size:9px}.workspace-grid{grid-template-columns:1fr}.problem-panel .problem-content{max-height:420px;overflow:auto}.problem-content{padding:22px}.problem-content h2{font-size:18px}.code-editor{height:350px}.source-grid{grid-template-columns:200px 1fr}.import-top{gap:13px;padding:20px}.large-code-icon{font-size:24px}.import-top p{font-size:10px}.import-top h2{font-size:14px}.toast{left:calc(50% + 36px)}}
@media(max-width:620px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:64px;padding:0 8px;border-right:0;border-top:1px solid var(--border);background:#141d16fa;backdrop-filter:blur(15px)}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around;height:100%;align-items:center}.nav-item{height:49px;width:23%;margin:0;flex-direction:column;font-size:8px;gap:3px;line-height:1.2}.nav-item>span:first-child svg{width:17px;height:17px}.main-shell{margin-left:0;padding-bottom:64px}.topbar{height:60px;padding:0 18px}.breadcrumb{font-size:10px;gap:9px}.topbar-actions{gap:10px}.connection{font-size:0;gap:0}.connection i{width:6px;height:6px}.top-avatar{display:none}.btn.small{min-height:30px;font-size:10px}.topbar-actions .btn svg{width:12px;height:12px}main{padding:26px 18px 0}.hero{display:block;min-height:auto;padding:0 0 20px}.hero h1{font-size:36px;margin-top:17px}.hero-copy>p{font-size:12px}.hero-art{display:none}.hero-actions{margin-top:22px}.hero-note{font-size:9px;margin-top:17px}.eyebrow{font-size:9px}.stats-grid{gap:8px;margin:10px 0 30px}.stat{display:block;padding:12px}.stat-icon{height:26px;width:26px;margin-bottom:9px;border-radius:6px}.stat-icon svg{width:15px;height:15px}.stat p{font-size:9px;white-space:nowrap}.stat strong{font-size:23px}.stat strong small{font-size:9px}.section-heading h2{font-size:19px;gap:9px;flex-wrap:wrap}.section-heading .pill{font-size:8px}.section-heading p{font-size:10px;line-height:1.9}.section-heading{margin-bottom:16px}.function-map{transform-origin:top left}.map-scroll{max-height:520px}.map-bottom{align-items:flex-start;margin-bottom:22px;font-size:9px}.map-bottom>span:first-child{margin-top:3px}.live-label{display:none}.callout{padding:18px;gap:12px;flex-wrap:wrap}.callout-icon{height:35px;width:35px}.callout h3{font-size:12px}.callout p{font-size:10px;max-width:240px}.callout>.btn{width:100%;margin-top:6px;font-size:11px;min-height:35px}.footer{display:block;line-height:2.3;font-size:8px;margin-top:26px;padding:15px 0}.footer>span{display:block}.workspace-heading{gap:10px}.workspace-heading h1{font-size:23px;gap:8px;flex-wrap:wrap}.workspace-heading h1 code{font-size:10px}.workspace-heading>.pill{font-size:8px}.notice{font-size:10px;padding:10px 12px}.problem-panel .problem-content{max-height:370px}.problem-content{padding:18px}.problem-content h2{font-size:16px}.code-editor{height:320px}.code-highlight,.code-surface textarea{font-size:11px;padding-left:12px;padding-right:12px}.line-numbers{width:34px;font-size:10px}.line-numbers>div>div{padding-right:7px}.editor-footer{padding:10px;gap:8px}.editor-footer .btn{font-size:10px;padding:9px 11px}.keyboard-hint{display:none}.editor-footer>span{font-size:8px}.tutor-panel{padding:17px}.tutor-header h3{font-size:12px}.tutor-header p{font-size:10px}.tutor-icon{width:30px;height:30px;font-size:20px}.hint-levels{gap:6px}.hint-levels button{flex:1;padding:8px 7px;font-size:9px}.hint-levels button>span{font-size:8px;margin-right:4px}.hint-question{flex-wrap:wrap}.hint-question input{min-height:36px}.hint-question>.btn{width:100%}.hint-answer{padding:13px}.hint-answer>p{font-size:11px}.result-summary{gap:12px;align-items:flex-start}.score{font-size:27px}.result-summary strong{font-size:10px}.test-row code{font-size:8px}.page-heading h1{font-size:25px}.page-heading>p{font-size:11px}.library-grid{grid-template-columns:1fr}.library-toolbar{font-size:9px;gap:10px}.library-toolbar>.btn{font-size:10px;padding:10px}.empty-state{padding:45px 20px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.import-top{flex-wrap:wrap}.import-top>div{flex:1}.import-top>.btn{width:100%;margin:5px 0 0}.source-grid{grid-template-columns:1fr}.imported-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--border)}.imported-list>button{min-width:155px;border-bottom:0;border-right:1px solid var(--border);padding:12px}.imported-list>button>.function-symbol{display:none}.imported-list strong{font-size:10px}.imported-list small{font-size:8px}.imported-code{padding:17px}.imported-code pre{font-size:10px;padding:12px}.panel-title h3{font-size:11px}.panel-title>.pill{font-size:8px}.modal-backdrop{padding:13px}.modal{padding:20px;max-height:calc(100dvh - 26px)}.modal h2{font-size:18px}.import-input-row{align-items:stretch;flex-direction:column;gap:4px}.import-input-row>.text-button{align-self:flex-end}.import-textarea{height:180px}.toast{left:50%;bottom:80px;font-size:11px;padding:11px 14px}.guide-step{gap:13px;padding:15px 0}.guide-step h3{font-size:12px}.guide-step p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Reference material is revealed only after the server verifies a passed level. */
.reference-switch{display:flex;gap:8px;margin:18px 0}.reference-switch button{border:1px solid var(--border);border-radius:5px;font-size:10px;padding:7px 10px;color:var(--muted)}.reference-switch button.active{color:var(--mint);background:#293a22;border-color:#68864e}.reference-content>p{font-size:11px;color:#a8b89d;line-height:1.95}.reference-code{font:11px/1.9 var(--mono);color:#c1d1b7;white-space:pre-wrap;overflow-wrap:anywhere;background:#101712;border:1px solid #31422c;border-radius:6px;padding:14px;margin:16px 0;max-height:420px;overflow:auto}.reference-origin{display:flex;flex-direction:column;gap:6px;background:#202c1c;border:1px solid #3b5031;border-radius:6px;padding:12px;margin-top:15px;font-size:10px}.reference-origin strong{color:#c0d6a7;font-weight:500}.reference-origin code{font-size:10px;color:#a9c092}.reference-origin span{font:9px var(--mono);color:var(--dim)}.reference-origin a{font-size:10px;color:var(--mint);margin-top:3px}.reference-license{font-size:10px;color:#9caf8f;border-top:1px solid var(--border);padding-top:12px}.reference-license summary{cursor:pointer}.reference-license pre{font:9px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;margin-top:12px}.panel-tabs{gap:15px}.panel-tabs button{white-space:nowrap}

.reference-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.reference-tools .reference-switch{margin:0}.reference-tools>.btn{margin-left:auto;font-size:9px;padding:8px 9px;min-height:32px}.reference-local-note{color:#8eaa76!important;font-size:10px!important}.reference-content>h2{margin-top:0}.reference-license>.small-copy{margin-top:12px}

/* Educational routes, preset principles, and observed byte feedback. */
.achievement-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:-12px 0 27px}.achievement{display:flex;gap:9px;align-items:center;border:1px solid var(--border);border-radius:7px;padding:12px;background:#171e19;min-width:0}.achievement>span{color:#627257;font-size:20px}.achievement strong{font-size:10px;color:#91a286;font-weight:500;display:block}.achievement small{font-size:8px;color:var(--dim);display:block;margin-top:3px}.achievement.earned{border-color:#687f48;background:#26341e}.achievement.earned>span,.achievement.earned strong{color:var(--mint)}.track-switch{display:flex;gap:10px;margin:0 0 26px}.track-switch>button{display:flex;align-items:center;gap:17px;padding:13px 18px;border:1px solid var(--border);border-radius:8px;background:#171e19;color:var(--muted);text-align:left}.track-switch>button strong{font-size:13px;font-weight:500}.track-switch>button span{font:10px var(--mono);color:var(--dim)}.track-switch>button.active{background:#293722;border-color:#7b955c;color:var(--mint)}.learning-goals{margin-top:20px;padding:13px 14px;border:1px solid #3a4b31;background:#202b1d;border-radius:7px}.learning-goals h3{margin:0 0 8px!important;font-size:11px}.learning-goals ul{margin:0;padding-left:16px;font-size:11px;color:#b4c6a3;line-height:1.95}.mental-model{border-left:2px solid var(--mint);padding-left:12px;color:#b4c6a3!important}.prediction{margin-top:23px;border:1px solid #414c37;border-radius:7px;padding:14px;background:#1d271b}.prediction h3{margin:0 0 10px!important}.prediction>p{font-size:11px;line-height:1.9;color:#c1d1b6;white-space:pre-wrap}.prediction>button{display:block;border:1px solid var(--border);border-radius:5px;width:100%;padding:8px 10px;text-align:left;color:#a6b69a;font-size:11px;margin-top:8px;background:#151d15}.prediction>button.chosen{border-color:#b09c69;background:#342e1e}.prediction>button.correct{border-color:#759753;background:#2d3e20;color:var(--mint)}.prediction .prediction-feedback{margin-top:13px;color:#c5ddb0;font-size:11px}.prediction>small{display:block;font-size:9px;color:var(--dim);margin-top:11px}.panel-tabs{gap:11px;padding:0 12px}.principle-panel>h2{margin-top:0}.demo-variants{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.demo-variants button{font-size:10px;border:1px solid var(--border);border-radius:5px;padding:6px 9px;color:var(--muted)}.demo-variants button.active{border-color:#7c965d;color:var(--mint);background:#293b21}.byte-board{margin-top:19px}.byte-board>strong{display:block;font-size:10px;color:#93aa82;font-weight:500;margin-bottom:9px}.byte-cells{display:flex;gap:4px;overflow-x:auto;padding:2px 2px 11px}.byte-cell{min-width:34px;text-align:center;background:#121b13;border:1px solid #35472e;border-radius:5px;padding:4px 4px 8px;flex-shrink:0}.byte-cell small{font:8px var(--mono);color:#627857;display:block;margin-bottom:5px}.byte-cell code{font:12px var(--mono);color:#c3d7b3;white-space:nowrap}.byte-cell.changed{background:#2c4022;border-color:#6e8b50}.byte-cell.reading{outline:2px solid var(--blue);outline-offset:-1px}.byte-cell.writing{outline:2px solid var(--mint);outline-offset:-1px}.demo-variables{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.demo-variables>span{display:flex;gap:8px;align-items:center;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:#1e291b}.demo-variables small{font-size:9px;color:var(--muted)}.demo-variables b{font:10px var(--mono);color:var(--mint);font-weight:400}.demo-explanation{padding:14px;margin-top:17px!important;border-radius:6px;border:1px solid #445b33;background:#26351e;color:#d2e4c1!important;font-size:12px!important;line-height:1.95}.demo-controls{display:flex;align-items:center;gap:9px;margin:17px 0 13px}.demo-controls>span{font:10px var(--mono);color:var(--dim);margin-right:auto}.demo-controls .btn{min-height:30px;font-size:10px;padding:7px 9px}.demo-controls .text-button{font-size:10px;padding:5px}.test-row{flex-wrap:wrap}.test-row>div{flex:1;min-width:0}.memory-observation{flex-basis:100%;margin:7px 0 0 27px;min-width:0;font-size:9px;color:#a7bd99}.memory-observation>summary{cursor:pointer;color:#a6c98c}.memory-byte-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:9px}.memory-byte-row>b{width:37px;font-size:9px;font-weight:400;color:var(--muted)}.memory-byte-row>span{font:10px var(--mono);border:1px solid #3b4b32;background:#182315;padding:4px;min-width:23px;border-radius:3px;text-align:center;color:#bed4ac}.memory-byte-row>span.different{border-color:#b2905c;color:#efcd92;background:#45381f}.memory-flags{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px;font-size:8px}.memory-flags>span{color:#d3ad82}.memory-flags>span.ok{color:#a7c787}.learning-feedback{border:1px solid #425736;background:#25331e;border-radius:6px;padding:12px;margin-bottom:16px}.learning-feedback>strong{font-size:12px;font-weight:500;color:#cee5ba}.learning-feedback>p{font-size:10px;color:#9fb58e;line-height:1.9;margin-top:6px}.result-outdated{border-left:2px solid var(--amber);padding:8px 10px;color:#d6c295;font-size:10px;margin-bottom:13px;background:#342d1e}.signature{line-height:1.8}.example code{white-space:pre-wrap;overflow-wrap:anywhere}.example p{overflow-wrap:anywhere}
@media(max-width:1200px){.achievement-strip{grid-template-columns:repeat(2,1fr)}.track-switch>button{padding:11px 15px}.track-switch>button strong{font-size:12px}}
@media(max-width:620px){.achievement-strip{gap:7px;margin-bottom:20px}.achievement{padding:9px;gap:7px}.achievement strong{font-size:9px}.achievement small{font-size:8px}.track-switch{gap:7px}.track-switch>button{padding:10px 11px;flex:1;flex-direction:column;align-items:flex-start;gap:4px}.track-switch>button strong{font-size:11px}.track-switch>button span{font-size:8px}.panel-tabs{gap:11px;padding:0 12px}.panel-tabs>button{font-size:10px}.byte-cell{min-width:32px}.byte-cell code{font-size:11px}.memory-observation{margin-left:24px}.learning-feedback>strong{font-size:11px}.demo-explanation{font-size:11px!important}}
.not-executed{font-size:20px;flex-shrink:0;color:var(--muted);font-weight:700;min-width:80px}.not-executed small{display:block;font-size:11px;font-weight:400;margin-top:5px}

/* Submission history keeps previews separate from the active draft and result. */
.submission-history .panel-title{flex-wrap:wrap;gap:10px}.submission-history h3 small{color:var(--muted);font-size:10px;margin-left:8px;font-weight:400}.history-body{padding:16px 20px}.history-list{margin:14px 0;max-height:290px;overflow:auto}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:12px 10px;border:1px solid var(--border);border-radius:5px;margin-bottom:7px;color:var(--muted)}.history-row:hover,.history-row.active{border-color:#7b955c;background:#293722}.history-row time{font-size:11px}.history-row small{display:block;font-size:10px;margin-top:5px}.history-row strong{font-size:11px;font-weight:500;color:var(--mint)}.history-preview{margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.history-preview h4{font-size:12px;font-weight:500;margin:0 0 9px}.history-preview>.small-copy{overflow-wrap:anywhere}.history-backup{margin-top:15px;border-top:1px solid var(--border);padding-top:12px}.history-backup details{font-size:10px;color:var(--muted);margin-top:10px}.history-backup summary{cursor:pointer}.history-row:focus-visible{outline:2px solid var(--mint);outline-offset:1px}@media(max-width:620px){.history-body{padding:13px}.history-row{flex-wrap:wrap;gap:8px}.history-row strong{font-size:10px}}