@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0c090b;--panel:#120e11;--line:#3a252c;--red:#ff6c69;--text:#f2e8e7;--muted:#b79ea5;font-family:'JetBrains Mono',monospace;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#42151b66,transparent 65%),var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:#7b303d;color:#fff}[hidden]{display:none!important}.topbar{max-width:1250px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.home-link{font-size:14px;display:flex;gap:13px;align-items:center}.home-link>span:first-child{color:var(--red);font-size:22px}.top-controls{display:flex;gap:16px;align-items:center}.top-controls button,.top-controls select{border:1px solid #60404a;background:#1b1117;color:#dac4c9;border-radius:4px;padding:10px 12px;font-size:12px;min-height:44px}main{max-width:900px;margin:auto;padding:45px 30px 0}.eyebrow{font-size:12px;letter-spacing:1.6px;color:var(--red);margin:0 0 16px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(70px,10vw,116px);letter-spacing:-7px;line-height:1.05;font-weight:500;margin:0}h1>span{color:var(--red)}.edition{white-space:pre-line;font-size:12px;letter-spacing:1px;text-align:right;color:#a7838d;line-height:1.7}.lead{font-size:16px;color:#cab0b7;margin:18px 0 32px}.terminal{border:1px solid #68404c;border-radius:8px;background:var(--panel);box-shadow:0 25px 80px #0005;overflow:hidden}.terminal-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid #4a2b36;background:#22141b;gap:12px;font-size:12px;letter-spacing:1px}.terminal-name{color:#edd7dd}#connection{color:#c797a4;font-size:11px}.terminal-body{padding:25px 30px 30px}.welcome{color:#bda5af;font-size:14px;margin:0 0 23px}form label{display:flex;align-items:center;gap:10px;margin:22px 0 10px;font-size:14px}.step{font-size:12px;color:var(--red);border:1px solid #56303b;border-radius:3px;display:inline-grid;place-items:center;width:26px;height:26px}input,textarea{display:block;width:100%;background:#0b090c;border:1px solid #533440;color:#f6e7ed;border-radius:4px;padding:14px 16px;outline:none;font-size:16px;line-height:1.7;transition:border-color .2s}textarea{resize:vertical;min-height:86px;max-height:180px}input::placeholder,textarea::placeholder{color:#8c727e}input:focus,textarea:focus{border-color:#ff8481;box-shadow:0 0 0 2px #ff6c6918}textarea[readonly]{color:#e8c8ce}input:disabled,textarea:disabled{opacity:.75}.petition-wrap{position:relative}#composition-cover{position:absolute;inset:1px;background:#0b090c;border-radius:4px;padding:14px 16px;white-space:pre-wrap;overflow:hidden;pointer-events:none;line-height:1.7}.field-hint{font-size:12px;color:#a88d97;margin:9px 0 20px}.actions{display:flex;gap:25px;align-items:center;margin-top:26px}.summon{border:1px solid #ff8177;border-radius:4px;background:#f3746c;color:#210d12;min-height:48px;padding:12px 20px;display:inline-flex;justify-content:space-between;align-items:center;gap:35px;font-size:14px;font-weight:600}.summon:hover:not(:disabled){background:#ffa49a}.summon:disabled{opacity:.6}.reset{border:0;background:none;color:#c3a5b1;padding:12px 0;font-size:13px;min-height:44px}.reset:hover{color:#fff}.response{border-top:1px solid var(--line);margin-top:28px;padding-top:23px}.response-label{font-size:11px;color:var(--red);letter-spacing:1.5px;margin:0 0 12px}#answer{font-size:clamp(19px,3vw,27px);line-height:1.5;margin:0;overflow-wrap:anywhere;color:#ffe9e2}.response.is-waiting #answer{font-size:16px;color:#b48a98;animation:breathe 1.5s ease-in-out infinite}.error{font-size:14px;color:#ffa097;margin:16px 0 0}.error:empty{display:none}.terminal-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 25px;color:#987380;font-size:11px;letter-spacing:.7px}.origin{padding:34px 0 30px;max-width:760px}.origin>p:not(.eyebrow){font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65;color:#b89fa9;margin:0 0 12px}.origin .eyebrow{font-size:11px;letter-spacing:1px}.signature{font-size:12px;color:#d2b6c0}.page-footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:#a1828f}.page-footer a{color:#ead0d8}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:#f3746c;color:#140e11;padding:12px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{width:calc(100% - 32px);max-width:660px;max-height:85dvh;overflow:auto;background:#1b1219;color:#e8d7df;border:1px solid #835164;border-radius:10px;padding:28px;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#09050bd9;backdrop-filter:blur(8px)}.guide-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-header .eyebrow{margin:0}.guide-header button{background:none;border:0;color:#dfbecd;font-size:22px;width:44px;height:44px}dialog h2{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-1px;font-size:35px;line-height:1.15;margin:14px 0 20px}dialog p,dialog li{font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;color:#ceb7c3}dialog ol{padding-left:23px}dialog li{padding-left:5px;margin:0 0 12px}.example{background:#100b0f;padding:16px 20px;border-left:2px solid var(--red);margin:23px 0}.example p{margin:6px 0;font-size:14px}.example p:first-child{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--red);letter-spacing:1px}.example code{display:block;color:#f6cec5;overflow-wrap:anywhere;margin:12px 0}.guide-note{font-size:14px!important}.practice-note{font-size:12px!important;margin-bottom:0}body.guide-open{overflow:hidden}@keyframes breathe{50%{opacity:.5}}
@media(max-width:600px){.topbar{padding:17px 18px;gap:10px}.home-link{font-size:12px;gap:8px}.top-controls{gap:8px}.top-controls button,.top-controls select{font-size:11px;padding:9px}main{padding:34px 18px 0}.eyebrow{font-size:10px;letter-spacing:.8px}h1{font-size:78px;letter-spacing:-5px}.edition{font-size:10px}.lead{font-size:14px;margin-bottom:25px}.terminal-body{padding:20px 18px 25px}.terminal-bar{padding:13px 18px;font-size:11px}#connection{font-size:9px}.welcome{font-size:13px}input,textarea{padding:12px;font-size:16px}#composition-cover{padding:12px}.field-hint{font-size:11px}.terminal-footer{font-size:9px;padding:12px 18px}.actions{gap:20px}.summon{gap:18px;padding:12px 17px}.reset{font-size:12px}.page-footer{flex-direction:column;gap:12px}.origin{padding-top:28px}dialog{padding:21px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* One message box, with consistent vector controls on every platform. */
.icon-arrow{display:inline-block;width:22px;height:22px;flex:0 0 22px;vertical-align:middle}.home-link .icon-arrow{color:var(--red);width:20px;height:20px;flex-basis:20px}.page-footer a{display:inline-flex;align-items:center;gap:8px}.page-footer .icon-arrow{width:16px;height:16px;flex-basis:16px}#petition{min-height:150px;max-height:240px;font-size:17px;line-height:1.8;padding:18px}#composition-cover{padding:18px;line-height:1.8;font-size:17px}.terminal-body>form>label{margin-top:18px}.actions{justify-content:space-between}.summon{min-width:190px}@media(max-width:600px){#petition{font-size:16px;min-height:165px;padding:15px}#composition-cover{font-size:16px;padding:15px}.summon{min-width:0;flex:1}.actions{gap:18px}.field-hint{line-height:1.65}}