:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#020712;color:#eff4ff;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;min-width:280px}
body{min-height:100svh}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
:focus-visible{outline:2px solid #64e5ff;outline-offset:6px}
.login-page{background:#020712}
.login{min-height:100svh;display:grid;place-items:center;padding:32px 24px}
.login-content{display:flex;flex-direction:column;align-items:center;width:min(100%,420px);transform:translateY(-12px)}
.login-logo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;user-select:none}
.login-logo,.brand img{border-radius:16px}
.discord-button{display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,310px);min-height:56px;margin-top:8px;padding:15px 24px;background:#5865f2;border:1px solid #7b85ff;border-radius:14px;color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 30px #3947ef24;transition:background .18s,transform .18s,box-shadow .18s}
.discord-button svg{width:24px;height:24px;flex:none}
.discord-button:hover{background:#6672ff;box-shadow:0 10px 36px #3947ef40;transform:translateY(-2px)}
.discord-button:active{transform:translateY(0)}
.login-error{margin:20px 0 0;font-size:13px;color:#ff9aa7;text-align:center}
.dashboard-page{background:#050a14}
.topbar{height:88px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #182130;background:#020712}
.brand{display:block;width:72px;height:72px;flex:none;overflow:hidden}
.brand img{display:block;width:100%;height:100%;object-fit:contain}
.account{display:flex;align-items:center;gap:12px;min-width:0;margin-left:24px}
.avatar{display:block;border-radius:50%;object-fit:cover;border:1px solid #34445c;flex:none;background:#151d30}
.nickname{font-size:14px;font-weight:550;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account form{display:flex;margin:0 0 0 8px}
.logout{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#8190a7;cursor:pointer;transition:color .18s,background .18s,border-color .18s}
.logout svg{width:22px;height:22px}
.logout:hover{color:#f4f7ff;background:#101827;border-color:#263248}
.dashboard{min-height:calc(100svh - 88px)}
@media(max-width:600px){.login{padding:24px 20px}.login-content{width:min(100%,360px)}.discord-button{width:min(100%,290px)}.topbar{height:76px;padding:0 18px}.brand{width:62px;height:62px}.account{gap:9px;margin-left:16px}.nickname{max-width:130px;font-size:13px}.avatar{width:34px;height:34px}.account form{margin-left:0}.logout{width:34px;height:34px}.dashboard{min-height:calc(100svh - 76px)}}
@media(prefers-reduced-motion:reduce){.discord-button,.logout{transition:none}.discord-button:hover{transform:none}}