.full-page-loading{background:var(--color-background);width:100%;min-height:100dvh;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.full-page-loading p{margin:0;font-size:14px}.loading-spinner{border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:48px;height:48px;animation:.8s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.error-api-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100dvw;height:100dvh;padding:24px;display:flex}.error-api-image{object-fit:contain;filter:drop-shadow(0 22px 34px #00000059);width:min(460px,88vw);max-height:52vh}.error-api-container p{max-width:520px;color:var(--color-text-muted);margin:2px 0 8px}.ui-button{border-radius:var(--radius-small);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.4;transition:transform .14s,background-color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.ui-button--primary{background:linear-gradient(135deg, var(--color-primary), #8462e8);color:var(--color-primary-text);box-shadow:0 8px 22px #7b5cdb33}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 10px 26px #7b5cdb47}.ui-button--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.ui-button--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:#41485a}.ui-button--danger{background:var(--color-surface);border-color:var(--color-error);color:var(--color-error)}.ui-button--danger:hover:not(:disabled){background:var(--color-surface-hover)}.ui-button--full{width:100%}.ui-button-icon{flex-shrink:0;display:block}.ui-button-label{min-width:0}.ui-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button[aria-busy=true]{cursor:wait}.ui-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite ui-button-spin}@keyframes ui-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-button-spinner{animation:none}}.app-header{min-height:var(--header-height);border-bottom:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--color-text);background:#0d1018e0;align-items:center;gap:16px;padding:12px 24px;display:flex}.app-brand{align-items:center;gap:11px;display:flex}.app-brand-mark{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);border:1px solid #9b7cf847;border-radius:11px;place-items:center;display:grid;box-shadow:0 8px 22px #0000002e}.app-brand-mark svg{stroke-width:2.2px;width:19px;height:19px}.app-brand>div{line-height:1.05;display:grid}.app-brand strong{letter-spacing:-.4px;font-size:16px;font-weight:700}.app-brand small{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:10px}.app-header .user-email{overflow-wrap:anywhere;color:var(--color-text-muted);margin-left:auto;font-size:14px}.app-header button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);min-height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;padding:8px 14px;display:inline-flex}.app-header button:hover{background:var(--color-primary-soft);border-color:#9b7cf84d}.app-header button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.app-header .menu-toggle{width:40px;color:var(--color-primary);flex-shrink:0;padding:0;font-size:20px}@media (width<=640px){.app-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.app-brand{flex:1}.app-header .user-email{display:none}}.user-menu{margin-left:auto;position:relative}.app-header .user-menu-trigger{background:0 0;border-color:#0000;gap:10px;padding:6px 10px}.user-avatar{background:var(--color-primary-soft);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.user-avatar svg{width:22px;height:22px}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:14px;overflow:hidden}.user-menu-chevron{color:var(--color-text-muted)}.user-menu-dropdown{z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);width:min(260px,100vw - 32px);box-shadow:var(--shadow-card);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.user-menu-info{overflow-wrap:anywhere;color:var(--color-text-muted);gap:4px;padding:12px;font-size:12px;display:grid}.user-menu-display-name{color:var(--color-text);font-size:14px;font-weight:600}.app-header .user-menu-dropdown button{background:0 0;border-color:#0000;justify-content:flex-start;width:100%;padding:10px 12px;font-size:14px}.app-header .user-menu-dropdown button:hover:not(:disabled){background:var(--color-surface-hover)}.app-header .user-menu-dropdown button:disabled{opacity:.5;cursor:not-allowed;background:0 0;border-color:#0000}.user-menu-dropdown hr{border:0;border-top:1px solid var(--color-border);margin:8px 4px}.app-header .user-menu-dropdown .user-menu-logout{color:var(--color-error)}@media (width<=640px){.user-menu-name{display:none}}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);border-right:1px solid var(--color-border-soft);flex-shrink:0;min-height:0;padding:20px 12px;transition:width .18s;overflow-y:auto}.sidebar--collapsed{width:72px}.sidebar nav{gap:8px;display:grid}.sidebar a{min-height:46px;color:var(--color-text-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-icon{flex-shrink:0;width:20px;height:20px}.sidebar--collapsed a{justify-content:center;padding-inline:0}.sidebar a:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar a.active{color:var(--color-primary);box-shadow:inset 3px 0 var(--color-primary);background:linear-gradient(90deg,#9b7cf82e,#9b7cf814);border-color:#9b7cf838}.sidebar a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=640px){.sidebar:not(.sidebar--collapsed){width:180px}}.site-footer{border-top:1px solid var(--color-border-soft);width:100%;color:var(--color-text-muted);text-align:center;background:#0b0d13b8;padding:18px clamp(24px,4vw,56px)}.site-footer p{max-width:920px;margin:0 auto;font-size:.75rem;line-height:1.55}.discord-floating-link{z-index:80;color:#fff;background:#5865f2;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:0 16px 0 13px;font-size:.82rem;font-weight:750;text-decoration:none;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex;position:fixed;bottom:22px;left:22px;box-shadow:0 12px 32px #00000061,0 0 0 4px #5865f21a}.discord-floating-link svg{fill:currentColor;width:23px;height:23px}.discord-floating-link:hover{background:#6874f7;transform:translateY(-2px);box-shadow:0 16px 38px #00000070,0 0 0 5px #5865f226}.discord-floating-link:focus-visible{outline-offset:3px;outline:3px solid #ffffffd1}@media (width<=640px){.discord-floating-link{justify-content:center;width:48px;padding:0;bottom:14px;left:14px}.discord-floating-link span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.app-layout{background:0 0;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-layout>.app-header{flex-shrink:0}.app-body{flex:1;min-width:0;min-height:0;display:flex}.app-content{min-width:0;min-height:0;color:var(--color-text);background:radial-gradient(circle at 92% 3%,#9b7cf812,#0000 28rem);flex-direction:column;flex:1;display:flex;overflow:auto}@media (width<=640px){.app-content{padding:0}}.app-content-view{flex:1 0 auto;min-width:0}.public-layout{flex-direction:column;min-height:100dvh;display:flex}.public-layout-content{flex:1;min-height:0;display:flex}.public-layout-content>*{flex:1}*,:before,:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,sans-serif}html{min-height:100%}body{background:radial-gradient(circle at 80% -10%, #7b5cdb1a, transparent 34rem), var(--color-background);min-width:320px;min-height:100dvh;color:var(--color-text);margin:0;font-size:16px;line-height:1.5}::selection{background:var(--color-primary);color:var(--color-primary-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#343a4a padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}#root{width:100%;min-height:100dvh}button,input,select,textarea{font:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#0b0d13;--color-sidebar:#0d1018;--color-surface:#151923;--color-surface-hover:#1d2230;--color-input:#10131b;--color-border:#272c3a;--color-border-soft:#ffffff0f;--color-text:#f7f7fb;--color-text-muted:#969daf;--color-primary:#9b7cf8;--color-primary-hover:#b29afa;--color-primary-text:#fff;--color-primary-soft:#9b7cf821;--color-primary-glow:#9b7cf83d;--color-link:#73b7ff;--color-error:#ff9292;--radius-small:10px;--radius-medium:14px;--radius-large:20px;--header-height:72px;--sidebar-width:240px;--shadow-card:0 18px 55px #00000052;--shadow-soft:0 8px 30px #0000002e}.ui-alert-container{z-index:1000;pointer-events:none;width:min(380px,100vw - 48px);position:fixed;bottom:24px;right:24px}.ui-alert{--alert-accent:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--alert-accent);border-radius:var(--radius-medium);box-shadow:var(--shadow-card);color:var(--color-text);pointer-events:auto;align-items:center;gap:16px;padding:18px;animation:.18s ease-out ui-alert-enter;display:flex}.ui-alert--success{--alert-accent:#86efac}.ui-alert--error{--alert-accent:var(--color-error)}.ui-alert--warning{--alert-accent:#fcd34d}.ui-alert--info{--alert-accent:var(--color-primary)}.ui-alert-content{overflow-wrap:anywhere;flex:1;min-width:0}.ui-alert .ui-alert-title{color:var(--alert-accent);margin:0 0 4px;font-size:14px;font-weight:700}.ui-alert .ui-alert-message{color:var(--color-text);margin:0;font-size:14px;line-height:1.5}.ui-alert .ui-alert-close{appearance:none;width:28px;height:28px;min-height:0;box-shadow:none;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:0 0 28px;align-self:center;place-items:center;margin:0;padding:0;display:grid}.ui-alert-close svg{display:block}.ui-alert .ui-alert-close:hover{color:var(--color-text);background:#ffffff0d}.ui-alert .ui-alert-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes ui-alert-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-alert{animation:none}}@media (width<=640px){.ui-alert-container{width:calc(100vw - 32px);bottom:16px;right:16px}}