:root{--ink:#101210;--paper:#f4f2eb;--lime:#d8ff33;--line:#d9d6cd;--muted:#696e68}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;letter-spacing:-.025em}header{height:76px;border-bottom:1px solid var(--line);padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:1.08rem;font-weight:800;letter-spacing:-.06em}.mark{width:22px;height:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:end}.mark i{display:block;background:var(--ink);border-radius:1px}.mark i:nth-child(1){height:45%}.mark i:nth-child(2){height:100%}.mark i:nth-child(3){height:68%}.back{color:var(--ink);font-size:.75rem;font-weight:800;text-decoration:none}main{max-width:980px;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,7vw,6rem);margin:auto}.eyebrow,.result-label{font:500 .67rem "DM Mono",monospace;letter-spacing:.08em;color:var(--muted);margin:0 0 1.3rem}.eyebrow:before{content:"";display:inline-block;width:26px;height:1px;background:var(--lime);vertical-align:middle;margin-right:8px}h1{font-size:clamp(3.2rem,7vw,6.5rem);line-height:.9;letter-spacing:-.09em;margin:0}.intro{max-width:570px;font-size:1rem;line-height:1.65;color:#5c625b;margin:1.8rem 0 3rem}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fbfaf5}form{padding:28px;border-right:1px solid var(--line)}label{display:block;font-size:.77rem;font-weight:800;margin-bottom:20px}textarea{display:block;width:100%;min-height:110px;resize:vertical;background:#f2f0e9;border:1px solid #d9d5cc;border-radius:2px;margin-top:9px;padding:12px;font:400 .9rem/1.5 Manrope,Arial;color:var(--ink)}textarea:focus{outline:2px solid var(--lime);outline-offset:1px}button{border:0;background:var(--ink);color:var(--paper);font:800 .77rem Manrope,Arial;padding:13px 16px;cursor:pointer}button span{color:var(--lime);margin-left:5px}.result{padding:28px;background:#171a17;color:var(--paper);display:flex;flex-direction:column}.result-label{color:#a7aea5}.result p{line-height:1.6;font-size:.92rem;color:#c7cec4;margin:0}.result h2{font-size:1.6rem;letter-spacing:-.06em;margin:0 0 12px}.result ul{padding-left:18px;margin:14px 0;line-height:1.65;color:#c7cec4;font-size:.88rem}.result button{background:var(--lime);color:var(--ink);margin-top:auto;align-self:start}.note{font:400 .68rem/1.55 "DM Mono",monospace;color:#737870;max-width:560px;margin:18px 0}.faq{margin-top:4rem;border-top:1px solid var(--line);padding-top:1.8rem}.faq h2{font-size:1.7rem;letter-spacing:-.065em;margin:0 0 1.2rem}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;font-weight:800;font-size:.9rem}.faq p{color:#5c625b;font-size:.87rem;line-height:1.65;margin:.8rem 0 0}.related{font:500 .7rem "DM Mono",monospace;color:var(--muted);margin-top:2rem}.related a{color:var(--ink);font-weight:700}@media(max-width:700px){header{height:66px}.workspace{grid-template-columns:1fr}form{border-right:0;border-bottom:1px solid var(--line);padding:20px}textarea{min-height:92px}.workspace form>button{position:sticky;bottom:12px;width:100%;box-shadow:0 6px 0 var(--paper)}.result{min-height:260px;padding:22px}.result button{width:100%;padding:14px}.note{margin-top:14px}h1{font-size:3.35rem}}