:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b1020;color:#e9eef8}body{margin:0}main{max-width:960px;margin:auto;padding:32px 24px}a{color:#71dce2}h1{font-size:30px}h2{font-size:20px}p{line-height:1.55;color:#bdc9de}section{margin:24px 0;padding:24px;background:#151e31;border:1px solid #2d3953;border-radius:14px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #2d3953}.row span{flex:1;overflow-wrap:anywhere}label{display:block;margin:12px 0}input,select,button{font:inherit;padding:10px 14px;border-radius:7px;border:1px solid #425274;background:#1c2941;color:#e9eef8}button{cursor:pointer}button:hover{background:#2b4165}button:disabled{opacity:.6;cursor:wait}.danger{color:#ffb2b2}#notice{white-space:pre-wrap;min-height:25px;color:#ffcf89}
.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:#111a2a;border:1px solid #2d3953;border-radius:14px}
.settings-tab{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#bdc9de;padding:11px 16px;border-radius:10px;font-weight:600}
.settings-tab:hover{background:#25344b;color:#fff}.settings-tab[aria-current=page]{background:#193b56;color:#79d6ff}
.settings-tab:focus-visible,button:focus-visible{outline:2px solid #79d6ff;outline-offset:3px}
button.danger{color:#ff7e8a;border-color:#a94a57;background:#3a1c2a}button.danger:hover{background:#542435}
#notice:not(:empty){position:sticky;top:12px;z-index:10;padding:14px 18px;border:1px solid #7a623b;background:#242632;border-radius:12px;box-shadow:0 12px 30px #0005}
.team-confirm{max-width:min(470px,calc(100vw - 40px));padding:25px;border:1px solid #425274;border-radius:16px;background:#172334;color:#e9eef8;box-shadow:0 22px 70px #0008}
.team-confirm::backdrop{background:#0009;backdrop-filter:blur(3px)}.team-confirm h2{margin-top:0}.team-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(prefers-reduced-motion:no-preference){main{animation:team-page-enter 340ms cubic-bezier(.2,.8,.2,1)}.team-confirm[open]{animation:team-page-enter 300ms cubic-bezier(.2,.8,.2,1)}.settings-tab,button{transition:background-color 200ms ease,color 200ms ease}}
@keyframes team-page-enter{from{opacity:.3;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(forced-colors:active){.settings-tab[aria-current=page]{outline:2px solid Highlight}.team-confirm,button.danger,#notice:not(:empty){border-color:CanvasText}}
