.wrap{z-index:1;max-width:760px;padding:20px 16px calc(48px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.brand{color:var(--fg);letter-spacing:-.01em;align-items:baseline;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.brand .dot{color:var(--accent)}.brand small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:500}.navlinks{gap:6px;display:flex}.navlinks a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:7px 11px;font-size:13px;text-decoration:none}.navlinks a:hover{color:var(--fg);border-color:#9aa3d42e}.navlinks a[aria-current=page]{color:var(--fg);background:#9aa3d41a;border-color:#9aa3d42e}.lede h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,6vw,34px)}.lede p{color:var(--muted);max-width:58ch;margin:0 0 22px;font-size:15.5px;line-height:1.6}.surface{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#1d24479e,#11162e9e);border:1px solid #9aa3d429;border-radius:20px;padding:18px;box-shadow:0 26px 60px -30px #000c,inset 0 1px #ffffff0d}textarea.paste{resize:vertical;width:100%;min-height:190px;font:inherit;color:var(--fg);border-radius:var(--radius);background:#0b10208c;border:1px solid #2a3260;padding:14px;font-size:15px;line-height:1.6}textarea.paste:focus-visible{outline-offset:1px;outline:2px solid #ffd34d80}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.grow{flex:auto}.btn{font:inherit;cursor:pointer;border-radius:var(--radius);color:var(--muted);background:0 0;border:1px solid #2a3260;padding:11px 16px}.btn:hover{color:var(--fg)}.btn.go{background:var(--accent);color:#17130a;border-color:#0000;font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.icon{text-align:center;font-variant-numeric:tabular-nums;min-width:46px}.meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.meta b{color:var(--fg);font-weight:650}.ctl{flex-direction:column;gap:6px;min-width:160px;display:flex}.ctl>label,.ctl>.ctlhead{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.ctl .val{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}input[type=range]{width:100%;accent-color:var(--accent)}.segbtns{gap:5px;display:flex;position:relative}.segbtns input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.segbtns label{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid #2a3260;border-radius:10px;flex:1;padding:10px 0;font-size:14px}.segbtns label:hover{color:var(--fg);border-color:#3a4384}.segbtns input:checked+label{color:var(--accent);background:#ffd34d26;border-color:#ffd34d73;font-weight:700}.segbtns input:focus-visible+label{outline-offset:1px;outline:2px solid #ffd34d80}.prose{gap:14px;margin-top:34px;display:grid}.prose h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:13px}.prose p,.prose li{color:#c6cbf0;font-size:14.5px;line-height:1.65}.prose p{margin:0 0 10px}.prose p:last-child{margin-bottom:0}.prose b{color:var(--fg);font-weight:650}.prose ul{margin:0;padding-left:20px}.prose li{margin-bottom:8px}.prose a{color:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}