:root{--paper:#f6f4ed;--ink:#242820;--muted:#656b61;--line:#d5d8ca;--accent:#f26640;--green:#dfea9a;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 44px}header{border-bottom:1px solid var(--line)}nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1.5px}.mark{background:var(--accent);width:33px;height:33px;border-radius:10px;display:grid;place-items:center;color:white;font-size:24px;letter-spacing:-2px}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px}.tag{font:11px var(--mono);letter-spacing:1px;padding:6px 9px;border:1px solid var(--line);border-radius:4px}.navcta{border:1px solid var(--ink);padding:11px 16px;border-radius:6px}.eyebrow{font:12px var(--mono);letter-spacing:1.5px;text-transform:uppercase}.hero{padding:78px 0 74px;display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center}.live{display:inline-flex;gap:8px;align-items:center}.dot{width:7px;height:7px;background:#5e7630;border-radius:50%}h1{font-size:clamp(42px,5vw,65px);line-height:1.16;letter-spacing:-3px;margin:25px 0}h1 em{font-style:normal;color:var(--accent)}.lede{max-width:450px;color:var(--muted);font-size:17px;line-height:1.9}.actions{display:flex;gap:12px;margin:30px 0 22px}.button{padding:14px 20px;border-radius:7px;border:1px solid var(--ink);font-size:14px;display:inline-flex;align-items:center;gap:20px}.primary{background:var(--ink);color:var(--paper)}.subtle{font:12px var(--mono);color:var(--muted)}.scene{position:relative;padding:28px 24px 20px;background:#e6e9dd;border-radius:20px;min-height:405px}.bubble{position:relative;padding:15px 18px;background:var(--paper);border:1px solid #c8cebc;border-radius:12px;max-width:350px;margin:0 0 22px auto;font-size:14px;line-height:1.6;box-shadow:0 3px 0 #d4d9c7}.bubble:after{content:'';position:absolute;right:19px;bottom:-8px;width:14px;height:14px;transform:rotate(45deg);background:var(--paper);border-right:1px solid #c8cebc;border-bottom:1px solid #c8cebc}.gallery{display:flex;align-items:center;justify-content:center;padding:10px 5px 20px}.print{width:55%;background:white;border:1px solid #c6cbbd;padding:9px 9px 13px;border-radius:5px;box-shadow:0 8px 18px #24282013;transform:rotate(-6deg)}.print:nth-child(2){transform:rotate(7deg);margin-left:-20px;margin-top:40px}.print img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.print figcaption{font:10px var(--mono);margin:12px 2px 0;color:var(--muted)}figure{margin:0}.scene-note{text-align:center;font:11px var(--mono);color:#687059;letter-spacing:.5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:24px}.stat{display:flex;align-items:baseline;gap:16px}.stat strong{font:32px var(--mono);letter-spacing:-2px}.stat span{font-size:13px;color:var(--muted)}section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}h2{font-size:34px;letter-spacing:-1px;line-height:1.4;margin:15px 0 0}.section-head p{max-width:380px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step{border-top:2px solid var(--ink);padding:21px 0}.step .num{font:12px var(--mono);color:var(--accent)}h3{font-size:20px;margin:22px 0 12px}.step p{color:var(--muted);line-height:1.8;font-size:14px}.code{background:#eceee3;border:1px solid var(--line);border-radius:7px;padding:16px;font:12px/1.8 var(--mono);overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.install{background:var(--green);padding:40px;border-radius:16px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.install h2{margin:0}.install p{font-size:14px;line-height:1.8;max-width:330px}.terminal{border-radius:9px;background:#242820;color:#f0f3e8;overflow:hidden}.terminal-head{padding:13px 18px;border-bottom:1px solid #484d42;font:11px var(--mono);color:#b4bca9;display:flex;justify-content:space-between}.terminal pre{padding:20px;margin:0;font:12px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.comment{color:#b4bca9}.copy{border:1px solid #737b67;background:transparent;color:inherit;border-radius:4px;padding:4px 8px;font-size:11px}.copy:disabled{cursor:default}.install-links{display:flex;gap:22px;margin-top:17px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:40px}.principles article{border-top:1px solid var(--line);padding-top:8px}.principles p{color:var(--muted);font-size:14px;line-height:1.9}.faq{padding-top:10px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:16px}.faq p{color:var(--muted);line-height:1.9;font-size:14px;max-width:800px}footer{border-top:1px solid var(--line);padding:30px 0 45px}.foot{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.foot div{display:flex;gap:22px}.doc{max-width:850px;margin:auto;padding:60px 30px}.doc h1{font-size:45px}.doc h2{font-size:25px;margin-top:50px}.doc p,.doc li{font-size:15px;line-height:1.9;color:var(--muted)}.doc a{text-decoration:underline;text-underline-offset:4px}.doc pre{overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.doc code{font-family:var(--mono);font-size:13px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px 8px;line-height:1.6}td code{overflow-wrap:anywhere}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;padding:12px;z-index:10}@media(max-width:900px){.wrap{padding:0 26px}.hero{gap:25px}.hero h1{font-size:45px}.scene{min-height:340px;padding:20px 12px}.stats .stat{display:block}.stat span{display:block;margin-top:8px}.install{grid-template-columns:1fr;gap:15px}.install p{max-width:none}.navlinks{gap:18px}}@media(max-width:640px){.wrap{padding:0 22px}nav{height:74px}.brand{font-size:25px}.brand .tag{display:none}.navlinks{gap:14px;font-size:12px}.navlinks .github{display:none}.navcta{padding:9px 10px}.hero{grid-template-columns:1fr;padding:47px 0 38px;gap:33px}h1,.hero h1{font-size:44px;letter-spacing:-2px}.lede{font-size:15px}.scene{min-height:350px}.stats{gap:10px;padding:21px 0}.stat strong{font-size:25px}.stat span{font-size:11px}.section-head{display:block}.section-head p{margin-top:17px}section{padding:48px 0}h2{font-size:28px}.steps{grid-template-columns:1fr;gap:13px}.step{padding:17px 0}.step h3{margin-top:13px}.install{padding:26px 20px;border-radius:12px}.terminal pre{font-size:11px;padding:16px}.principles{grid-template-columns:1fr;gap:18px}.foot{flex-direction:column;gap:18px}.doc{padding:35px 22px}.doc h1{font-size:36px}.doc table{font-size:11px}.button{padding:13px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.terminal pre.prompt-text{font-family:inherit;font-size:18px;line-height:1.85;padding:25px 24px}.prompt-hint{padding:0 24px 23px;color:#b4bca9;font-size:12px;line-height:1.7}@media(max-width:640px){.terminal pre.prompt-text{font-size:16px;padding:22px 18px}.prompt-hint{padding:0 18px 20px}}