:root{color-scheme:dark;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#f2f5ff;background:#060e1d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#23318b60,transparent 45%),radial-gradient(ellipse at 95% 40%,#7938ee25,transparent 40%),#060e1d;min-height:100vh}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px max(5vw,20px);border-bottom:1px solid #283753;background:#061021c9}.brand{font-size:20px}.brand:first-letter{color:#9284ff}main{max-width:850px;margin:40px auto;padding:0 20px}.hero{text-align:center;padding:58px 25px;border:1px solid #344775;border-radius:24px;background:radial-gradient(ellipse at 50% 15%,#6450ef45,transparent 65%),linear-gradient(160deg,#101e49,#080f22);box-shadow:0 0 60px #4559ff17}.orb{width:110px;height:110px;display:grid;place-items:center;margin:0 auto 28px;font-size:68px;background:linear-gradient(140deg,#7a4fff,#3849df);border:3px solid #a689ff;border-radius:50%;box-shadow:0 0 38px #6542ff88}.eyebrow{font-size:12px;letter-spacing:3px;color:#a898ff}h1{font-size:clamp(28px,5vw,44px);line-height:1.2;margin:16px 0}h2{font-size:22px;font-weight:500}p{color:#b7c3dc;line-height:1.8}.button{display:block;border:0;border-radius:15px;background:linear-gradient(110deg,#8045ff,#404fff);padding:19px 22px;color:white;font-size:18px;font-weight:700;text-align:center;cursor:pointer;width:100%;margin:20px auto 0;box-shadow:0 8px 25px #292b8838}.hero .button{max-width:430px}.small{border:0;color:white;background:#414ff1;border-radius:10px;padding:10px 15px;cursor:pointer}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;margin:30px 0}.features article{padding:14px;border-right:1px solid #29334d}.features article:last-child{border:0}.features strong{font-size:34px;color:#53dfca}.features h3{font-size:16px}.features p{font-size:13px}.card,aside{background:linear-gradient(130deg,#14203a,#0c1528);border:1px solid #283957;border-radius:20px;padding:32px;margin:24px auto}.card{text-align:center;max-width:620px}.check{width:90px;height:90px;border:3px solid #43cfaa;color:#43cfaa;border-radius:50%;font-size:60px;margin:4px auto 28px;box-shadow:0 0 32px #23bd8f25}label{display:block;text-align:left;margin:22px 0 10px;color:#c9d5ed}input{border:1px solid #3a4868;border-radius:12px;background:#19263e;color:white;width:100%;padding:16px;font-size:20px}#code{text-align:center;letter-spacing:8px;font-size:30px}.notice{padding:16px;background:#17423d55;color:#86eed3;border:1px solid #296658;border-radius:12px}footer{text-align:center;font-size:13px;color:#8696b6;margin:36px 0;line-height:1.8}footer small{font-size:11px}.scroll{overflow-x:auto}table{width:100%;text-align:left;font-size:13px;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #2a3750}button:hover,.button:hover{filter:brightness(1.13)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #64e3df;outline-offset:4px}@media(max-width:520px){main{margin:22px auto;padding:0 14px}header{padding:16px;font-size:12px}.brand{font-size:16px}header span{display:none}.hero{padding:35px 18px}.card,aside{padding:24px 18px}.features{gap:0}.features article{padding:7px}.features h3{font-size:13px}.features p{font-size:11px}.button{font-size:16px}}

.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;object-fit:contain;border-radius:50%;flex-shrink:0}.ghost-orb{width:180px;height:180px;padding:0;border:0;background:transparent;box-shadow:0 0 32px #00e8ae55;overflow:hidden}.ghost-orb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}@media(max-width:480px){.ghost-orb{width:144px;height:144px}}
select{width:100%;padding:14px;border:1px solid #39486b;border-radius:10px;background:#1a2945;color:white;font:inherit}button:disabled{opacity:.45;cursor:default}

.panel-editor{text-align:left;margin-top:32px;padding-top:28px;border-top:1px solid #293b60}.panel-editor h2{font-size:24px;font-weight:750}.panel-editor label{font-size:17px;color:#aeb6c7}textarea{box-sizing:border-box;width:100%;padding:16px;color:#edf1ff;background:#080c13;border:1px solid #3c4455;border-radius:14px;font:inherit;line-height:1.7;resize:vertical;min-height:180px}textarea:focus-visible{outline:2px solid #00c99d;outline-offset:2px;box-shadow:0 0 16px #00c99d22}.field-help{font-size:13px;color:#94a2b9;line-height:1.8}.panel-preview{background:#202127;border:1px solid #34363f;border-left:4px solid #00c99d;padding:18px;border-radius:10px;margin-top:24px;overflow-wrap:anywhere}.panel-preview h3{margin:0 0 12px;color:#fff}.panel-preview p{white-space:pre-wrap;color:#dde0e6;font-size:14px}.preview-link{display:inline-block;background:#383a43;border-radius:5px;padding:7px 12px;font-size:13px}