:root{color-scheme:dark;--bg:#101411;--card:#1a201b;--line:#333f33;--text:#f0f1e9;--muted:#a6b0a3;--accent:#d1f99b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1120px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px}.brandmark{color:var(--accent);font-size:34px;font-weight:400}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.status i{width:6px;height:6px;background:var(--accent);border-radius:50%}main{max-width:850px;margin:auto;padding:0 28px}.hero{text-align:center;padding:38px 0 34px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--muted);margin:0 0 19px}h1{font-size:clamp(42px,6.8vw,68px);font-weight:500;line-height:1.1;letter-spacing:-3px;margin:0}h1 span{color:var(--accent)}.intro{font-size:17px;line-height:1.6;color:#bcc5b8;margin:22px 0 13px}.invitation{color:var(--muted);font-size:12px}.experience{border:1px solid var(--line);border-radius:23px;background:var(--card);overflow:hidden;box-shadow:0 18px 80px #0002}.steps{display:flex;gap:8px;padding:16px 22px;border-bottom:1px solid var(--line)}button{cursor:pointer;font:inherit}button:disabled{cursor:wait;opacity:.6}.step{border:0;background:none;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:30px;flex:1;justify-content:center}.step span{border:1px solid #52604c;width:22px;height:22px;line-height:20px;border-radius:50%;font-size:10px}.step.active{color:var(--accent);background:#c6f48c0b}.step.active span{background:var(--accent);border-color:var(--accent);color:#19220f}.stepcontent{padding:30px 34px 32px}.step-label{font-size:9px;letter-spacing:1.5px;color:var(--accent);margin:0 0 12px}h2{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin:0 0 10px}.hint{color:var(--muted);font-size:14px;margin:0 0 20px}.examples{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.examples button{border:1px solid #46513f;background:transparent;color:#d5ddce;border-radius:30px;padding:7px 12px;font-size:11px}.examples button:hover{border-color:var(--accent);color:var(--accent)}textarea,input:not([type=checkbox]),select{width:100%;border:1px solid #48553f;border-radius:12px;padding:15px;background:#131914;color:var(--text);font:inherit;resize:vertical}textarea::placeholder{color:#7e8978}textarea{min-height:97px}.inputfooter{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.inputfooter>span{color:var(--muted);font-size:10px}.primary{background:var(--accent);color:#18220e;border:0;border-radius:10px;font-weight:600;font-size:13px;padding:13px 19px;white-space:nowrap}.primary:hover{background:#e0ffb6;transform:translateY(-1px)}.primary span{margin-left:12px}.result{border-top:1px solid var(--line);margin-top:25px;padding-top:23px;animation:appear .3s ease}.route{font-size:31px;letter-spacing:-1px;color:var(--accent)}.result p{font-size:13px;color:var(--muted);margin:6px 0}.result details{font-size:11px;margin-top:15px;color:var(--muted)}.result summary{cursor:pointer}.bar{display:flex;justify-content:space-between;padding:5px 0;gap:20px}.bar meter{width:50%;accent-color:var(--accent)}.next{border:0;background:none;padding:0;margin-top:23px;color:var(--accent);font-size:13px}.next span{margin-left:10px}.sample{border:1px solid var(--line);border-radius:12px;padding:20px 22px;font-size:22px;margin:24px 0;color:#d8dfd2}.approval{padding:20px;border:1px solid #6a775d;border-radius:12px;margin-top:20px}.approval p{margin:0 0 14px;font-size:14px}.approval button,.advancedbody button{border:1px solid #57664c;color:var(--text);border-radius:8px;background:none;padding:9px 13px;font-size:12px;margin:4px}.approval button:first-of-type{background:var(--accent);color:#18220e;border:0}.takeaway{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.takeaway h3{font-weight:500;font-size:26px;margin:0}.takeaway p{font-size:14px;color:var(--muted)}.small{font-size:12px!important;color:var(--muted)}.under-card{text-align:center;color:#8f9d88;font-size:11px;margin:17px 0 30px}.advanced{margin:25px 0 40px}.advanced>summary{list-style:none;display:flex;justify-content:space-between;color:var(--muted);cursor:pointer;font-size:12px;padding:18px 3px;border-top:1px solid var(--line)}.advanced>summary::-webkit-details-marker{display:none}.advancedbody{padding-top:15px}.panel{padding:25px 0;border-top:1px solid var(--line)}.panel h2{font-size:22px}.panel p{font-size:13px;color:var(--muted)}.number{font-size:10px;letter-spacing:1.5px;color:var(--accent);margin-bottom:10px}label{display:block;font-size:12px;margin:10px 0}.fields,.workspace,.caps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;gap:8px;align-items:center}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.task{padding:16px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.task strong{color:var(--accent)}pre{white-space:pre-wrap;font-size:11px;max-height:280px;overflow:auto;overflow-wrap:anywhere}code{font-size:11px}a{color:var(--accent)}li{font-size:12px;color:var(--muted)}footer{max-width:1120px;margin:0 auto;padding:20px 32px 30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#85917f}footer a{color:var(--muted);text-decoration:none}#notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#d1f99b;color:#17210e;padding:12px 20px;border-radius:10px;max-width:90vw;display:none;font-size:13px;z-index:2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}button:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:600px){header{padding:18px 22px}.hero{padding-top:24px}main{padding:0 16px}h1{letter-spacing:-2px}.intro{font-size:15px}.steps{padding:12px 6px;gap:0}.step{font-size:10px;padding:6px;gap:5px}.stepcontent{padding:25px 21px}.inputfooter{align-items:stretch;flex-direction:column;gap:10px}.inputfooter .primary{align-self:flex-end}.fields,.workspace,.caps{grid-template-columns:1fr}.sectionhead{display:block}footer{font-size:10px;padding:20px}.sample{font-size:18px}h2{font-size:24px}.examples button{font-size:10px;padding:6px 9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}}
