:root{color-scheme:dark}.theme-button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(18,24,38,.75);color:var(--text);display:grid;place-items:center;font-size:18px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.theme-button:hover{transform:translateY(-2px);border-color:rgba(112,151,255,.75);background:rgba(37,55,94,.9)}[hidden]{display:none!important}body[data-theme="aurora"]{--bg:#071013;--surface:#0d1a1e;--surface-2:#112428;--text:#f4fffe;--muted:#9bb4b8;--line:rgba(148,239,220,.16);--blue:#52c9ff;--green:#62efbd;--shadow:0 28px 80px rgba(0,0,0,.45)}body[data-theme="aurora"]::before{background:radial-gradient(circle at 76% 4%,rgba(70,219,190,.18),transparent 30%),radial-gradient(circle at 16% 30%,rgba(82,135,255,.12),transparent 28%)}body[data-theme="aurora"] .button.primary{background:linear-gradient(135deg,#37c6e8,#4285f4)}body[data-theme="aurora"] .site-header{border-color:rgba(113,239,214,.13)}body[data-theme="light"]{color-scheme:light;--bg:#eef3fb;--surface:#fff;--surface-2:#f4f7fc;--text:#15213a;--muted:#64718a;--line:rgba(28,52,92,.14);--blue:#356fed;--green:#108d67;--shadow:0 22px 56px rgba(31,56,101,.13);background:#eef3fb;color:#15213a}body[data-theme="light"]::before{background:radial-gradient(circle at 80% 3%,rgba(89,132,255,.2),transparent 32%),radial-gradient(circle at 8% 26%,rgba(91,230,192,.13),transparent 25%)}body[data-theme="light"] .site-header,body[data-theme="light"] .site-header.scrolled{background:rgba(248,251,255,.82);border-color:rgba(28,52,92,.1)}body[data-theme="light"] .theme-button{background:#fff;color:#15213a;border-color:rgba(28,52,92,.14)}body[data-theme="light"] .dashboard-hero,body[data-theme="light"] .dashboard-gate,body[data-theme="light"] .dashboard-user,body[data-theme="light"] .server-picker,body[data-theme="light"] .server-panel,body[data-theme="light"] .overview-primary,body[data-theme="light"] .overview-channels,body[data-theme="light"] .plan-summary,body[data-theme="light"] .embed-preview{background:rgba(255,255,255,.88);color:#15213a;box-shadow:0 20px 55px rgba(32,57,104,.1)}body[data-theme="light"] .dashboard-hero::before{background:radial-gradient(circle,rgba(65,111,237,.15),transparent 68%)}body[data-theme="light"] .channel-row,body[data-theme="light"] .embed-message,body[data-theme="light"] .custom-grid input,body[data-theme="light"] .custom-grid select,body[data-theme="light"] .custom-grid textarea{background:#f5f8fd;color:#15213a;border-color:rgba(28,52,92,.14)}body[data-theme="light"] .server-item,body[data-theme="light"] .tab-button{color:#55637b}body[data-theme="light"] .server-item.active,body[data-theme="light"] .tab-button.active{color:#15213a;background:#e6efff}body[data-theme="light"] .mock-top,body[data-theme="light"] .mock-channel,body[data-theme="light"] .mock-sidebar{background:#eef3fb;border-color:rgba(28,52,92,.12)}body[data-theme="light"] .mock-sidebar{color:#15213a}body[data-theme="light"] .footer{border-color:rgba(28,52,92,.12)}@media(max-width:680px){.theme-button{width:38px;height:38px;border-radius:12px}}

.site-header .nav{position:relative}.site-menu-panel{position:absolute;top:68px;right:0;width:min(620px,calc(100vw - 28px));padding:22px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(24px);color:var(--text)}
.site-menu-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}.site-menu-panel header small{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.13em}.site-menu-panel h2{margin:3px 0 2px;font-size:23px;letter-spacing:-.045em}.site-menu-panel header p{margin:0;color:var(--muted);font-size:12px}.site-menu-close{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.theme-workshop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.theme-choice{position:relative;display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--text);text-align:left;cursor:pointer}.theme-choice:hover,.theme-choice.selected{border-color:var(--blue);background:rgba(78,124,230,.1)}.theme-choice>b{font-size:13px}.theme-choice>small{min-height:30px;color:var(--muted);font-size:10px;line-height:1.4}.theme-choice>em{position:absolute;top:16px;right:15px;display:none;padding:3px 5px;border-radius:5px;background:#315da9;color:#fff;font-size:8px;font-style:normal;font-weight:850}.theme-choice.selected>em{display:block}
.theme-preview{display:flex;align-items:flex-end;gap:5px;height:76px;margin-bottom:6px;padding:10px;border-radius:9px;overflow:hidden}.theme-preview i{display:block;border-radius:4px}.theme-preview i:nth-child(1){width:27%;height:100%}.theme-preview i:nth-child(2){width:46%;height:72%}.theme-preview i:nth-child(3){width:27%;height:48%}.theme-preview-midnight{background:linear-gradient(145deg,#0a0e17,#17294d)}.theme-preview-midnight i{background:#365fba}.theme-preview-aurora{background:linear-gradient(145deg,#071114,#15463f)}.theme-preview-aurora i{background:#39cda3}.theme-preview-light{background:linear-gradient(145deg,#f8fbff,#dce8fc)}.theme-preview-light i{background:#5683e8}
.theme-stepper{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.theme-stepper button{width:34px;height:30px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.theme-stepper span{display:grid;min-width:120px;text-align:center}.theme-stepper small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.theme-stepper b{font-size:12px}.site-menu-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.site-menu-links a{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px;font-weight:750}.site-menu-links a:hover{color:var(--text);border-color:var(--blue)}
body[data-theme="light"] .site-menu-panel{background:rgba(255,255,255,.97)}
@media(max-width:700px){.site-menu-panel{position:fixed;top:67px;right:14px;left:14px;width:auto;max-height:calc(100vh - 82px);overflow:auto}.theme-workshop{grid-template-columns:1fr}.theme-choice{grid-template-columns:90px 1fr;align-items:center}.theme-preview{grid-row:span 2;margin:0}.theme-choice>small{min-height:0}.site-menu-links{grid-template-columns:1fr}}