:root{color-scheme:dark;--bg:#0c0c0e;--surface:#121214;--line:#29292e;--muted:#99999f;--red:#ee424b;--text:#f3f0ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 6%;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px;font-size:18px}.cross{font-size:30px;color:var(--red)}.pill{font:10px monospace;letter-spacing:1px;border:1px solid #553034;border-radius:20px;color:#f3888e;padding:5px 8px}.private{font:10px monospace;letter-spacing:2px;color:var(--muted)}main{flex:1;width:88%;max-width:1200px;margin:80px auto 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center}.eyebrow{font:10px monospace;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red)}h1{font-size:clamp(58px,7vw,94px);line-height:1;letter-spacing:-6px;margin:30px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.intro>p{max-width:340px;font-size:15px;color:var(--muted);line-height:1.8}.details{display:flex;flex-direction:column;gap:18px;margin-top:45px;color:var(--red);font:11px monospace}.details b{margin-left:16px;color:#c5c2c0;font-weight:400}.panel{background:var(--surface);border:1px solid var(--line);padding:32px;box-shadow:0 25px 80px #0003}.panel-top{display:flex;justify-content:space-between;align-items:center;color:var(--red);font:10px monospace;letter-spacing:2px}.small-cross{font-size:22px}h2{font-size:30px;letter-spacing:-1px;font-weight:500;margin:24px 0 12px}#subtitle{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 28px}label{display:block;font:10px monospace;letter-spacing:1.5px;color:#c8c4c1;margin-bottom:10px}input:not([type=checkbox]){border:1px solid #38383f;background:#0b0b0d;width:100%;padding:16px;color:var(--text);font:13px monospace;outline:none;border-radius:0}input:focus{border-color:var(--red)}button{font:600 12px Arial;letter-spacing:.2px;background:var(--red);border:1px solid var(--red);color:#fff;padding:17px 18px;width:100%;margin-top:18px;cursor:pointer;display:flex;justify-content:space-between}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(1.1)}button.secondary{background:transparent;border-color:#623237;color:#f2858c;justify-content:center}.notice{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0}.consent{display:flex;gap:8px;align-items:center;font:11px Arial;letter-spacing:0;line-height:1.6}.consent input{accent-color:var(--red)}#feedback{font-size:12px;line-height:1.6;color:#fa9da4;min-height:5px}.panel-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:22px;display:flex;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:1px;color:#77777f}.status{display:flex;gap:10px;align-items:center;font-size:13px;margin:24px 0}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}dt{font:9px monospace;letter-spacing:1px;color:var(--muted)}dd{margin:0;font:11px monospace;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:0 6%;padding:25px 0;color:#73737b;font:9px monospace;letter-spacing:1.5px}[hidden]{display:none!important}@media(max-width:850px){main{gap:35px;grid-template-columns:1fr 1fr;margin-top:55px}h1{letter-spacing:-4px}.panel{padding:24px}.private{display:none}}@media(max-width:640px){header{height:80px}.brand{font-size:15px}main{grid-template-columns:1fr;margin:45px auto}.intro h1{font-size:64px}.details{display:none}.panel{margin-top:15px}.intro>p{max-width:100%}footer{font-size:8px;letter-spacing:.5px}.panel-foot{font-size:8px}}
/* Frisk's auth surfaces, adapted to Crucifix's red palette. */
body{background:radial-gradient(ellipse at 77% 42%,#4b171217,transparent 50%),#0c0c0e}
.panel{border-radius:26px;background:linear-gradient(145deg,#1b1415e8,#110d0fe8);border-color:#ffffff0c;box-shadow:0 30px 90px #0005,inset 0 1px 0 #ffffff05;backdrop-filter:blur(24px);isolation:isolate}
input:not([type=checkbox]){height:53px;border-radius:13px;background:#0d080a80;border-color:#ffffff12;font-size:13px}
input:not([type=checkbox]):focus{border-color:#d65c6677;box-shadow:0 0 0 3px #d44b5b15}
button{border-radius:13px;min-height:51px;align-items:center;background:linear-gradient(135deg,#cb404b,#a72e3b);border-color:#ec8c9828;box-shadow:inset 0 1px 0 #ffc1c912}
button:hover{filter:none;background-color:#d94a56;border-color:#ef8e9855;box-shadow:0 5px 22px #d3404c18,inset 0 1px 0 #ffc1c91c}
button.secondary{border-color:#80414a55;box-shadow:none}
button.secondary:hover{background:#c6404b0a;border-color:#b9505c88}
button>span{transition:translate 280ms cubic-bezier(.16,1,.3,1)}
button:hover>span{translate:2px -2px}
button:disabled{cursor:wait}
button.is-busy{position:relative;justify-content:center;color:#ffffffa0}
button.is-busy::after{content:'';width:13px;height:13px;border-radius:50%;border:2px solid #fff3;border-top-color:#fff;animation:loading-turn 800ms linear infinite;margin-left:12px}
#feedback:empty{display:none}
#feedback:not(:empty){padding:12px 14px;border-radius:12px;background:#c2464e0a;border:1px solid #b5556030;animation:panel-enter 280ms var(--motion-ease)}
#feedback.success{background:#36965a0a;border-color:#55aa6e22;color:#b5d8c0}
.status[data-online=true] .dot{background:#74bd95;box-shadow:0 0 12px #74bd9533}
.panel-foot{font-size:8px;letter-spacing:1px}
.brand .cross{transition:color 180ms ease,scale 280ms var(--motion-ease)}
.brand:hover .cross{scale:1.08;color:#ff7e87}
@keyframes loading-turn{to{rotate:360deg}}
@media(max-width:640px){.panel{border-radius:23px;padding:28px 24px}.intro h1{font-size:64px}}
/* Crucifix: near-black surfaces and a deep crimson accent. */
:root{--bg:#060607;--surface:#0b090a;--line:#23161a;--muted:#999093;--red:#a00c25;--text:#f0e9e9}
body{background:radial-gradient(ellipse at 22% 42%,#39000d25,transparent 52%),#060607}
header{border-color:#ffffff0a;height:90px}
.brand{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:700;letter-spacing:3px}
.brand .cross{color:#a00c25}.brand:hover .cross{color:#bd1833}
main{margin-top:60px;margin-bottom:70px;gap:90px}
.sigil{position:relative;width:78px;height:108px;margin-bottom:30px;filter:drop-shadow(0 0 22px #85001c33)}
.sigil::before,.sigil::after{content:'';position:absolute;background:linear-gradient(150deg,#b1112d,#610414);box-shadow:inset 1px 0 #e04c5b18}
.sigil::before{height:108px;width:13px;top:0;left:32px}
.sigil::after{height:13px;width:77px;top:29px;left:0}
h1{font:600 clamp(54px,6.5vw,88px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:0 0 26px}
.title-dot{color:#a00c25}h1 em{display:block;font:italic 400 clamp(25px,3vw,39px)/1.5 Georgia,serif;letter-spacing:-1px;color:#a21930;margin-top:9px}
.intro>p{font-size:14px;color:#92878b;line-height:1.85;max-width:330px}
.details{color:#aa1830;margin-top:34px}.details b{color:#a39a9d}
.panel{padding:36px;border-radius:8px;border:1px solid #44202a66;background:linear-gradient(145deg,#100b0e,#080709);box-shadow:0 30px 90px #0008,inset 0 1px 0 #7c283018;backdrop-filter:none;position:relative}
.panel::before{content:'';position:absolute;top:-1px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,#8f0a25aa,transparent)}
h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.7px;margin:0 0 12px;color:#eee5e8}
#subtitle{color:#99898f;font-size:12px;margin-bottom:28px}
label{color:#b6a5ad;font-size:9px;letter-spacing:1.7px}
input:not([type=checkbox]){border-radius:5px;background:#050506;border-color:#322128;box-shadow:inset 0 2px 8px #0005}
input:not([type=checkbox]):focus{border-color:#97102d;box-shadow:0 0 0 3px #9b0c2414}
button{border-radius:5px;background:linear-gradient(135deg,#960b23,#690519);border-color:#ae1c3644;box-shadow:inset 0 1px 0 #e9767c0d;color:#fff4f6;letter-spacing:.4px}
button:hover{background:linear-gradient(135deg,#aa102c,#7b0a22);border-color:#c32d4666;box-shadow:0 5px 22px #85001c22}
button.secondary{color:#ce6f83;border-color:#76263866;background:transparent}
button.secondary:hover{background:#730b1b18;border-color:#96243e}
#feedback{color:#db8091}#feedback:not(:empty){border-radius:5px;border-color:#8b173338;background:#50071b18}
footer{border-color:#ffffff09;color:#65595f;letter-spacing:1.3px}
@media(max-width:850px){main{gap:36px}.panel{padding:28px}h1{font-size:56px;letter-spacing:-3px}.sigil{scale:.85;transform-origin:bottom left;margin-bottom:22px}}
@media(max-width:640px){main{margin:35px auto 45px;gap:24px}.intro h1{font-size:61px}.sigil{height:95px;margin-bottom:20px}.panel{border-radius:7px;padding:29px 24px;margin-top:0}.intro>p{max-width:360px}header{height:76px}}

.token-actions{display:flex;gap:10px}.token-actions button{flex:1}#cancel-edit{margin-top:10px}