:root{--bg:#0a0f0d;--panel:#101814;--line:#24312a;--ink:#eef0ea;--dim:#97a39b;--gold:#C8A96A;--green:#1f4a37;--acc:#7fb069}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(1100px 600px at 70% -10%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 60%),radial-gradient(900px 600px at -10% 110%,#1f4a3755,transparent 60%),var(--bg);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:22px 16px 40px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px}
.brand{display:flex;align-items:center;gap:10px;font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.24em;color:var(--gold)}.brand img{width:30px;height:30px}
.priv{font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 10px}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
@media (max-width:860px){.grid{grid-template-columns:1fr}}
.k{font:600 10.5px ui-monospace,Menlo,monospace;letter-spacing:.24em;color:var(--acc)}
h1{font:500 clamp(40px,7vw,72px)/1 "Cormorant Garamond","EB Garamond",Georgia,serif;letter-spacing:.06em;margin:14px 0 14px}
.tag{font:400 clamp(19px,2.4vw,24px)/1.35 "Cormorant Garamond","EB Garamond",Georgia,serif;color:#dfe3dc;margin:0 0 20px;max-width:34ch}
ul.pts{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}ul.pts li{display:flex;gap:10px;color:var(--dim)}ul.pts li:before{content:"";flex:0 0 7px;height:7px;margin-top:8px;border-radius:50%;background:var(--acc)}
.note{font-size:13px;color:var(--dim);border-left:2px solid var(--gold);padding:2px 0 2px 12px;max-width:52ch}
.card{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.tabs a{display:block;text-align:center;padding:14px 8px;font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--dim);text-decoration:none}
.tabs a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold);background:#ffffff06}
.body{padding:22px 22px 24px}
label{display:block;font-size:12.5px;color:var(--dim);margin:12px 0 6px}label .opt{color:#6f7a73}
input,select,textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:#0c1310;color:var(--ink);font:15px Inter,system-ui,sans-serif}
textarea{min-height:92px;resize:vertical}select{appearance:none}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--gold) 60%,transparent);border-color:var(--gold)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:420px){.two{grid-template-columns:1fr}}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;color:var(--dim)}.chk input{width:auto;margin-top:3px}
button{margin-top:18px;width:100%;padding:13px;border:0;border-radius:999px;background:var(--gold);color:#0a0f0d;font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.18em;cursor:pointer}
button:hover{filter:brightness(1.07)}button.ghost{background:transparent;color:var(--gold);border:1px solid #c8a96a66}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{background:rgba(229,138,114,.12);color:#f2ad98;border:1px solid rgba(229,138,114,.35);border-radius:9px;padding:10px 12px;font-size:13.5px;margin-bottom:6px}
.ok{background:rgba(92,199,154,.1);color:#9fe3c2;border:1px solid rgba(92,199,154,.35);border-radius:9px;padding:12px 14px;font-size:14px}
details{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;color:var(--gold);font-size:13.5px}
.small{font-size:12.5px;color:var(--dim);margin-top:14px}
footer{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--dim)}footer .fill{margin-left:auto}footer b{font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:var(--dim);margin-right:4px}
code,.mono{font-family:ui-monospace,Menlo,monospace}
.out{width:100%;min-height:96px;margin-top:8px;font:12px ui-monospace,Menlo,monospace;color:#e3cc9a;word-break:break-all}