:root{--bg:#0b0b11;--side:#101016;--panel:#13131d;--panel-2:#1c1b28;--line:#272531;--text:#f5f2ff;--muted:#9690a9;--purple:#ba9af4;--accent:#9364e4;--radius:12px}
html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:#0b0b11}.brandmark{background:#241c36;color:#c9a8ff;font:700 18px Consolas,monospace;letter-spacing:-2px;border:1px solid #45335d}.brand{padding:0;font-size:17px}.brand small{font-size:9px;letter-spacing:2px}.button{border-radius:8px}.button.primary{background:linear-gradient(110deg,#9d70ec,#8051ca);border-color:#aa7ef5}.button.secondary{background:#201a2e;border-color:#443351}.sidebar{width:248px;padding:24px 15px 0;background:#101016}.sidebar>.brand{padding:0 9px}.server-picker{margin:28px 0 20px;border-radius:8px;background:#16151f}.sidebar-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#494052 transparent;padding-right:4px}.nav-label{font-size:10px;letter-spacing:1.6px;font-weight:500;margin:24px 12px 11px;color:#777087}.nav-item{font-size:13px;padding:12px;gap:12px;margin:3px 0;border:1px solid transparent;border-radius:7px}.nav-item svg{width:17px;height:17px}.nav-item.active{background:#231c2e;border-color:#3b2e4b;box-shadow:none;color:#cda8ff}.account{margin-top:14px;background:#121019;padding:19px 8px}.workspace{margin-left:248px}.topbar{height:72px;background:#0d0c13}.panel,.metric,.role-card,.ticket-card{background:#14131d;box-shadow:none}.metric-value{letter-spacing:-1px}.page-heading h1{font-size:32px}.page-footer{padding-bottom:90px}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #262031;background:#0c0b12e8;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.site-header nav{display:flex;gap:27px}.site-header nav a{font-size:13px;color:#aaa1ba}.site-header nav a:hover{color:#d8baff;text-decoration:none}.site-header>.button{font-size:12px;white-space:nowrap}.home-main{padding:0;max-width:none}.home-hero{min-height:690px;height:calc(100svh - 84px);max-height:880px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 67%,#5c375955,transparent 57%),radial-gradient(ellipse at 30% 20%,#32204799,transparent 55%),linear-gradient(#11101e,#171322 55%,#17121d);isolation:isolate}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 13% 12%,#fff9 70%,transparent),radial-gradient(1px 1px at 67% 37%,#b19be5aa 70%,transparent),radial-gradient(1px 1px at 83% 18%,#fff9 70%,transparent),radial-gradient(1px 1px at 30% 60%,#fff7 70%,transparent);background-size:137px 163px,227px 179px,331px 271px,199px 233px;opacity:.7;mask-image:linear-gradient(#000,transparent)}.hero-content{text-align:center;position:relative;z-index:3;padding:35px 24px 100px}.hero-badge{border:1px solid #614a7955;background:#211b31aa;border-radius:25px;padding:9px 16px;color:#c8b0e3;font-size:10px;letter-spacing:1.5px;font-weight:650}.hero-content h1{font-size:clamp(43px,5.4vw,78px);letter-spacing:-3.5px;font-weight:750;line-height:1.08;margin:35px 0 24px}.hero-content h1 span{color:#bb97e9}.hero-content p{font-size:17px;line-height:1.85;color:#c0b3cf;margin:0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.hero-actions .button{padding:13px 24px;font-size:13px}.hero-notes{display:flex;justify-content:center;gap:24px;font-size:11px;color:#ac9abf;margin-top:22px}.mountains{position:absolute;bottom:0;left:0;right:0;height:43%;clip-path:polygon(0 45%,5% 31%,10% 47%,15% 14%,19% 36%,23% 7%,29% 43%,34% 36%,42% 66%,49% 79%,56% 63%,65% 49%,72% 26%,78% 37%,85% 3%,90% 38%,95% 23%,100% 42%,100% 100%,0 100%);background:linear-gradient(150deg,#383044,#11101c 60%);z-index:1}.mountain-front{height:29%;background:linear-gradient(#111019,#090910);clip-path:polygon(0 16%,10% 52%,17% 23%,29% 67%,40% 72%,49% 88%,59% 71%,69% 53%,80% 67%,90% 21%,100% 41%,100% 100%,0 100%);z-index:2}.scroll-hint{position:absolute;bottom:32px;z-index:4;color:#9e8fb4;font-size:9px;letter-spacing:2px;display:flex;gap:25px;align-items:center}.scroll-hint span{font-size:21px}.home-section{max-width:1200px;margin:0 auto;padding:100px 30px;scroll-margin-top:10px}.section-intro{margin-bottom:38px}.home-section h2{font-size:clamp(29px,3vw,42px);font-weight:650;line-height:1.2;letter-spacing:-1.4px;margin:14px 0 15px}.home-section p{color:#a49aaf;font-size:14px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{border:1px solid #2c2437;border-radius:12px;background:linear-gradient(140deg,#18131f,#101016);padding:27px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#674886;transform:translateY(-3px)}.feature-icon{width:40px;height:40px;background:#2b1f3e;color:#c4a0f5;display:grid;place-items:center;border-radius:11px;font-size:22px;margin-bottom:24px}.feature-card h3{font-size:18px;letter-spacing:-.4px}.feature-card p{min-height:77px;font-size:13px;margin:12px 0 24px}.feature-card button{background:none;border:0;color:#c09ce9;padding:0;font-size:12px}.command-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid #25202c}.command-section>div>p{max-width:340px;margin:0 0 30px}.command-browser{border:1px solid #36283e;border-radius:14px;padding:25px;background:#14111a}.command-browser label{font-size:12px;color:#b8a3ce}.command-browser input{background:#0d0c12;border-color:#33283e;font-size:13px}.public-command{display:flex;flex-direction:column;gap:5px;padding:15px 0;border-bottom:1px solid #2a2133}.public-command:last-child{border-bottom:0}.public-command code{color:#d4b3fb;font-size:13px}.public-command span{font-size:12px;color:#998da8}#public-commands{max-height:290px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#504057 transparent}.community-section{text-align:center;border-top:1px solid #25202c;position:relative;background:radial-gradient(ellipse at center,#39234755,transparent 70%)}.community-section p{max-width:540px;margin:0 auto 27px}.community-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:35px}.community-tags span{border:1px solid #302638;padding:7px 15px;border-radius:24px;font-size:11px;color:#ab97bd}.resources-section{border-top:1px solid #25202c}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.resource-grid>button{position:relative;text-align:left;border:1px solid #2d2435;background:#141019;padding:25px;border-radius:10px;color:#efe7f8}.resource-grid strong{display:block;font-size:15px;margin-bottom:10px}.resource-grid span{display:block;font-size:12px;color:#a595b5;line-height:1.7;padding-right:16px}.resource-grid b{position:absolute;right:20px;top:24px;color:#b38bdc}.site-footer{border-top:1px solid #27212e;background:#09090e;padding:65px max(30px,calc((100vw - 1140px)/2)) 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px}.footer-grid .brand{font-size:16px}.footer-grid p{font-size:12px;color:#b7a7c8;margin:25px 0 12px}.footer-grid small{font-size:11px;color:#72677f}.footer-grid h3{font-size:12px;margin:5px 0 22px;color:#d0bce2}.footer-grid>div>a:not(.brand),.footer-grid>div>button{display:block;background:none;border:0;padding:0;color:#9785a7;font-size:12px;margin:0 0 17px;text-align:left}.footer-grid>div>button:hover,.footer-grid a:hover{color:#d2acfa}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#726480;border-top:1px solid #25202c;padding-top:22px;margin-top:48px}.support-toggle{position:fixed;bottom:24px;right:25px;z-index:55;display:flex;gap:10px;align-items:center;border:1px solid #5b3e77;background:#24182f;color:#d8b9f5;border-radius:11px;padding:13px 18px;font-size:12px;box-shadow:0 7px 28px #0006}.support-toggle:first-letter{font-size:21px}.support-panel{position:fixed;bottom:85px;right:25px;width:335px;max-width:calc(100vw - 32px);background:#17101f;border:1px solid #59406e;border-radius:15px;z-index:55;box-shadow:0 20px 70px #000a;overflow:hidden}.support-heading{display:flex;justify-content:space-between;align-items:center;padding:19px;background:#24182f;border-bottom:1px solid #3e2b4c}.support-heading strong{font-size:13px;display:block}.support-heading small{display:block;font-size:10px;color:#b094c3;margin-top:5px}.support-heading button{border:0;background:none;color:#c3a6d8;font-size:25px}.support-body{padding:24px}.support-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#362047;color:#d0a2f4;font:700 16px Consolas,monospace;margin-bottom:20px}.support-body p{font-size:13px;color:#af9bbe;line-height:1.8;margin:14px 0 24px}.support-body>.button{width:100%;justify-content:center;font-size:12px}.support-body>a:last-child{display:block;text-align:center;font-size:11px;margin-top:18px}.dashboard-mode .toast{bottom:85px}
@media(max-width:1050px){.site-header{padding:0 24px;gap:18px}.site-header nav{gap:15px}.site-header nav a{font-size:12px}.site-header .brand{font-size:14px}.feature-grid{grid-template-columns:repeat(2,1fr)}.command-section{gap:35px}.footer-grid{gap:24px}.workspace{margin-left:248px}}@media(max-width:760px){.site-header{height:auto;min-height:74px;flex-wrap:wrap;padding:16px 20px;gap:16px}.site-header nav{order:3;width:100%;overflow-x:auto;gap:22px;padding-bottom:2px;white-space:nowrap}.site-header>.button{margin-left:auto;padding:9px 12px}.hero-content h1{letter-spacing:-2px}.home-hero{min-height:610px;height:auto}.hero-content{padding:95px 18px 155px}.hero-content p{font-size:14px}.hero-actions{flex-wrap:wrap}.home-section{padding:65px 22px}.feature-grid,.resource-grid{grid-template-columns:1fr}.feature-card p{min-height:0}.command-section{grid-template-columns:1fr;gap:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px;padding-bottom:60px}.support-toggle{right:16px;bottom:16px}.support-panel{right:16px;bottom:76px}.workspace{margin-left:248px}.site-header .brand small{font-size:8px}.hero-badge{font-size:9px}}@media(max-width:680px){.workspace{margin-left:0}.sidebar{width:248px}.hero-actions .button{padding:12px 15px}.hero-content h1{font-size:42px}.hero-notes{gap:15px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card,.view{animation:none;transition:none}}

/* Verbesserte Handy-Navigation, Lesbarkeit und Tastaturbedienung. */
.skip-link{position:fixed;left:20px;top:-80px;z-index:120;background:#a677e8;color:#130a21;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}.site-menu-toggle{display:none}.site-header nav a[aria-current]{color:#d8b7ff}.home-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.feature-card p,.public-command span,.footer-grid>div>a:not(.brand),.footer-grid>div>button{color:#b7a9c8}.footer-bottom{color:#a396b1}.support-toggle{min-height:46px}.sidebar{height:100dvh}.sidebar-scroll{overscroll-behavior:contain}.public-command{gap:8px}.public-command code{overflow-wrap:anywhere}.support-panel{max-height:calc(100dvh - 115px);overflow-y:auto}.site-footer{padding-bottom:85px}.home-hero{min-height:640px}.feature-card button,.footer-grid button{min-height:32px}.dashboard-mode .topbar{position:sticky;top:0;z-index:15}.dashboard-mode #main{scroll-margin-top:85px}.nav-item.active{font-weight:600}
@media(max-width:760px){.site-header{flex-wrap:nowrap;height:76px;min-height:76px}.site-menu-toggle{display:grid;margin-left:auto}.site-header>.button{margin-left:0}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;width:100%;padding:15px 20px 20px;background:#100c19;border-bottom:1px solid #49345d;box-shadow:0 20px 35px #0005}.site-header nav.menu-open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:13px 9px;font-size:14px}.hero-content{padding-top:82px}.resource-grid>button{min-height:110px}.hero-actions .button{min-height:46px}.support-toggle{padding:12px 14px}.home-section{contain-intrinsic-size:auto 850px}}
@media(max-width:400px){.site-header{padding:0 12px;gap:7px}.site-header .brand{font-size:12px;gap:7px}.site-header .brandmark{width:31px;height:31px;font-size:14px}.site-header .brand small{font-size:7px;letter-spacing:1px}.site-header>.button{padding:9px;font-size:10px}.hero-content h1{font-size:36px}.hero-badge{letter-spacing:1px}.support-toggle span{font-size:11px}.footer-grid{gap:25px}}

.auth-wall{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 30% 30%,#34204799,transparent 60%),radial-gradient(ellipse at 85% 85%,#49223966,transparent 50%),#0b0b11}.auth-card{width:min(460px,100%);padding:48px 38px;border:1px solid #493451;border-radius:20px;background:#13101be8;box-shadow:0 30px 90px #0005}.auth-card>.brandmark{width:50px;height:50px;margin-bottom:30px}.auth-card .eyebrow{display:block}.auth-card h1{font-size:48px;letter-spacing:-2px;margin:20px 0}.auth-card p{font-size:14px;line-height:1.8;color:#b8a3c9;margin:15px 0 28px}.auth-card .button{width:100%;justify-content:center}.auth-card small{display:block;color:#8e7c9f;text-align:center;font-size:11px;margin-top:18px}#auth-error{font-size:12px;margin-bottom:0}.account-open-area{border:0;background:none;display:flex;gap:10px;align-items:center;text-align:left;color:inherit;flex:1;min-width:0;padding:0}.account-open-area>span:last-child{overflow:hidden}.account-open-area strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger{font-size:11px!important;padding:8px 12px!important;white-space:nowrap}.account-menu{position:fixed;bottom:22px;right:24px;z-index:75;width:345px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;background:#181020;border:1px solid #5a3d72;border-radius:14px;box-shadow:0 20px 80px #000a;padding:18px}.account-menu-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.account-menu-heading strong{font-size:14px}.account-menu-heading small{display:block;font-size:11px;color:#ae91c5;margin-top:4px}.account-entry{display:flex;gap:10px;align-items:center;margin-bottom:8px;border:1px solid #382644;border-radius:8px;padding:8px}.account-entry.current{background:#30203f;border-color:#74518f}.account-entry>button:first-child{border:0;background:none;display:flex;gap:10px;align-items:center;flex:1;min-width:0;text-align:left;color:#e7d5f4;padding:6px}.account-entry strong{display:block;overflow-wrap:anywhere;font-size:13px}.account-entry small{display:block;font-size:10px;color:#b79bca;margin-top:3px}.account-entry .avatar{width:32px;height:32px}.account-remove{background:none;border:0;color:#b28bc9;padding:10px}.account-add{display:block;width:100%;background:#281936;border:1px solid #51355f;border-radius:8px;padding:12px 15px;text-align:left;font-size:12px;color:#d8b4f1;margin-top:12px}.account-menu-note{font-size:11px;line-height:1.7;color:#a68ab8;margin:13px 3px}.account-add[aria-disabled=true]{opacity:.5;pointer-events:none}.dashboard-mode .account-menu{bottom:90px}.auth-wall[hidden]{display:none}.site-header{gap:15px}.site-header nav{gap:18px}@media(max-width:1050px){.site-header nav{gap:10px}.site-header{padding:0 18px}.site-header .brand{font-size:13px}}@media(max-width:760px){.account-trigger{font-size:0!important;width:34px;height:34px;padding:0!important}.account-trigger:after{content:'◉';font-size:16px}.account-menu{bottom:80px;right:16px}.site-header .brand small{display:none}}@media(max-width:400px){.auth-card{padding:35px 25px}.auth-card h1{font-size:42px}.site-header{gap:5px}.site-header .brand{font-size:11px}.site-header>.button{font-size:10px}}
.account-trigger{max-width:145px;overflow:hidden;text-overflow:ellipsis}.account-open-area{cursor:pointer}.account-entry>button:disabled{cursor:default;opacity:1}.account-menu button:focus-visible{outline:2px solid #c79af3;outline-offset:2px}

/* Der Kontobereich bleibt vollständig innerhalb des sichtbaren Fensters. */
.sidebar{height:auto;block-size:auto;top:0;bottom:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}
.sidebar>.brand,.sidebar>.server-picker,.sidebar>.account{flex-shrink:0}
.sidebar-scroll{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-bottom:10px}
.sidebar>.account{margin-top:8px;min-height:76px;padding:16px 8px;background:#15101e;border-top:1px solid #42304f}
.account-open-area{min-height:42px}.account-open-area small{display:block;line-height:1.5}.account-open-area strong{line-height:1.5}
@media(max-height:650px){.sidebar{padding-top:16px}.sidebar>.server-picker{margin:18px 0 12px}.sidebar>.account{min-height:68px;padding-top:12px;padding-bottom:12px}}

/* Kontobutton direkt bei der Marke statt zwischen den Navigationsgruppen. */
.site-header{justify-content:flex-start}.site-header>.brand{flex-shrink:0}.site-header>.account-trigger{margin-left:8px;margin-right:auto;flex-shrink:0}.site-header>nav{margin-left:auto}.site-header>nav+.button{margin-left:24px}.site-header>.site-menu-toggle{order:3}
@media(max-width:760px){.site-header>.account-trigger{margin-left:4px;margin-right:auto}.site-header>.site-menu-toggle{order:0;margin-left:0}.site-header>nav{margin-left:0}.site-header>nav+.button{margin-left:0}}


/* Konto und Logo bilden gemeinsam die linke Gruppe der Kopfzeile. */
.site-header>.account-trigger{order:-2;margin:0 12px 0 0;flex:0 0 auto}.site-header>.brand{order:-1;margin-right:auto}.site-header>nav{margin-left:24px}.site-header>nav+.button{margin-left:16px}
@media(max-width:760px){.site-header>.account-trigger{margin:0 3px 0 0}.site-header>.brand{margin-right:auto}.site-header>nav{margin-left:0}.site-header>nav+.button{margin-left:0}}


/* Kontobutton außerhalb des zentrierten Inhalts am linken Fensterrand. */
@media(min-width:761px){.site-header>.account-trigger{position:absolute;left:24px;top:50%;transform:translateY(-50%);margin:0;order:0}.site-header>.brand{margin-right:auto}.site-header{padding-left:max(190px,calc((100vw - 1240px)/2))}}


/* SVG-Pfeile statt textbasierter v-Zeichen. */
.account-trigger{display:flex;align-items:center;gap:9px}.account-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dropdown-arrow{width:15px;height:15px;flex-shrink:0;stroke-width:2;transition:transform .16s}.account-trigger[aria-expanded="true"] .dropdown-arrow{transform:rotate(180deg)}.server-picker>.chevron{margin-left:auto;width:15px;height:15px}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23c9a8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
@media(max-width:760px){.account-trigger:after{content:none}.account-trigger .account-label{display:none}.account-trigger{justify-content:center}.account-trigger .dropdown-arrow{width:17px;height:17px}}

.server-picker{width:100%;text-align:left;color:var(--text);cursor:pointer}.server-picker>div{min-width:0;flex:1}.server-picker strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-picker[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.server-menu{position:fixed;top:165px;left:16px;width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 200px);overflow:auto;background:#191222;border:1px solid #62427b;border-radius:12px;z-index:60;padding:18px;box-shadow:0 20px 65px #0009}.server-menu label{font-size:13px}.server-menu input{font-size:12px;margin-bottom:12px}.server-option{display:flex;align-items:center;gap:11px;background:none;border:1px solid transparent;border-radius:8px;padding:12px 8px;width:100%;text-align:left;color:#ddc5ef;font-size:13px;margin-bottom:4px}.server-option.active{background:#332142;border-color:#634478}.server-option:hover{background:#281a36}.server-menu>.button{font-size:11px;margin-top:15px;width:100%;justify-content:center}.server-option>.avatar{width:32px;height:32px}.server-option>span:last-child{overflow-wrap:anywhere;min-width:0}.nav-item:disabled{opacity:.45;cursor:default}.server-selection-notice{margin-bottom:24px}.mod-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.server-menu .empty{font-size:12px;padding:15px 0}@media(max-height:650px){.server-menu{top:125px;max-height:calc(100dvh - 155px)}}

.visitor-welcome{padding:22px 0 35px;max-width:740px}.visitor-welcome h1{font-size:clamp(30px,3vw,44px);margin:15px 0;overflow-wrap:anywhere}.visitor-welcome p{font-size:15px;line-height:1.8;color:#b8a5c8;margin-bottom:25px}.visitor-note{margin-top:25px}.visitor-profile{display:flex;gap:22px;align-items:center}.visitor-profile>.avatar{width:76px;height:76px;font-size:28px;border-radius:18px}.visitor-profile h2{overflow-wrap:anywhere}.visitor-profile p{font-size:13px;color:#b49dc5;margin:10px 0 15px}#visitor-content{padding-bottom:100px}#visitor-command-list{max-height:65vh;overflow-y:auto}.visitor-navigation .nav-item{min-height:44px}@media(max-width:500px){.visitor-profile{flex-direction:column;align-items:flex-start}.visitor-welcome{padding-top:8px}}

.brandmark .server-brand-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.brandmark:has(.server-brand-image){padding:0;overflow:hidden}