:root{--bg:#0a0918;--surface:#0e0c22;--surface-2:#1a1640;--line:#29245a;--fg:#eeeaff;--fg-muted:#c9c2f0;--fg-faint:#8f88bf;--acc:#9b6bff;--acc-strong:#6a3fe0;--acc-grad:linear-gradient(90deg,#4b2fb8,#2f1f86);--ok:#2ed3a0;--ok-bg:#0f3a30;--danger:#ff6b81;--danger-bg:#3a1320;--warn:#f5a623;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--text-sm:13px;--text:15px;--text-lg:18px;--text-xl:22px;--text-title:40px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:32px;--radius-sm:8px;--radius:10px;--radius-lg:14px}*{box-sizing:border-box}body{color:var(--fg);font:var(--text)/1.5 var(--font);background:radial-gradient(900px 420px at 85% -5%,#3b1d8a55,transparent 70%),radial-gradient(700px 380px at 100% 10%,#0e5a7a33,transparent 70%),var(--bg);min-height:100vh;margin:0}a{color:inherit}.page{max-width:1560px;padding:26px var(--sp-6) 40px;margin:auto}main{gap:var(--sp-4);flex-direction:column;display:flex}.top{align-items:center;gap:var(--sp-5);display:flex}.top .home{flex:none;display:flex}.top .logo{object-fit:contain;mix-blend-mode:lighten;flex:none;width:auto;height:110px;margin:-16px -8px -16px -14px}.ttl{border-left:1px solid var(--line);padding-left:26px}.ttl h1{font-size:var(--text-title);letter-spacing:-.01em;margin:0;line-height:1.1}.grad{background:linear-gradient(90deg,#fff 0%,#c9a8ff 55%,#8f5bff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.sub{color:var(--fg-muted);margin-top:var(--sp-1);font-size:16px}.hello{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--fg-muted);margin-left:auto;text-decoration:none;display:inline-flex}.hello strong{color:var(--fg)}.hello svg{width:20px;height:20px;fill:var(--acc);transition:transform .3s}.hello:hover svg{transform:rotate(60deg)}.pnav{width:max-content;max-width:100%;margin:26px 0 var(--sp-5);padding:var(--sp-1);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.pnav a,.pnav button{border-radius:var(--radius);font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:11px 40px;text-decoration:none;display:inline-flex}.pnav svg{width:20px;height:20px;fill:var(--acc)}.pnav .on{background:var(--acc-grad);box-shadow:inset 0 -2px 0 var(--acc),0 0 18px #6a3fe055;font-weight:600}.pnav .on svg{fill:#fff}.pnav a:not(.on):hover,.pnav button:hover{background:var(--surface-2)}.card{max-width:1000px;padding:18px var(--sp-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.card h2{margin:0 0 var(--sp-3);font-size:var(--text-lg)}.card>:last-child{margin-bottom:0}.hint{color:var(--fg-muted);font-size:var(--text-sm)}.muted{color:var(--fg-faint)}.btn{align-items:center;gap:var(--sp-2);padding:9px var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--fg);font:inherit;cursor:pointer;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--acc)}.btn-primary{background:var(--acc-grad);box-shadow:inset 0 -2px 0 var(--acc);border-color:#0000;font-weight:600}.btn-danger{color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.btn-small{padding:5px var(--sp-3);font-size:var(--text-sm)}.buttons{gap:var(--sp-2);flex-wrap:wrap;display:flex}.form{gap:var(--sp-4);flex-direction:column;display:flex}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.field>span,.field legend{color:var(--fg-muted);font-size:var(--text-sm);padding:0}.field input,.field textarea,.field select{width:100%;max-width:520px;padding:9px var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:inherit}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px #9b6bff33}.check{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;cursor:pointer;display:flex}input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc);cursor:pointer}.table-wrap{margin-bottom:var(--sp-4);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);color:var(--fg-muted);font-size:var(--text-sm);text-align:left;white-space:nowrap;font-weight:600}.table td{padding:10px var(--sp-3);border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table td small{color:var(--fg-muted);font-size:var(--text-sm);display:block}.table .center{text-align:center}.table .actions{text-align:right;white-space:nowrap}.table .actions .btn+.btn{margin-left:var(--sp-2)}.badge{margin:2px var(--sp-1) 2px 0;padding:2px var(--sp-3);border:1px solid var(--acc);color:var(--acc);font-size:var(--text-sm);border-radius:999px;font-weight:600;display:inline-block}.badge-muted{border-color:var(--line);color:var(--fg-muted);font-weight:400}.alert{max-width:1000px;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid;margin:0}.alert-error{border-color:var(--danger);background:var(--danger-bg);color:#ffd1d9}.alert-success{border-color:var(--ok);background:var(--ok-bg);color:#c8f7e8}.alert-info{border-color:var(--line);background:var(--surface-2)}.admin{align-items:flex-start;gap:var(--sp-5);display:flex}.sidenav{width:200px;padding:var(--sp-1);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;flex:none;display:flex}.sidenav a{padding:10px var(--sp-4);border-radius:var(--radius);text-decoration:none}.sidenav a.on{background:var(--acc-grad);box-shadow:inset 3px 0 0 var(--acc);font-weight:600}.sidenav a:not(.on):hover{background:var(--surface-2)}.admin-content{gap:var(--sp-4);flex-direction:column;flex:1;min-width:0;display:flex}.characters{margin:0 0 var(--sp-4);padding:0;list-style:none}.characters li{padding:var(--sp-2) 0;border-top:1px solid var(--line);align-items:center;gap:14px;display:flex}.characters .avatar{border-radius:var(--radius);background:var(--surface-2);object-fit:cover;flex:none;width:42px;height:42px}.characters .who{flex:1;min-width:0}.characters .who small{color:var(--fg-muted);font-size:var(--text-sm);display:block}.others{margin-bottom:var(--sp-4)}.others summary{cursor:pointer;color:var(--fg-muted);padding:6px 0}.setup{max-width:760px;padding:var(--sp-5) 26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.setup h2{font-size:var(--text-xl);margin:0 0 10px}.setup ol{padding-left:var(--sp-5)}.setup li{margin:6px 0}.setup code{background:var(--surface-2);font-size:var(--text-sm);border-radius:6px;padding:1px 6px}.setup a{color:var(--acc)}@media (width<=900px){.page{padding:var(--sp-4)}.top{flex-wrap:wrap;gap:14px}.top .logo{height:72px}.ttl{flex:1;min-width:200px;padding-left:14px}.ttl h1{font-size:26px}.hello{justify-content:center;width:100%;margin-left:0}.pnav{width:auto}.pnav a,.pnav button{flex:auto;justify-content:center;padding:9px 14px}.admin{flex-direction:column;align-items:stretch}.sidenav{flex-flow:wrap;width:auto}.card{padding:var(--sp-4)}.characters li{flex-wrap:wrap}}