:root{--ink:#103c39;--green:#0b7165;--paper:#f2f5ed;--line:#d5dfd4}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;font-size:16px}.lab-wrap{max-width:1320px;padding:24px}.hero{padding:42px;border-radius:24px;background:linear-gradient(115deg,#043b36,#0b5147);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:0;top:0;width:32%;height:100%;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em;font-weight:800;max-width:850px}.hero em{font-style:normal;color:#bceda6}.hero p{max-width:740px;color:#e0eee7;line-height:1.65;margin:22px 0}.hero-links{display:flex;gap:12px;flex-wrap:wrap}.btn{border-radius:10px;min-height:44px;padding:10px 16px;font-weight:650}.notice{margin:22px 0;border-left:4px solid #c89e35;padding:14px 18px;background:#fff9e8;border-radius:0 12px 12px 0;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metrics>div{background:white;border:1px solid var(--line);padding:18px;border-radius:16px;display:flex;gap:14px;align-items:center}.metrics b{font-size:2rem;color:var(--green)}.metrics span{font-size:.82rem;max-width:120px}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.scenarios{display:flex;flex-direction:column;gap:7px}.scenario{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:13px;min-height:64px}.scenario[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.scenario .n{font-size:.8rem;opacity:.7}.scenario strong{display:block;font-size:.92rem}.scenario small{display:block;font-size:.73rem;opacity:.8;margin-top:3px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;min-width:0}.panel h2{font-size:1.6rem;font-weight:800;letter-spacing:-.025em}.panel p{line-height:1.65}.takeaway{margin-top:22px;padding:16px;background:#eef7e9;border-radius:12px;border:1px solid #d7e6ce;line-height:1.6}.takeaway:before{content:"Практический вывод. ";font-weight:750}.controls-row{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.controls-row label{flex:1;min-width:150px;font-size:.86rem;font-weight:650}.controls-row select{margin-top:6px}.file-list,.snapshot-list{list-style:none;margin:14px 0;padding:0}.file-list li,.snapshot-list li{padding:12px 0;border-bottom:1px solid #e4eae3;min-width:0}.file-list code{overflow-wrap:anywhere;color:#18554e}.hash{font-size:.72rem;color:#566962;display:block;overflow-wrap:anywhere;margin-top:4px}.pill{display:inline-block;padding:4px 9px;border-radius:20px;font-size:.74rem;font-weight:700;background:#e6f3df;color:#245431;margin:3px 4px 3px 0}.pill.warn{background:#fff0d6;color:#7d4b05}.pill.remove{background:#ffe8e1;color:#8a3624}.file-row{display:flex;gap:12px;justify-content:space-between;align-items:baseline}.file-row>span:first-child{min-width:0;overflow-wrap:anywhere}.snapshot-card{border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}.snapshot-card.selected{border-color:#0b7165;background:#f0f8ed}.bar-track{height:15px;background:#edf2ea;border-radius:20px;overflow:hidden;margin:8px 0 12px}.bar{height:100%;background:#118374;min-width:2px}.bar.zero{width:0!important;min-width:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-box{padding:18px;border:1px solid var(--line);border-radius:12px}.stat-box b{display:block;font-size:1.6rem}.stat-box span{font-size:.85rem}.commands{margin-top:24px}.command-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.command-heading label{font-size:.8rem;font-weight:700;min-width:200px}.commands pre,#view pre{background:#102d2b;color:#d9f1e6;padding:18px;border-radius:12px;max-width:100%;overflow:auto;white-space:pre;font-size:.83rem;line-height:1.65}.setup{padding:15px;background:#f2f5ed;border-radius:12px;margin:14px 0}.setup pre{margin:10px 0 0}.feedback{min-height:24px;margin:9px 0;font-size:.87rem}details summary{cursor:pointer;padding:14px 0;font-weight:700}footer{margin:28px 8px;font-size:.82rem;line-height:1.7;color:#51645d}footer a{color:#085e56}.skip{position:absolute;top:-60px;background:white;z-index:10;padding:12px}.skip:focus{top:5px}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d29d31;outline-offset:3px}button:hover{filter:brightness(.96)}.muted{font-size:.83rem;color:#5e6e67}.inline-result{padding:14px;background:#eff7ec;border-radius:12px;margin-top:12px}.native-note{font-size:.83rem}code{color:#0b7165}.error{background:#fff0e5;padding:16px;border:1px solid #e2a96f;border-radius:12px}@media(max-width:760px){.lab-wrap{padding:12px}.hero{padding:25px 20px;border-radius:18px}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metrics>div{padding:12px;gap:9px}.workspace{display:block}.scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px}.scenario{padding:10px 8px;min-height:74px;gap:6px;align-items:flex-start}.scenario strong{font-size:.77rem}.scenario small{font-size:.67rem}.scenario .n{font-size:.65rem}.panel{padding:20px 16px;border-radius:16px}.panel h2{font-size:1.35rem}.command-heading{display:block}.command-heading label{display:block;margin:16px 0}.two-col{grid-template-columns:1fr}.file-row{display:block}.notice{font-size:.89rem;padding:12px}.controls-row{display:block}.controls-row label{display:block;margin:10px 0}.hero-links .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}