:root{--bg:#0c0c10;--panel:#141419;--raised:#1c1b23;--line:#28272f;--muted:#95939f;--accent:#9565f4;--purple:#b69afb;font-family:"Segoe UI",system-ui,sans-serif}body{background:#0c0c10}.shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:28px 17px 18px;gap:23px;background:#101014;height:100dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#32303e transparent}.brand{font-size:20px;letter-spacing:.07em;gap:12px;padding:0 9px}.brand-light{font-weight:350;color:#c9c4d5}.brand small{display:block;font-size:8px;letter-spacing:.21em;background:none;border:0;color:#767180;padding:2px 0}.brand-symbol{font-size:32px;font-weight:900;font-style:italic;position:relative;color:#c9aeff;line-height:40px;text-shadow:0 0 25px #9565f45c}.brand-symbol span{position:absolute;width:5px;height:5px;border-radius:1px;background:#fff;right:0;top:4px}.server-select{border-color:#ffffff0b;background:#1a1921;padding:11px 9px}.server-select select{width:151px;font-size:12px}.server-select label{font-size:8px;letter-spacing:.13em}.server-icon{background:linear-gradient(140deg,#594576,#282332);color:#dec9ff}.nav{gap:3px}.nav-label{font-size:9px;letter-spacing:.15em;color:#76727f;margin:18px 11px 7px;padding:0}.nav-label:first-child{margin-top:0}.nav button{font-size:12px;padding:9px 11px;gap:11px;position:relative;transition:background .18s,color .18s}.nav button svg{height:17px;width:17px;color:#7c768b}.nav button.active{background:linear-gradient(90deg,#3a285b91,#2c213c60);color:#e0ccff;border:1px solid #8761bb26;padding:8px 10px}.nav button.active svg{color:#b794f6}.nav button.active:before{display:none}.nav button.active i{width:5px;height:5px;background:#b191f6;border-radius:50%;margin-left:auto;box-shadow:0 0 12px #a17aff}.plan-link{display:flex;align-items:center;gap:8px;padding:13px 9px;background:linear-gradient(110deg,#282035,#15141b);border:1px solid #6e4f972e;border-radius:8px;color:#c7abd9;font-size:12px;margin-top:auto;white-space:nowrap}.plan-link span{font-size:8px;margin-left:auto;border:1px solid #6c587c;border-radius:3px;padding:1px 3px}.plan-link svg{height:16px;width:16px}.sidebar-foot{margin-top:0;padding:15px 5px 0}.sidebar-foot strong{font-size:11px}.sidebar-foot small{font-size:10px}.topbar{height:70px;padding:0 42px;background:#10101499;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff07}.breadcrumb{font-size:12px;gap:12px}.breadcrumb svg{height:12px;width:12px}.connection{font-size:11px;color:#a8a5b2;display:flex;align-items:center;gap:7px}.connection i{width:6px;height:6px;background:#9edbc4;border-radius:50%;box-shadow:0 0 10px #9edbc433}.connection i.demo-dot{background:#b4a5d0;box-shadow:none}main{max-width:1480px;padding:30px 42px 50px}.workspace-footer{max-width:1480px;margin:auto;padding:20px 42px 30px;display:flex;justify-content:space-between;border-top:1px solid #ffffff08;font-size:10px;color:#5f5b6d;letter-spacing:.06em}.workspace-footer b{font-weight:400;margin-left:8px}.btn{font-size:12px;border-radius:7px;padding:11px 16px;transition:background .2s,box-shadow .2s,transform .2s}.btn svg{width:17px;height:17px}.btn.primary{background:linear-gradient(110deg,#a47af3,#8254dc);border:1px solid #c0a0ff5c;color:#fff;box-shadow:inset 0 1px #ffffff25,0 5px 20px #8654d71a}.btn.primary:hover{box-shadow:inset 0 1px #ffffff40,0 5px 30px #8654d750;transform:translateY(-1px)}.btn.ghost{color:#bbb4ca}.command-hero{min-height:315px;position:relative;overflow:hidden;border:1px solid #ffffff0b;border-radius:14px;background:radial-gradient(ellipse at 76% 47%,#6d36a424,transparent 55%),linear-gradient(120deg,#19161f,#101015 58%);display:grid;grid-template-columns:1.15fr 1fr}.command-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b09acd16 .7px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero-copy{position:relative;padding:36px 38px;z-index:1}.hero-kicker{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:600;letter-spacing:.2em;color:#ae91d9;margin-bottom:17px}.hero-kicker>span{width:5px;height:5px;background:#b393e8;transform:rotate(45deg)}.command-hero h1{font-size:clamp(31px,3vw,49px);font-weight:650;letter-spacing:-.055em;line-height:1.08;color:#eeeaf3}.command-hero h1 em{font-style:normal;color:#b598e8}.command-hero p{font-size:12px;line-height:1.7;margin:17px 0 22px;color:#9990a7}.hero-art{position:relative;display:grid;place-items:center;min-height:310px;perspective:900px}.hero-monogram{position:relative;display:grid;place-items:center;width:132px;height:148px;border-radius:28px;font-size:105px;line-height:1;font-style:italic;font-weight:900;color:#d6bcff;background:linear-gradient(145deg,#514064cc,#1d172bdd 55%,#292034);border:1px solid #bda0ee54;box-shadow:inset 2px 2px 1px #cfb5ff38,inset -4px -3px 5px #0b081699,0 25px 40px #0008,0 0 65px #7943b428;transform:rotate(-9deg) rotateY(-17deg);animation:float-mark 7s ease-in-out infinite;text-shadow:2px 4px #0004}.hero-monogram span{position:absolute;inset:8px;border:1px solid #d9b9ff13;border-radius:23px}.orbit{position:absolute;width:265px;height:265px;border:1px solid #a480dd20;border-radius:50%;transform:rotateX(62deg) rotate(-25deg)}.orbit-b{width:370px;height:370px;transform:rotateX(35deg) rotateY(50deg);border-color:#a480dd12}.orbit-c{width:450px;height:450px;transform:rotateX(60deg) rotateY(5deg);border-style:dashed;border-color:#a480dd14}.orbital-dot{position:absolute;left:24%;top:26%;width:5px;height:5px;border-radius:50%;background:#c9a1ff;box-shadow:0 0 17px 4px #a668f44d;animation:glow-dot 4s ease-in-out infinite}.art-caption{position:absolute;bottom:27px;font-size:9px;letter-spacing:.28em;color:#a395b8;text-align:center}.art-caption span{display:block;font-size:6px;margin-top:5px;letter-spacing:.34em;color:#61546f}.hero-index{position:absolute;top:20px;right:24px;font-size:7px;color:#675972;letter-spacing:.16em}.server-pulse{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;border-bottom:1px solid #ffffff0b;padding:23px 8px;gap:24px}.server-pulse>div{display:flex;gap:12px;align-items:center}.server-pulse svg{width:19px;color:#9584af}.server-pulse span{font-size:8px;letter-spacing:.1em;color:#7e768b}.server-pulse strong{display:block;font-weight:500;font-size:12px;letter-spacing:0;color:#cfc7dc;margin-top:4px}.server-pulse button{background:none;border:0;color:#b69afb;font-size:10px;display:flex;align-items:center;gap:10px}.demo-strip{display:flex;gap:12px;align-items:center;font-size:10px;color:#8e859c;margin:17px 0 0}.demo-strip span{font-size:7px;letter-spacing:.09em;border:1px solid #494052;border-radius:3px;padding:2px 5px;color:#b4a5c9;flex-shrink:0}.module-section{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{font-size:8px;letter-spacing:.17em;color:#8e809f}.section-heading h2{font-size:23px;font-weight:550;letter-spacing:-.035em;margin-top:6px}.module-search{display:flex;align-items:center;gap:9px;border:1px solid #ffffff12;border-radius:7px;padding:0 11px;width:260px;background:#141319}.module-search svg{width:14px;color:#746d81}.module-search input{border:0;background:none;padding:10px 0;width:100%;font-size:11px;min-width:0}.module-search kbd{font:10px inherit;padding:0 5px;border:1px solid #3b3546;border-radius:3px;color:#766f83}.category-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0 19px;border-bottom:1px solid #ffffff0c;padding-bottom:12px}.category-tabs button{display:flex;gap:7px;align-items:center;background:none;border:1px solid transparent;color:#8f879d;padding:6px 12px;border-radius:6px;font-size:11px;transition:color .2s,background .2s}.category-tabs button.selected{background:#292132;color:#cdb3ef;border-color:#8b669229}.category-tabs button span{font-size:8px;background:#433153;padding:0 5px;border-radius:3px;color:#d0b5ed}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-card{display:flex;flex-direction:column;position:relative;text-align:left;min-width:0;padding:21px 21px 0;color:var(--text);background:linear-gradient(135deg,#1b1922,#141319 75%);border:1px solid #ffffff0b;border-radius:10px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;animation:card-enter .4s ease both;animation-delay:calc(var(--order)*25ms)}.catalog-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,#a77bf518,transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}.catalog-card:hover{transform:translateY(-3px);border-color:#a47af355;box-shadow:0 13px 30px #0004}.catalog-card:hover:before{opacity:1}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:17px}.catalog-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b196da1e;background:#2b2237;border-radius:9px;color:#b9a0dc}.catalog-icon svg{width:19px;height:19px}.mini-label{font-size:7px;letter-spacing:.12em;color:#ac8dcb;border:1px solid #86679b26;padding:2px 5px;border-radius:3px}.card-arrow{margin-left:auto;color:#5f576b;transition:color .2s,transform .2s}.card-arrow svg{width:15px;height:15px}.catalog-card:hover .card-arrow{color:#cbb0f4;transform:translate(2px,-2px)}.catalog-card h3{font-size:14px;font-weight:550;letter-spacing:-.01em;margin-bottom:7px}.catalog-card>p{font-size:11px;line-height:1.65;color:#8b8398;min-height:37px;margin-bottom:19px;max-width:260px}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #ffffff07;padding:11px 0;font-size:8px;color:#94859f}.card-bottom>span:last-child{display:flex;align-items:center;gap:3px}.card-bottom svg{height:11px;width:11px}.module-state{display:flex;align-items:center;gap:5px;color:#7f788b}.module-state i{width:4px;height:4px;background:#696173;border-radius:50%}.module-state.enabled{color:#aca0bc}.module-state.enabled i{background:#aa8bce;box-shadow:0 0 7px #b19cde33}.activity-strip{display:flex;justify-content:space-between;align-items:center;margin:34px 0 15px}.activity-strip h2{margin-top:5px;font-size:18px}.panel{border-radius:10px;border-color:#ffffff0c;background:#141319}.panel-heading{border-color:#ffffff0a}.panel-heading h2{font-size:14px;font-weight:550}.panel-body p{font-size:13px}.pagehead{margin:8px 0 28px}.pagehead h1{font-size:29px}.pagehead p{font-size:12px}.config-layout{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);align-items:start}.field{margin-bottom:20px}.field label{font-size:12px}.field input,.field textarea,.field select{font-size:12px;background:#0e0d12;border-color:#302a3a;padding:11px 12px;border-radius:6px;max-width:100%;width:100%}.field small{font-size:10px}.field textarea{min-height:110px}.form-save{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #ffffff0a}.form-save>span{font-size:10px;color:#7e748c}.module-guide{border-left:1px solid #5240604f;padding:6px 0 20px 27px;margin:15px 0}.guide-icon{display:grid;place-items:center;width:35px;height:35px;color:#ad8ccc;background:#292132;border-radius:9px;margin-bottom:17px}.module-guide h2{font-size:17px;margin-bottom:20px}.module-guide>div{display:flex;gap:13px;margin-bottom:20px}.module-guide b{font-size:10px;color:#786188;padding-top:3px}.module-guide p{font-size:12px;line-height:1.8;color:#9a8ea8}.module-guide>small{font-size:10px;color:#8f779f}.module-extra{margin-top:25px}.form-note{display:block;font-size:10px;margin-top:12px}.role-picker{border:0;padding:0;margin:0 0 23px}.role-picker legend{font-size:12px;margin-bottom:12px}.role-picker label{display:flex;gap:9px;align-items:center;font-size:12px;padding:10px 0;border-bottom:1px solid #ffffff08}.role-picker input{accent-color:#a77bf5}.role-picker span{color:#a98bc5}.record-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #ffffff08}.record-row>div:first-child{min-width:0}.record-row h3{font-size:13px;font-weight:500;margin:6px 0;overflow-wrap:anywhere;white-space:pre-wrap}.record-row p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.record-row small{font-size:10px}.record-row .actions{flex-shrink:0}.notice{font-size:12px;background:#1e1825;border-color:#644a7933}.editor-layout{gap:24px}.preview-wrap{border-top:2px solid #775599;padding-top:16px}.embed{background:#27252e}.table-scroll td p{font-size:11px}.table-scroll td strong{font-size:12px}.tag{font-size:9px}.empty{padding:35px 20px}.empty h3{font-size:14px}.empty p{font-size:12px}.catalog-card[hidden]{display:none}#no-modules{padding:40px;text-align:center;font-size:13px}@keyframes float-mark{0%,100%{transform:translateY(0) rotate(-9deg) rotateY(-17deg)}50%{transform:translateY(-9px) rotate(-6deg) rotateY(-10deg)}}@keyframes glow-dot{50%{opacity:.4;box-shadow:0 0 25px 7px #a668f44d}}@keyframes card-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){main{padding-top:38px}.command-hero{min-height:360px}.hero-copy{padding:42px 45px}.hero-art{min-height:355px}.catalog-card{padding:25px 25px 0}.catalog-card h3{font-size:16px}.catalog-card>p{font-size:12px;max-width:310px}.card-bottom{font-size:10px;padding:14px 0}.hero-kicker{font-size:10px}.command-hero p{font-size:14px}.hero-monogram{width:160px;height:176px;font-size:124px}.module-section{margin-top:38px}}@media(max-width:1150px){.shell{grid-template-columns:222px minmax(0,1fr)}.sidebar{padding:24px 12px}.server-select select{width:128px}main{padding:25px}.topbar{padding:0 25px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:30px 25px}.command-hero{grid-template-columns:1.4fr 1fr}.hero-art{min-width:0}.hero-monogram{width:100px;height:120px;font-size:85px}.server-pulse{gap:15px}.server-pulse>button{display:none}.server-pulse{grid-template-columns:1fr 1fr 1fr}.config-layout{grid-template-columns:minmax(0,1fr)}.module-guide{max-width:700px}.hero-copy .actions{gap:5px}.hero-copy .btn{padding:10px;font-size:10px}}@media(max-width:760px){.shell{display:block}.sidebar{top:60px;height:calc(100dvh - 60px);width:255px;background:#101014;z-index:20}.topbar{height:60px;padding:0 18px}.breadcrumb .mobile-menu svg{display:block;width:20px;height:20px}.topbar-actions .btn{display:none}main{padding:20px 18px 35px}.command-hero{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:28px 24px}.command-hero h1{font-size:35px}.hero-art{position:absolute;width:150px;height:190px;min-height:0;right:-45px;top:35px;opacity:.3;pointer-events:none}.hero-copy{z-index:1}.art-caption,.hero-index{display:none}.hero-monogram{width:80px;height:100px;font-size:70px}.hero-kicker{font-size:7px}.command-hero p{font-size:11px}.hero-copy .actions{margin-top:20px}.hero-copy .btn{font-size:11px}.server-pulse{grid-template-columns:1fr 1fr;gap:17px;padding:18px 4px}.server-pulse>div:nth-child(3){display:none}.server-pulse strong{font-size:11px}.demo-strip{align-items:flex-start;font-size:9px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.module-search{width:100%}.category-tabs{gap:2px;margin-top:17px}.category-tabs button{font-size:10px;padding:6px 9px}.catalog-grid{gap:10px}.catalog-card{padding:15px 13px 0}.catalog-card h3{font-size:12px}.catalog-card>p{font-size:10px;margin-bottom:14px}.catalog-icon{width:30px;height:30px}.mini-label{display:none}.card-top{margin-bottom:13px}.card-bottom{font-size:7px;gap:4px}.card-bottom>span:last-child{font-size:0}.card-bottom svg{width:13px;height:13px}.catalog-card:hover{transform:none}.pagehead h1{font-size:25px}.form-save{align-items:flex-start;flex-direction:column}.form-save .btn{width:100%}.record-row{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.workspace-footer{padding:20px 18px;font-size:8px}.activity-strip .btn{font-size:10px;padding:7px}.activity-strip h2{font-size:15px}.module-guide{padding-left:18px}.connection{font-size:9px}.config-layout{display:block}.config-layout>.module-guide{margin-top:28px}.module-guide>div{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.setup-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template-choice{background:#141319;border:1px solid #ffffff10;border-radius:10px;color:#c6becf;padding:24px;text-align:left;transition:border-color .2s,background .2s}.template-choice>svg{display:block;color:#a88bcc;margin-bottom:16px;width:25px;height:25px}.template-choice strong{font-size:16px;font-weight:550}.template-choice p{font-size:12px;margin-top:7px}.template-choice.selected{background:linear-gradient(140deg,#30213e,#16121d);border-color:#a57ac080;box-shadow:0 0 30px #8a53c20a}.server-tree{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.server-tree h3{font-size:9px;letter-spacing:.13em;color:#927eaa;margin-bottom:10px}.server-tree p{font-size:13px;color:#c0b7cb;display:flex;gap:10px;margin:7px 0}.server-tree p span{color:#6d5f7c;min-width:13px}@media(max-width:760px){.setup-templates{grid-template-columns:1fr;gap:9px}.template-choice{padding:16px}.template-choice>svg{float:left;margin:3px 16px 12px 0}.template-choice strong{font-size:14px}.template-choice p{font-size:11px}.server-tree{padding:18px;gap:20px}.catalog-card>p{font-size:11px}.card-bottom{font-size:8px}}
/* Black Bot — subtle light, depth and interaction effects */
.command-hero{isolation:isolate}.command-hero:after{content:"";position:absolute;width:190px;height:190px;left:var(--pointer-x,75%);top:var(--pointer-y,45%);transform:translate(-50%,-50%);border-radius:50%;background:#9c66f411;filter:blur(45px);pointer-events:none;z-index:0}.command-hero .hero-copy,.command-hero .hero-art{z-index:1}.hero-monogram:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,#e8d7ff1f 45%,#fff3 49%,transparent 62%);background-size:350% 100%;animation:mark-reflection 10s ease-in-out infinite;pointer-events:none}.orbit-a{animation:orbit-drift 24s linear infinite}.orbit-b{animation:orbit-drift-b 32s linear infinite}.hero-art:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#a164ed24,transparent 70%);filter:blur(15px);animation:ambient-breathe 8s ease-in-out infinite}.catalog-card:before{background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,0),#ae81ef28,transparent 75%)}.catalog-card:after{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,#c39cef,transparent);opacity:0;transition:opacity .25s;pointer-events:none}.catalog-card:hover:after,.catalog-card:focus-visible:after{opacity:1}.catalog-card:hover .catalog-icon{box-shadow:0 0 25px #9561dc25;border-color:#b398d348;transform:translateY(-2px) rotate(-3deg)}.catalog-icon{transition:transform .25s,box-shadow .25s,border-color .25s}.template-choice{position:relative;isolation:isolate;overflow:hidden}.template-choice:after{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--pointer-x,50%) var(--pointer-y,0),#b186e51c,transparent);opacity:0;transition:opacity .2s;pointer-events:none;z-index:-1}.template-choice:hover:after{opacity:1}.btn,.category-tabs button{position:relative;overflow:hidden;isolation:isolate}.btn:active{transform:translateY(1px) scale(.985)}.click-ripple{pointer-events:none;position:absolute;width:24px;height:24px;border-radius:50%;background:#dec4ff29;transform:translate(-50%,-50%) scale(0);animation:click-wave .6s ease-out forwards;z-index:2}#main>.pagehead,#main>.config-layout,#main>.module-extra{animation:page-reveal .3s ease-out both}#main>.config-layout{animation-delay:35ms}#toast.visible{animation:toast-reveal .25s ease-out;box-shadow:0 12px 50px #0008,0 0 25px #9565f411;border-left:3px solid #b88be7}.nav button span{transition:transform .18s}.nav button:hover span{transform:translateX(2px)}.nav button.active i{animation:active-glow 4s ease-in-out infinite}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ad82de90;box-shadow:0 0 0 3px #a56bee0a;transition:border-color .2s,box-shadow .2s}.effects-button{color:#a28bbb!important}.effects-button[aria-pressed=false]{color:#726b7c!important}.giveaway-create{border-top:1px solid #a06cbd70}.giveaway-row{display:flex;align-items:center;gap:20px;padding:24px;border-bottom:1px solid #ffffff08}.giveaway-emblem{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:#c9a9ee;background:linear-gradient(135deg,#3c2851,#231a30);border:1px solid #b985e12b;box-shadow:0 0 25px #8250b714}.giveaway-detail{flex:1;min-width:0}.giveaway-detail h3{font-size:16px;font-weight:550;margin:10px 0 6px;overflow-wrap:anywhere}.giveaway-detail p{font-size:11px}.giveaway-label{display:flex;gap:6px;flex-wrap:wrap}.giveaway-row .actions{justify-content:flex-end;max-width:240px}.giveaway-result{margin-top:13px;padding:10px 13px;border-left:2px solid #aa81d4;background:#a374cd0b;font-size:12px;color:#d1b7e8;overflow-wrap:anywhere;animation:page-reveal .35s ease-out}.giveaway-detail>small{font-size:10px;display:block;margin-top:10px}.fx-off *, .fx-off *:before,.fx-off *:after{animation:none!important;transition:none!important}.fx-off .click-ripple{display:none}@keyframes mark-reflection{0%,60%,100%{background-position:100% 0}80%{background-position:0 0}}@keyframes orbit-drift{from{transform:rotateX(62deg) rotate(-25deg)}to{transform:rotateX(62deg) rotate(335deg)}}@keyframes orbit-drift-b{from{transform:rotateX(35deg) rotateY(50deg) rotate(0)}to{transform:rotateX(35deg) rotateY(50deg) rotate(-360deg)}}@keyframes ambient-breathe{50%{opacity:.5;transform:scale(1.15)}}@keyframes click-wave{to{transform:translate(-50%,-50%) scale(15);opacity:0}}@keyframes page-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes active-glow{50%{box-shadow:0 0 14px #b291fb80}}@media(max-width:760px){.giveaway-row{padding:18px;align-items:flex-start;flex-wrap:wrap;gap:13px}.giveaway-row .actions{max-width:none;width:100%;justify-content:flex-start}.giveaway-detail h3{font-size:14px}.giveaway-detail p{font-size:10px}.giveaway-emblem{width:34px;height:34px}.topbar-actions .effects-button{display:inline-flex}.hero-monogram:after{animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.click-ripple{display:none}}
.filter-switch{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;padding:6px 0 20px;cursor:pointer}.filter-switch strong{display:block;font-weight:550;font-size:13px;color:#d2c6df}.filter-switch small{display:block;font-size:11px;margin-top:5px;color:#9586a3}.filter-switch input{position:absolute;right:0;width:40px;height:24px;opacity:0;cursor:pointer}.filter-switch>span{width:38px;height:22px;border-radius:20px;background:#37303f;flex-shrink:0;pointer-events:none;border:1px solid #5c4c6e;transition:background .2s}.filter-switch>span:before{content:"";display:block;width:14px;height:14px;border-radius:50%;margin:3px;background:#a394b0;transition:transform .2s}.filter-switch input:checked+span{background:#8d5dca;border-color:#b48adb;box-shadow:0 0 15px #9160c725}.filter-switch input:checked+span:before{transform:translateX(16px);background:#ede1ff}.filter-switch input:focus-visible+span{outline:2px solid #cfb1ff;outline-offset:4px}.exemption-picker{margin:22px 0 14px;border:1px solid #44354e;border-radius:8px;padding:14px;max-height:220px;overflow:auto;min-width:0}.exemption-picker legend{font-size:12px;padding:0 5px;color:#c4add6}.exemption-picker label{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:11px;color:#b4a8be;overflow-wrap:anywhere}.exemption-picker input,.test-staff input{accent-color:#a77bee}.test-staff{display:flex;align-items:center;gap:9px;font-size:11px;margin:0 0 18px;color:#baa9ca}.filter-result{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:15px;border:1px solid #5b4d69;background:#292131;border-radius:8px}.filter-result svg{flex-shrink:0;width:18px;color:#b3dfc9}.filter-result strong{font-size:12px}.filter-result p{font-size:11px;margin-top:5px;color:#ab9bb8}.filter-result.blocked{border-color:#7a485a;background:#30212a}.filter-result.blocked svg{color:#e9a6c0}.filter-lab{border-top-color:#9f78bd}.stack>form{min-width:0}
/* Support desk: restrained light, depth and animated accents. */
.support-stage{position:relative;overflow:hidden;isolation:isolate;display:flex;gap:32px;align-items:center;justify-content:space-between;padding:36px;border:1px solid #8d6bd83d;border-radius:18px;background:linear-gradient(120deg,#20192e,#111116 70%);margin:24px 0 36px}
.support-stage h2{font-size:clamp(22px,2.6vw,34px);max-width:520px;margin:12px 0}.support-stage p{color:#ada6b7;max-width:500px;line-height:1.7}.support-stage>div:not(.support-orb){position:relative;z-index:1}.support-orb{position:absolute;width:300px;height:300px;right:40px;top:-160px;background:radial-gradient(circle,#a477eb45,transparent 65%);filter:blur(12px);animation:support-drift 12s ease-in-out infinite alternate}.support-metrics{display:flex;gap:26px}.support-metrics div{display:grid;gap:8px;min-width:55px}.support-metrics strong{font-size:38px;font-weight:500;color:#e1caff}.support-metrics span{color:#a69cae;font-size:12px}.ticket-queue{display:grid;gap:16px}.ticket-card{position:relative;background:linear-gradient(130deg,#18151e,#121217 65%);border:1px solid #ffffff13;border-radius:14px;padding:24px;animation:ticket-arrive .4s ease-out both;transition:border-color .2s,box-shadow .2s}.ticket-card:hover{border-color:#9c79d45c;box-shadow:0 12px 40px #0002}.ticket-card-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ticket-code{font:11px ui-monospace,monospace;letter-spacing:1px;color:#b9a0df;margin-right:auto}.ticket-card h3{font-size:19px;margin:18px 0 8px}.ticket-meta,.ticket-owner{font-size:12px;color:#aaa3b4}.ticket-owner{display:flex;gap:8px;align-items:center;margin:18px 0}.ticket-owner svg{width:16px}.ticket-card details{border-top:1px solid #ffffff0c;margin-top:22px;padding-top:16px}.ticket-card summary{cursor:pointer;font-size:12px;color:#bb9aea}.ticket-detail-form{display:flex;align-items:end;gap:14px;margin:20px 0}.ticket-detail-form label{flex:1;display:grid;gap:8px;font-size:12px}.ticket-note{padding:12px 16px;border-left:2px solid #9b75db;background:#9b75db09;margin:10px 0;overflow-wrap:anywhere}.ticket-note p{white-space:pre-wrap;font-size:13px}.ticket-note small,.ticket-history{font-size:11px;color:#968c9f}.ticket-history{line-height:1.8;margin-top:22px}.ticket-card[hidden]{display:none}.btn.primary{background-size:200% 100%;background-image:linear-gradient(115deg,#8458c9,#a576e5,#8458c9);transition:background-position .5s,box-shadow .25s,transform .2s}.btn.primary:hover{background-position:100% 0;box-shadow:0 0 26px #9761e033}.panel{transition:border-color .25s}.panel:focus-within{border-color:#a278e45c}.support-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#e8d9ff05 48%,transparent 60%);background-size:230% 100%;animation:support-sheen 9s ease-in-out infinite}.fx-off .support-orb,.fx-off .support-stage:after,.fx-off .ticket-card{animation:none}
@keyframes support-drift{to{transform:translate(-90px,80px) scale(1.3)}}@keyframes support-sheen{0%,35%{background-position:100%}85%,100%{background-position:-100%}}@keyframes ticket-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:900px){.support-stage{align-items:start;flex-direction:column}.support-metrics{width:100%;justify-content:space-between}}@media(max-width:560px){.support-stage,.ticket-card{padding:22px 18px}.ticket-detail-form{align-items:stretch;flex-direction:column}.ticket-card .actions{flex-wrap:wrap}.support-metrics strong{font-size:30px}}@media(prefers-reduced-motion:reduce){.support-orb,.support-stage:after,.ticket-card{animation:none}.btn.primary,.ticket-card,.panel{transition:none}}
.ticket-detail-form select,.ticket-detail-form textarea,.ticket-export textarea{width:100%;padding:12px;border:1px solid #ffffff18;border-radius:8px;background:#0d0d12;color:#e4deed;font:inherit;box-sizing:border-box}.ticket-detail-form textarea{min-height:90px}.ticket-export{margin-top:24px;border-top:1px solid #ffffff12;padding-top:16px}.ticket-export textarea{min-height:160px;display:block;margin:12px 0;font:12px ui-monospace,monospace;line-height:1.6}.ticket-export h4{font-size:13px}
/* Ambient page lighting: decorative, non-interactive and motion-aware. */
.workspace{position:relative;isolation:isolate}.ambient-glow{position:fixed;z-index:-1;pointer-events:none;inset:0;overflow:hidden;background:radial-gradient(ellipse at 87% 90%,#8a4ddb0c,transparent 48%)}.ambient-glow:before,.ambient-glow:after{content:'';position:absolute;border-radius:50%;width:520px;height:520px;filter:blur(65px);opacity:.13;background:radial-gradient(circle,#995be8,transparent 68%);animation:ambient-float 22s ease-in-out infinite alternate}.ambient-glow:before{right:-160px;bottom:-220px}.ambient-glow:after{left:35%;top:15%;width:360px;height:360px;opacity:.07;animation-delay:-11s}.workspace-footer{position:relative}.workspace-footer:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b48bea66,transparent);box-shadow:0 0 18px #965ce644}.discord-ticket-demo{flex:0 1 310px;min-width:240px;border:1px solid #ffffff12;border-radius:12px;background:#1e1e27;padding:20px}.discord-ticket-demo>span{display:block;font-size:11px;color:#9c93ad;margin-bottom:18px}.discord-ticket-demo strong{font-size:13px}.discord-ticket-demo b{font-size:9px;background:#8058c7;padding:3px 5px;border-radius:3px;margin-left:5px}.discord-ticket-demo p{font-size:12px!important}.discord-ticket-demo div{display:flex;gap:8px}.discord-ticket-demo div span{padding:8px 10px;background:#7251ae;border-radius:5px;font-size:10px}.discord-ticket-demo div span+span{background:#373340}.discord-ticket-demo small{display:block;font-size:10px;color:#918a9e;margin-top:14px}.fx-off .ambient-glow:before,.fx-off .ambient-glow:after{animation:none}@keyframes ambient-float{to{transform:translate(-70px,-50px) scale(1.12)}}@media(prefers-reduced-motion:reduce){.ambient-glow:before,.ambient-glow:after{animation:none}}@media(max-width:600px){.ambient-glow:after{display:none}.discord-ticket-demo{min-width:0;flex-basis:auto;width:100%;box-sizing:border-box}}
.ticket-type-editor{border:1px solid #ffffff16;border-radius:10px;margin-top:16px;background:#100e1680}.ticket-type-editor summary{padding:18px;cursor:pointer;font-size:14px;color:#d3bfee;display:flex;justify-content:space-between}.ticket-type-editor summary span{font-size:11px;color:#a08cb8}.ticket-type-editor form{padding:4px 20px 22px}.ticket-type-editor input:not([type=checkbox]),.ticket-type-editor select,.ticket-type-editor textarea{width:100%;box-sizing:border-box;background:#0d0d12;color:#e5ddee;border:1px solid #ffffff18;border-radius:8px;padding:11px;font:inherit}.ticket-type-editor textarea{min-height:110px}.ticket-type-editor input[type=color]{height:44px;padding:5px}
/* Per-module appearance: no effect on Discord access or other guilds. */
#main{--module-accent:#a47af3;--module-radius:16px}
#main[data-shape=square]{--module-radius:4px}
#main[data-shape=round]{--module-radius:28px}
#main[data-shape] .panel,#main[data-shape] .module-guide{border-radius:var(--module-radius)}
#main[data-shape] .panel-heading{border-top:1px solid color-mix(in srgb,var(--module-accent) 45%,transparent)}
#main[data-shape] .btn.primary{background:color-mix(in srgb,var(--module-accent) 42%,#231936);color:#fff;border-color:var(--module-accent)}
#main[data-density=compact] .panel-body{padding:16px}
#main[data-density=compact] .field{margin-bottom:12px}
#main[data-layout=stack] .config-layout{grid-template-columns:minmax(0,1fr)}
.module-appearance{margin-top:28px;overflow:hidden}
.appearance-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:32px}
.appearance-dot{height:14px;width:14px;border-radius:50%;box-shadow:0 0 22px var(--module-accent)}
.appearance-preview-wrap{align-self:start;position:sticky;top:30px;min-width:0}
.appearance-preview{margin:16px 0;padding:22px;background:#25252e;border-left:4px solid var(--module-accent);border-radius:var(--module-radius);overflow:hidden;overflow-wrap:anywhere;box-shadow:0 15px 50px #0004}
.appearance-preview p{font-size:13px;line-height:1.65;color:#bdbcc8}
.appearance-preview small{display:block;color:#bdbcc8;margin-top:14px}
.appearance-thumb{width:64px;height:64px;object-fit:contain;float:right;margin:0 0 12px 12px;border-radius:8px}
.appearance-banner{display:block;width:100%;max-height:200px;object-fit:contain;margin-top:18px;border-radius:8px}
.appearance-sample-fields{display:grid;gap:12px;font-size:12px;color:#bdbcc8}
.appearance-sample-fields b{display:block;color:#eee;margin-bottom:5px}
#main[data-layout=columns] .appearance-sample-fields{grid-template-columns:1fr 1fr}
.appearance-preview-wrap>small,.module-appearance form>small{color:#a7a4b5;line-height:1.6}
/* Aurora, animated borders and light trails remain behind interactive content. */
.ambient-glow{position:fixed!important;pointer-events:none;inset:0!important;width:auto!important;height:auto!important;opacity:.6!important;background:radial-gradient(ellipse at 84% 5%,#7c3aed35,transparent 38%),radial-gradient(ellipse at 10% 70%,#6855cc20,transparent 34%);animation:aurora-drift 16s ease-in-out infinite alternate}
.command-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#d4b7ff0d 44%,#d4b7ff24 50%,transparent 60%);transform:translateX(-100%);animation:hero-sheen 10s ease-in-out infinite}
.catalog-card{transition:transform .24s,box-shadow .24s,border-color .24s}
.catalog-card:hover{transform:translateY(-5px);box-shadow:0 12px 45px #8b5cf625,inset 0 1px #d6bcff55}
.catalog-icon{transition:transform .3s,box-shadow .3s}
.catalog-card:hover .catalog-icon{transform:rotate(-6deg) scale(1.08);box-shadow:0 0 26px #a47af33b}
.panel{transition:border-color .25s,box-shadow .25s}
.panel:focus-within{box-shadow:0 0 0 1px #a47af332,0 15px 50px #0002}
.workspace-footer{position:relative;overflow:hidden}
.workspace-footer:before{content:'';position:absolute;top:0;left:-35%;height:2px;width:35%;background:linear-gradient(90deg,transparent,#c4a4ff,transparent);box-shadow:0 0 18px #a47af3;animation:footer-trail 7s ease-in-out infinite}
.fx-spark{position:fixed;width:4px;height:4px;pointer-events:none;z-index:20;border-radius:50%;background:#dcc5ff;box-shadow:0 0 10px #ad7cfa;animation:spark-fade .7s ease-out forwards}
@keyframes aurora-drift{to{transform:translate3d(-3%,3%,0) scale(1.08);opacity:.95}}
@keyframes hero-sheen{0%,40%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@keyframes footer-trail{to{left:110%}}
@keyframes spark-fade{to{transform:translateY(-24px) scale(0);opacity:0}}
.fx-off .ambient-glow,.fx-off .command-hero:after,.fx-off .workspace-footer:before{animation:none!important}
.fx-off .command-hero:after,.fx-off .fx-spark{display:none}
.fx-off .catalog-card:hover,.fx-off .catalog-card:hover .catalog-icon{transform:none}
@media(prefers-reduced-motion:reduce){.ambient-glow,.command-hero:after,.workspace-footer:before{animation:none!important}.command-hero:after,.fx-spark{display:none}.catalog-card:hover,.catalog-card:hover .catalog-icon{transform:none}}
@media(max-width:850px){.appearance-layout{grid-template-columns:minmax(0,1fr)}.appearance-preview-wrap{position:static}}
/* Shared searchable selectors. Native inputs retain form submission semantics. */
select.pick-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.pick-trigger{display:flex;align-items:center;gap:11px;width:100%;min-width:0;min-height:46px;padding:11px 14px;border:1px solid #ffffff19;border-radius:11px;background:linear-gradient(130deg,#1b1722,#111016);color:#eee9f6;font:inherit;font-size:13px;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff04;transition:border-color .18s,box-shadow .18s}
.pick-trigger:hover{border-color:#aa84e46b;background:#201a2a}.pick-trigger:focus-visible,.pick-trigger[aria-expanded=true]{outline:none;border-color:#bc99ef;box-shadow:0 0 0 3px #a47af31c}.pick-trigger:disabled{opacity:.45;cursor:not-allowed}
.pick-icon,.pick-option-icon{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:7px;background:#a47af31a;color:#c6a2f5;font-size:14px}.pick-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pick-chevron{color:#a697bb}.pick-trigger[aria-expanded=true] .pick-chevron{transform:rotate(180deg)}
.server-select>div{min-width:0;flex:1}.server-select .pick-trigger{padding:7px 8px;min-height:36px;font-size:12px;background:#100d1690}.server-select .pick-icon{display:none}
.pick-popup{position:fixed;z-index:10000;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border:1px solid #b58ce357;border-radius:15px;background:#17131e;box-shadow:0 24px 75px #000a,0 0 25px #985ae514;color:#eee9f6;animation:page-reveal .15s ease-out}
.pick-head{padding:12px;border-bottom:1px solid #ffffff0b}.pick-search{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #ffffff18;border-radius:9px;background:#0e0c13;color:#eee;font:inherit;font-size:13px}.pick-search:focus{outline:2px solid #a47af355;outline-offset:1px}
.pick-list{padding:6px;overflow-y:auto;overscroll-behavior:contain;min-height:40px;scrollbar-width:thin;scrollbar-color:#554168 transparent}.pick-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c9c1d3;font:inherit;font-size:13px;text-align:left;cursor:pointer}.pick-option-label{flex:1;overflow-wrap:anywhere}.pick-option:hover,.pick-option:focus-visible{outline:none;background:#ffffff08;color:#fff;border-color:#a47af340}.pick-option[aria-selected=true]{background:linear-gradient(90deg,#a47af327,#a47af30b);color:#e5d3ff;border-color:#a47af337}.pick-option:disabled{opacity:.45;cursor:not-allowed}.pick-check{color:#c8a2ff;font-weight:bold;min-width:14px}.pick-empty{padding:14px;color:#a498b4;font-size:13px}.pick-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid #ffffff0b}.pick-status{font-size:10px;color:#a99bb9}.pick-refresh{border:0;background:transparent;color:#cfb2f4;cursor:pointer;font:inherit;font-size:11px;white-space:nowrap}.pick-refresh:focus-visible{outline:2px solid #bc99ef}
@media(prefers-reduced-motion:reduce){.pick-popup,.pick-trigger{animation:none;transition:none}}
.premium-hero{position:relative;overflow:hidden;padding:42px;margin-bottom:24px;border:1px solid #534269;border-radius:20px;background:radial-gradient(ellipse at 90% 0%,#6834a644,transparent 65%),#15131c}.premium-hero h2{font-size:clamp(28px,4vw,48px);line-height:1.12;margin:18px 0}.premium-hero h2 span{color:#c5a6ff}.premium-hero p{max-width:640px;color:#a9a1b9;line-height:1.7}.premium-hero .btn{margin-top:20px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.price-card{padding:24px 20px;background:#15141c;border:1px solid #34303f;border-radius:16px}.price-card.featured{border-color:#a77ce2;background:linear-gradient(155deg,#342344,#17131f);box-shadow:0 8px 30px #9562e315}.price-card h3{font-size:32px;margin:20px 0 6px}.price-card h3 small{font-size:18px;color:#a49aac}.price-card p,.pricing-note{color:#a59aad;font-size:13px;line-height:1.7}.price-features{display:grid;gap:12px;font-size:12px;margin:24px 0}.price-card .btn{width:100%}.premium-upsell{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #634e80;background:linear-gradient(115deg,#251c32,#18151f);border-radius:14px;padding:22px;margin:20px 0}.premium-upsell h3{margin:8px 0}.premium-upsell p{color:#b1a6bc;font-size:13px;max-width:680px;line-height:1.6}.premium-upsell .btn{white-space:nowrap}.premium-field{opacity:.6}.plan-compare{display:grid;grid-template-columns:1fr 1fr;gap:32px}.plan-compare p{line-height:1.8;color:#b1a6bc}.pricing-note a{color:#c5a6ff}#sync-notice{position:sticky;top:8px;z-index:20;display:flex;justify-content:space-between;align-items:center;background:#272035}@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-upsell{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.pricing-grid,.plan-compare{grid-template-columns:1fr}.premium-hero{padding:24px}}