@property --accent-h{syntax:"<angle>";inherits:true;initial-value:215deg}@property --accent-s0{syntax:"<percentage>";inherits:true;initial-value:8%}@property --accent-s1{syntax:"<percentage>";inherits:true;initial-value:18%}@property --accent-s2{syntax:"<percentage>";inherits:true;initial-value:36%}@property --accent-s3{syntax:"<percentage>";inherits:true;initial-value:60%}@property --accent-s4{syntax:"<percentage>";inherits:true;initial-value:84%}:root{transition:--accent-h .8s ease,--accent-s0 .8s ease,--accent-s1 .8s ease,--accent-s2 .8s ease,--accent-s3 .8s ease,--accent-s4 .8s ease;--accent-h:215deg;--accent-s0:8%;--accent-s1:18%;--accent-s2:36%;--accent-s3:60%;--accent-s4:84%;--bg:hsl(var(--accent-h) var(--accent-s1) 3.1%);--panel:hsl(var(--accent-h) var(--accent-s1) 6.7%);--panel2:hsl(var(--accent-h) var(--accent-s1) 9.2%);--border:hsl(var(--accent-h) var(--accent-s1) 14.1%);--text:hsl(var(--accent-h) var(--accent-s1) 96.3%);--soft:hsl(var(--accent-h) var(--accent-s1) 75.3%);--muted:hsl(var(--accent-h) var(--accent-s0) 48.2%);--dim:hsl(var(--accent-h) var(--accent-s0) 31.4%);--blue:hsl(var(--accent-h) var(--accent-s4) 72.5%);--green:#70d3a0;--red:#ed707d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,hsl(var(--accent-h) var(--accent-s3) 55.9% / .09),transparent 34rem),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--dim)}.landing{min-height:100vh}.landing nav{height:88px;width:min(1180px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand,.side-brand{display:flex;align-items:center;gap:11px}.brand img{width:42px;height:42px;object-fit:cover;border-radius:13px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 19.4%)}.brand div,.side-brand div{display:flex;flex-direction:column}.brand b,.side-brand b{font-size:15px}.brand span,.side-brand span{font-size:9px;color:var(--muted)}.status{font-size:9px;color:var(--muted);padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:hsl(var(--accent-h) var(--accent-s1) 5.5%)}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.hero{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:65px 0 90px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.hero h1{font-size:clamp(64px,8vw,110px);line-height:.84;letter-spacing:-.065em;margin:15px 0 25px}.hero h1 em{font-style:normal;color:hsl(var(--accent-h) var(--accent-s0) 48.8%)}.hero p{max-width:560px;color:var(--soft);line-height:1.75;font-size:15px}.actions{display:flex;gap:10px;margin-top:28px}.primary,.ghost{display:inline-flex;min-height:45px;padding:0 16px;align-items:center;justify-content:center;border-radius:11px;font-size:11px;font-weight:800}.primary{background:hsl(var(--accent-h) var(--accent-s2) 94.9%);color:hsl(var(--accent-h) var(--accent-s1) 5.1%)}.ghost{background:hsl(var(--accent-h) var(--accent-s1) 6.7%);border:1px solid hsl(var(--accent-h) var(--accent-s1) 18.4%);color:var(--soft)}.meta{margin-top:23px;color:var(--dim);font-size:8px;letter-spacing:.08em}.hero-card{padding:13px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(150deg,hsl(var(--accent-h) var(--accent-s1) 8.8%),hsl(var(--accent-h) var(--accent-s1) 4.7%));box-shadow:0 28px 80px rgba(0,0,0,.35)}.card-top{display:flex;justify-content:space-between;padding:7px 7px 13px;font-size:10px}.card-top span{color:var(--green)}.hero-card>img{width:100%;height:410px;object-fit:cover;border-radius:19px;filter:brightness(.7) saturate(.8);border:1px solid hsl(var(--accent-h) var(--accent-s1) 13.1%)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.mini-stats div{padding:12px;border-radius:12px;background:hsl(var(--accent-h) var(--accent-s1) 4.7%);border:1px solid hsl(var(--accent-h) var(--accent-s1) 11.0%)}.mini-stats small{display:block;font-size:7px;color:var(--dim)}.mini-stats b{display:block;margin-top:4px;font-size:11px;color:var(--soft)}.center{min-height:100vh;display:grid;place-items:center;padding:30px}.setup{width:min(520px,100%);padding:32px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}.setup img{width:64px;height:64px;border-radius:16px;object-fit:cover;margin-bottom:22px}.setup h2{font-size:28px;letter-spacing:-.04em}.setup p{color:var(--muted);line-height:1.6}.codebox{margin:18px 0;padding:13px;border:1px solid var(--border);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s1) 4.1%)}.codebox small{display:block;color:var(--dim);margin-bottom:5px}.codebox code{font-size:10px;color:var(--soft);word-break:break-all}.app{min-height:100vh;display:grid;grid-template-columns:225px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;padding:16px 12px;background:hsl(var(--accent-h) var(--accent-s1) 3.9%);border-right:1px solid hsl(var(--accent-h) var(--accent-s1) 10.8%);display:flex;flex-direction:column}.side-brand{height:56px;padding:0 7px}.side-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover;border:1px solid hsl(var(--accent-h) var(--accent-s1) 19.8%)}.side-label{font-size:7px;letter-spacing:.14em;color:var(--dim);font-weight:800;margin:18px 8px 7px}.guild-btn{width:100%;min-height:56px;display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;padding:7px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 12.7%);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s1) 6.7%);color:var(--text);text-align:left;cursor:pointer}.guild-btn img{width:35px;height:35px;border-radius:9px;object-fit:cover}.guild-btn div{min-width:0}.guild-btn b,.guild-btn span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-btn b{font-size:9px}.guild-btn span{font-size:7px;color:var(--muted);margin-top:2px}.guild-btn strong{color:var(--dim)}.guild-menu{position:absolute;left:12px;right:12px;top:155px;padding:6px;border:1px solid var(--border);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s1) 6.7%);z-index:30}.guild-option{width:100%;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--soft);display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;text-align:left;cursor:pointer}.guild-option:hover{background:hsl(var(--accent-h) var(--accent-s1) 10.8%)}.guild-option img{width:30px;height:30px;border-radius:8px;object-fit:cover}.guild-option b{font-size:9px}.side-nav{display:flex;flex-direction:column;gap:3px;margin-top:17px}.nav-btn{height:38px;border:0;border-radius:9px;background:transparent;color:hsl(var(--accent-h) var(--accent-s0) 55.7%);display:grid;grid-template-columns:27px 1fr;align-items:center;text-align:left;padding:0 10px;font-size:10px;font-weight:700;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:hsl(var(--accent-h) var(--accent-s1) 9.0%);color:var(--text)}.bot-mini{margin-top:auto;padding:10px 7px 2px;border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 10.8%);display:grid;grid-template-columns:32px 1fr 8px;gap:8px;align-items:center}.bot-mini img{width:32px;height:32px;border-radius:9px;object-fit:cover}.bot-mini b,.bot-mini span{display:block}.bot-mini b{font-size:9px}.bot-mini span{font-size:7px;color:var(--muted)}.bot-mini i{width:7px;height:7px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s0) 34.5%)}.bot-mini i.online{background:var(--green)}.main{grid-column:2;padding:0 30px 55px}.main header{height:76px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 10.2%);display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--dim)}.main header>span{letter-spacing:.14em}.main header>span b{color:hsl(var(--accent-h) var(--accent-s0) 50.2%)}.user{display:flex;align-items:center;gap:9px}.user>span{font-size:8px;color:hsl(var(--accent-h) var(--accent-s0) 33.5%)}.user img{width:34px;height:34px;border-radius:9px;object-fit:cover}.user div b,.user div small{display:block}.user div b{font-size:9px;color:var(--text)}.user div small{font-size:7px;color:var(--dim)}.user a{padding:7px;color:hsl(var(--accent-h) var(--accent-s0) 36.7%)}.view{display:none;padding-top:36px}.view.active{display:block;animation:in .2s ease}@keyframes in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.heading{min-height:102px;display:flex;justify-content:space-between;gap:20px}.heading h1{font-size:40px;letter-spacing:-.055em;margin:8px 0 6px}.heading p{font-size:10px;color:var(--muted);margin:0}.chip{height:33px;padding:0 10px;border:1px solid var(--border);border-radius:999px;display:flex;align-items:center;gap:7px;font-size:8px;color:var(--muted);background:hsl(var(--accent-h) var(--accent-s1) 5.5%)}.chip i{width:6px;height:6px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s0) 36.1%)}.chip.online{color:#8fc1a6}.chip.online i{background:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}.stats article{padding:15px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s1) 6.7%),hsl(var(--accent-h) var(--accent-s1) 4.7%))}.stats small{font-size:7px;color:var(--dim);letter-spacing:.12em}.stats b{display:block;margin:13px 0 4px;font-size:19px;color:var(--soft)}.stats span{font-size:7px;color:hsl(var(--accent-h) var(--accent-s0) 30.2%)}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.panel,.module{border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s1) 6.7%),hsl(var(--accent-h) var(--accent-s1) 4.7%))}.panel{padding:18px}.panel h2{font-size:17px;letter-spacing:-.03em}.rows{border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 11.0%);margin-top:16px}.rows>label,.setting{min-height:67px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 10.6%)}.rows b,.rows span,.setting b,.setting span{display:block}.rows b,.setting b{font-size:9px}.rows span,.setting span{font-size:7px;color:var(--muted);margin-top:3px}.rows label,.setting label{cursor:pointer;position:relative}.switch{position:absolute;opacity:0}.switch+i{display:inline-block;width:37px;height:21px;border-radius:999px;background:hsl(var(--accent-h) var(--accent-s1) 12.4%);border:1px solid hsl(var(--accent-h) var(--accent-s1) 19.2%);position:relative}.switch+i:after{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s0) 44.9%);transition:.18s}.switch:checked+i{background:hsl(var(--accent-h) var(--accent-s3) 22.7%);border-color:hsl(var(--accent-h) var(--accent-s2) 38.0%)}.switch:checked+i:after{left:19px;background:hsl(var(--accent-h) var(--accent-s4) 77.1%)}.identity{padding:0;overflow:hidden}.identity>img{width:100%;height:190px;object-fit:cover;filter:brightness(.58) saturate(.8);border-bottom:1px solid var(--border)}.identity>div{padding:16px}.identity p,.security p,.security li{font-size:8px;line-height:1.6;color:var(--muted)}.form-panel,.security,.preview{padding:18px}.notice{margin-top:15px;padding:13px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 14.9%);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s2) 5.5%)}.notice b{font-size:8px;color:hsl(var(--accent-h) var(--accent-s3) 73.1%)}.notice p{font-size:8px;color:var(--muted);line-height:1.5}.field{display:block;margin-top:17px;font-size:7px;font-weight:800;letter-spacing:.1em;color:var(--dim)}select,textarea{width:100%;margin-top:7px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 18.4%);border-radius:9px;background:hsl(var(--accent-h) var(--accent-s1) 4.1%);color:var(--soft);outline:0}select{height:38px;padding:0 10px}textarea{padding:10px;resize:vertical;line-height:1.5}.field small{display:block;margin-top:6px;font-size:7px;color:hsl(var(--accent-h) var(--accent-s0) 30.6%);font-weight:400;letter-spacing:0}.message{margin-top:18px;padding:16px;border-radius:12px;background:hsl(var(--accent-h) var(--accent-s1) 8.4%);border:1px solid hsl(var(--accent-h) var(--accent-s1) 14.1%);display:grid;grid-template-columns:40px 1fr;gap:10px}.message img{width:40px;height:40px;border-radius:50%;object-fit:cover}.message b{font-size:9px}.message em{font-style:normal;font-size:6px;background:hsl(var(--accent-h) var(--accent-s4) 64.7%);padding:2px 4px;border-radius:3px}.message p{font-size:9px;color:hsl(var(--accent-h) var(--accent-s0) 79.0%)}.modules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module{min-height:108px;padding:15px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px}.module>strong{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:hsl(var(--accent-h) var(--accent-s1) 8.8%);border:1px solid hsl(var(--accent-h) var(--accent-s1) 16.5%);color:hsl(var(--accent-h) var(--accent-s2) 64.3%)}.module div b,.module div span{display:block}.module div b{font-size:9px}.module div span{font-size:7px;color:var(--muted);margin-top:3px}.module label{position:relative}.security ul{padding-left:16px}.colorline{display:flex;align-items:center;gap:10px;margin-top:8px}.colorline input{width:45px;height:30px;border:0;background:transparent}.colorline span{font-size:8px;color:var(--muted)}.toast{position:fixed;right:22px;bottom:22px;min-height:38px;padding:0 12px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 19.4%);border-radius:10px;background:hsl(var(--accent-h) var(--accent-s1) 8.6%);color:var(--soft);font-size:8px;display:flex;align-items:center;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:900px){.hero{grid-template-columns:1fr}.app{grid-template-columns:78px 1fr}.sidebar{width:78px}.side-brand div,.guild-btn div,.guild-btn strong,.side-label,.nav-btn span,.bot-mini div{display:none}.side-brand{justify-content:center}.guild-btn{grid-template-columns:1fr;justify-items:center}.nav-btn{grid-template-columns:1fr;justify-items:center}.bot-mini{grid-template-columns:1fr;justify-items:center}.main{padding:0 20px 50px}.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.hero{width:calc(100% - 30px)}.landing nav{width:calc(100% - 30px)}.hero h1{font-size:56px}.hero-card>img{height:320px}.sidebar{display:none}.app{display:block}.main{padding:0 14px 40px}.stats,.modules{grid-template-columns:1fr}.user>span,.user div{display:none}.heading h1{font-size:31px}}


/* self premium */
.premium-nav{
  position:relative;
  color:hsl(var(--accent-h) var(--accent-s4) 77.1%)!important;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 61.6% / .12)!important;
  background:linear-gradient(90deg,hsl(var(--accent-h) var(--accent-s3) 40.6% / .13),hsl(var(--accent-h) var(--accent-s2) 13.5% / .05))!important;
  overflow:visible;
}
.premium-nav:before{
  content:"";
  position:absolute;
  inset:5px 12px;
  border-radius:8px;
  background:hsl(var(--accent-h) var(--accent-s4) 61.2% / .08);
  filter:blur(11px);
  opacity:.8;
  pointer-events:none;
}
.premium-nav:hover,
.premium-nav.active{
  color:hsl(var(--accent-h) var(--accent-s4) 86.1%)!important;
  border-color:hsl(var(--accent-h) var(--accent-s4) 69.4% / .28)!important;
  background:linear-gradient(90deg,hsl(var(--accent-h) var(--accent-s3) 46.1% / .23),hsl(var(--accent-h) var(--accent-s2) 11.0% / .13))!important;
  box-shadow:inset 0 0 24px hsl(var(--accent-h) var(--accent-s4) 57.5% / .08),0 0 22px hsl(var(--accent-h) var(--accent-s4) 55.7% / .07);
}
.premium-diamond{
  position:relative;
  z-index:1;
  color:hsl(var(--accent-h) var(--accent-s4) 69.4%);
  font-size:12px;
  text-shadow:0 0 8px hsl(var(--accent-h) var(--accent-s4) 65.3% / .85),0 0 22px hsl(var(--accent-h) var(--accent-s4) 60.4% / .55);
}
.premium-view{
  padding-bottom:30px;
}
.premium-hero{
  min-height:292px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 250px;
  align-items:center;
  gap:30px;
  margin-bottom:10px;
  padding:34px 38px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 52.7% / .25);
  border-radius:20px;
  background:
    radial-gradient(circle at 84% 45%,hsl(var(--accent-h) var(--accent-s4) 56.1% / .16),transparent 20rem),
    linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 6.9%),hsl(var(--accent-h) var(--accent-s2) 3.9%) 66%);
  box-shadow:inset 0 0 60px hsl(var(--accent-h) var(--accent-s3) 41.0% / .035);
}
.premium-hero-glow{
  width:360px;
  height:360px;
  position:absolute;
  right:-75px;
  top:-55px;
  border-radius:50%;
  background:radial-gradient(circle,hsl(var(--accent-h) var(--accent-s4) 64.3% / .19),hsl(var(--accent-h) var(--accent-s4) 64.3% / 0) 67%);
  filter:blur(6px);
  pointer-events:none;
}
.premium-hero-copy{
  position:relative;
  z-index:2;
  max-width:650px;
}
.premium-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:hsl(var(--accent-h) var(--accent-s4) 71.8%);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
}
.premium-kicker i{
  width:6px;height:6px;border-radius:50%;
  background:hsl(var(--accent-h) var(--accent-s4) 70.4%);
  box-shadow:0 0 14px hsl(var(--accent-h) var(--accent-s4) 64.7% / .9);
}
.premium-hero h1{
  margin:12px 0 12px;
  font-size:46px;
  line-height:.94;
  letter-spacing:-.055em;
}
.premium-hero h1 em{
  color:hsl(var(--accent-h) var(--accent-s3) 69.4%);
  font-style:normal;
  text-shadow:0 0 24px hsl(var(--accent-h) var(--accent-s3) 58.4% / .16);
}
.premium-hero p{
  max-width:600px;
  margin:0;
  color:hsl(var(--accent-h) var(--accent-s0) 55.3%);
  font-size:10px;
  line-height:1.72;
}
.premium-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.premium-buy,
.premium-discord{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border-radius:10px;
  font-size:9px;
  font-weight:800;
  transition:.18s ease;
}
.premium-buy{
  color:hsl(var(--accent-h) var(--accent-s3) 7.1%);
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s4) 78.6%),hsl(var(--accent-h) var(--accent-s4) 67.8%));
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 82.9%);
  box-shadow:0 0 27px hsl(var(--accent-h) var(--accent-s4) 60.6% / .18);
}
.premium-buy:hover{
  transform:translateY(-1px);
  filter:brightness(1.07);
  box-shadow:0 0 35px hsl(var(--accent-h) var(--accent-s4) 60.6% / .28);
}
.premium-discord{
  color:hsl(var(--accent-h) var(--accent-s1) 60.8%);
  background:hsl(var(--accent-h) var(--accent-s2) 7.3%);
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 17.1%);
}
.premium-discord:hover{
  color:hsl(var(--accent-h) var(--accent-s2) 89.4%);
  border-color:hsl(var(--accent-h) var(--accent-s1) 27.8%);
}
.premium-button-diamond{
  color:hsl(var(--accent-h) var(--accent-s3) 24.5%);
}
.premium-fine{
  display:block;
  margin-top:10px;
  color:hsl(var(--accent-h) var(--accent-s1) 28.2%);
  font-size:7px;
}
.premium-orb{
  width:185px;
  height:185px;
  position:relative;
  z-index:2;
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:
    radial-gradient(circle at 45% 40%,hsl(var(--accent-h) var(--accent-s3) 18.8%) 0,hsl(var(--accent-h) var(--accent-s2) 7.5%) 43%,hsl(var(--accent-h) var(--accent-s2) 4.7%) 72%);
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 68.0% / .28);
  box-shadow:
    inset 0 0 48px hsl(var(--accent-h) var(--accent-s4) 59.8% / .09),
    0 0 60px hsl(var(--accent-h) var(--accent-s4) 57.8% / .11);
}
.premium-orb:before,
.premium-orb:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 63.1% / .14);
}
.premium-orb:before{inset:-13px}
.premium-orb:after{inset:-28px;border-color:hsl(var(--accent-h) var(--accent-s4) 63.1% / .07)}
.premium-orb-core{
  color:hsl(var(--accent-h) var(--accent-s4) 72.4%);
  font-size:50px;
  line-height:1;
  text-shadow:0 0 16px hsl(var(--accent-h) var(--accent-s4) 64.3% / .95),0 0 45px hsl(var(--accent-h) var(--accent-s4) 57.6% / .65);
  animation:premiumPulse 2.4s ease-in-out infinite;
}
.premium-orb span{
  margin-top:10px;
  color:hsl(var(--accent-h) var(--accent-s1) 43.5%);
  font-size:7px;
  font-weight:900;
  letter-spacing:.28em;
}
@keyframes premiumPulse{
  0%,100%{transform:scale(.98);filter:brightness(.92)}
  50%{transform:scale(1.05);filter:brightness(1.16)}
}
.premium-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-bottom:10px;
}
.premium-summary article{
  min-height:94px;
  padding:14px;
  border-radius:14px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 14.3%);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 7.3%),hsl(var(--accent-h) var(--accent-s2) 4.9%));
}
.premium-summary span{
  color:hsl(var(--accent-h) var(--accent-s2) 33.9%);
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}
.premium-summary b{
  display:block;
  margin:11px 0 3px;
  color:hsl(var(--accent-h) var(--accent-s2) 81.0%);
  font-size:14px;
}
.premium-summary small{
  color:hsl(var(--accent-h) var(--accent-s1) 34.1%);
  font-size:7px;
}
.premium-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:10px;
}
.premium-panel{
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 14.3%);
  border-radius:16px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 6.7%),hsl(var(--accent-h) var(--accent-s1) 4.7%));
}
.premium-feature-list{
  padding:18px;
}
.premium-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.premium-panel-head h2{
  margin:6px 0 0;
  font-size:17px;
}
.premium-count{
  padding:6px 9px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 60.4% / .19);
  border-radius:999px;
  color:hsl(var(--accent-h) var(--accent-s2) 52.4%);
  background:hsl(var(--accent-h) var(--accent-s3) 37.1% / .08);
  font-size:7px;
  font-weight:800;
}
.premium-command-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.premium-command{
  min-height:72px;
  padding:11px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:11px;
  align-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 12.4%);
  border-radius:12px;
  background:hsl(var(--accent-h) var(--accent-s2) 5.5%);
  transition:.15s ease;
}
.premium-command:hover{
  border-color:hsl(var(--accent-h) var(--accent-s2) 22.9%);
  background:hsl(var(--accent-h) var(--accent-s2) 6.9%);
}
.premium-command code{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  max-width:126px;
  padding:0 8px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 21.6%);
  border-radius:7px;
  background:hsl(var(--accent-h) var(--accent-s2) 10.0%);
  color:hsl(var(--accent-h) var(--accent-s4) 75.5%);
  font-size:8px;
  white-space:nowrap;
}
.premium-command b,
.premium-command span{
  display:block;
}
.premium-command b{
  color:hsl(var(--accent-h) var(--accent-s1) 77.3%);
  font-size:8px;
}
.premium-command span{
  margin-top:3px;
  color:hsl(var(--accent-h) var(--accent-s0) 37.8%);
  font-size:7px;
  line-height:1.45;
}
.premium-side{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.premium-card,
.premium-purchase-card{
  padding:18px;
}
.premium-large-number{
  margin-top:14px;
  color:hsl(var(--accent-h) var(--accent-s4) 77.1%);
  font-size:38px;
  font-weight:900;
  letter-spacing:-.06em;
  text-shadow:0 0 20px hsl(var(--accent-h) var(--accent-s4) 61.2% / .12);
}
.premium-card>b{
  color:hsl(var(--accent-h) var(--accent-s0) 42.5%);
  font-size:8px;
}
.premium-divider{
  height:1px;
  margin:14px 0;
  background:hsl(var(--accent-h) var(--accent-s2) 13.3%);
}
.premium-color-demo{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
}
.premium-color-demo>span{
  width:34px;height:34px;border-radius:9px;
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s4) 71.0%),hsl(var(--accent-h) var(--accent-s4) 69.4%),#e56b95);
  box-shadow:0 0 18px hsl(var(--accent-h) var(--accent-s4) 65.3% / .12);
}
.premium-color-demo b,
.premium-color-demo small{
  display:block;
}
.premium-color-demo b{
  color:hsl(var(--accent-h) var(--accent-s1) 71.0%);
  font-size:8px;
}
.premium-color-demo small{
  margin-top:3px;
  color:hsl(var(--accent-h) var(--accent-s1) 35.5%);
  font-size:7px;
  line-height:1.4;
}
.premium-purchase-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,hsl(var(--accent-h) var(--accent-s4) 57.6% / .12),transparent 12rem),
    linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 7.1%),hsl(var(--accent-h) var(--accent-s1) 4.7%));
}
.premium-small-diamond{
  color:hsl(var(--accent-h) var(--accent-s4) 72.0%);
  font-size:22px;
  text-shadow:0 0 15px hsl(var(--accent-h) var(--accent-s4) 62.5% / .7);
}
.premium-purchase-card h3{
  margin:10px 0 6px;
  font-size:15px;
}
.premium-purchase-card p{
  color:hsl(var(--accent-h) var(--accent-s0) 43.3%);
  font-size:8px;
  line-height:1.55;
}
.premium-purchase-card a{
  display:inline-block;
  margin-top:8px;
  color:hsl(var(--accent-h) var(--accent-s3) 69.2%);
  font-size:8px;
  font-weight:800;
}
.premium-purchase-card a:hover{
  color:hsl(var(--accent-h) var(--accent-s4) 83.9%);
}

@media(max-width:1050px){
  .premium-hero{grid-template-columns:1fr 185px}
  .premium-orb{width:150px;height:150px}
  .premium-grid{grid-template-columns:1fr}
  .premium-side{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .premium-hero{grid-template-columns:1fr;padding:26px 20px}
  .premium-orb{display:none}
  .premium-hero h1{font-size:38px}
  .premium-summary{grid-template-columns:1fr 1fr}
  .premium-command-grid{grid-template-columns:1fr}
  .premium-side{grid-template-columns:1fr}
}

/* v1.2 access + commands + tickets */
.demo-access{margin-top:22px}.demo-access>span{display:block;margin-bottom:8px;color:var(--dim);font-size:7px;font-weight:800;letter-spacing:.14em}.demo-access div{display:flex;gap:6px;flex-wrap:wrap}.demo-access a{padding:7px 10px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 15.9%);border-radius:8px;background:hsl(var(--accent-h) var(--accent-s1) 6.3%);color:hsl(var(--accent-h) var(--accent-s0) 54.3%);font-size:8px;font-weight:800}.demo-access a:hover{border-color:hsl(var(--accent-h) var(--accent-s1) 27.6%);color:hsl(var(--accent-h) var(--accent-s3) 85.7%)}.access-card{margin-top:15px;padding:10px 11px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 12.7%);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s1) 5.9%)}.access-card span,.access-card b,.access-card small{display:block}.access-card span{color:hsl(var(--accent-h) var(--accent-s1) 28.0%);font-size:6px;font-weight:900;letter-spacing:.16em}.access-card b{margin-top:4px;color:hsl(var(--accent-h) var(--accent-s1) 60.6%);font-size:10px}.access-card small{margin-top:2px;color:hsl(var(--accent-h) var(--accent-s0) 29.4%);font-size:7px}.header-access{padding:5px 8px!important;border:1px solid hsl(var(--accent-h) var(--accent-s2) 17.5%);border-radius:999px;background:hsl(var(--accent-h) var(--accent-s2) 7.8%);color:hsl(var(--accent-h) var(--accent-s2) 60.2%)!important;font-size:7px!important;font-weight:900}.support-workspace-nav{color:hsl(var(--accent-h) var(--accent-s4) 74.5%)!important;background:linear-gradient(90deg,hsl(var(--accent-h) var(--accent-s3) 42.7% / .12),transparent)!important;border:1px solid hsl(var(--accent-h) var(--accent-s3) 54.7% / .1)!important}.support-workspace-nav em{margin-left:auto;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:999px;background:hsl(var(--accent-h) var(--accent-s3) 26.3%);color:hsl(var(--accent-h) var(--accent-s4) 78.0%);font-style:normal;font-size:7px}.command-heading{align-items:flex-start}.command-total{text-align:right}.command-total b{display:block;color:hsl(var(--accent-h) var(--accent-s4) 80.2%);font-size:25px}.command-total span{color:var(--dim);font-size:7px}.command-shell{display:grid;grid-template-columns:205px 1fr;gap:10px;align-items:start}.command-categories{position:sticky;top:88px;padding:7px;border:1px solid var(--border);border-radius:14px;background:hsl(var(--accent-h) var(--accent-s1) 5.3%)}.command-cat{width:100%;min-height:34px;padding:0 9px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:hsl(var(--accent-h) var(--accent-s0) 49.2%);font-size:8px;text-align:left;cursor:pointer}.command-cat:hover{background:hsl(var(--accent-h) var(--accent-s1) 9.0%);color:hsl(var(--accent-h) var(--accent-s1) 75.9%)}.command-cat.active{background:hsl(var(--accent-h) var(--accent-s1) 11.4%);color:hsl(var(--accent-h) var(--accent-s2) 85.5%)}.command-cat span{color:hsl(var(--accent-h) var(--accent-s1) 30.0%);font-size:7px}.command-main{min-width:0}.command-search{height:43px;display:grid;grid-template-columns:30px 1fr 28px;align-items:center;padding:0 9px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 15.9%);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s1) 4.7%)}.command-search>span{color:hsl(var(--accent-h) var(--accent-s1) 34.3%)}.command-search input{border:0;outline:0;background:transparent;color:hsl(var(--accent-h) var(--accent-s1) 81.4%);font-size:9px}.command-search input::placeholder{color:hsl(var(--accent-h) var(--accent-s1) 30.4%)}.command-search kbd{padding:3px 6px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 17.5%);border-radius:5px;color:hsl(var(--accent-h) var(--accent-s0) 34.7%);background:hsl(var(--accent-h) var(--accent-s1) 7.8%);font-size:7px;text-align:center}.command-category-intro{min-height:52px;padding:11px 3px;display:flex;align-items:center;justify-content:space-between;gap:15px}.command-category-intro b{font-size:11px}.command-category-intro span{color:hsl(var(--accent-h) var(--accent-s0) 38.8%);font-size:8px;text-align:right}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.command-card{min-height:86px;padding:12px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 12.2%);border-radius:11px;background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s1) 6.3%),hsl(var(--accent-h) var(--accent-s1) 4.7%))}.command-card:hover{border-color:hsl(var(--accent-h) var(--accent-s1) 20.0%);background:hsl(var(--accent-h) var(--accent-s1) 7.5%)}.command-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.command-card code{color:hsl(var(--accent-h) var(--accent-s2) 76.1%);font-size:9px;font-weight:800}.command-card p{margin:8px 0 9px;color:hsl(var(--accent-h) var(--accent-s0) 49.2%);font-size:8px;line-height:1.45}.command-card small{color:hsl(var(--accent-h) var(--accent-s1) 28.4%);font-size:6px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.command-card.is-premium{border-color:hsl(var(--accent-h) var(--accent-s2) 20.2%);background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 7.6%),hsl(var(--accent-h) var(--accent-s2) 5.3%))}.command-card.is-premium code{color:hsl(var(--accent-h) var(--accent-s4) 75.1%)}.cmd-premium{color:hsl(var(--accent-h) var(--accent-s2) 51.6%);font-size:6px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.command-empty{padding:40px;text-align:center;color:hsl(var(--accent-h) var(--accent-s0) 37.3%);font-size:9px}.support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px}.ticket-create,.my-tickets{padding:18px}.text-input{width:100%;height:38px;margin-top:7px;padding:0 10px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 18.4%);border-radius:9px;background:hsl(var(--accent-h) var(--accent-s1) 4.1%);color:var(--soft);outline:0}.ticket-primary,.mini-btn{border:1px solid hsl(var(--accent-h) var(--accent-s2) 22.9%);border-radius:9px;cursor:pointer;font-size:8px;font-weight:800}.ticket-primary{min-height:38px;margin-top:14px;padding:0 14px;background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s4) 74.3%),hsl(var(--accent-h) var(--accent-s3) 63.7%));color:hsl(var(--accent-h) var(--accent-s3) 6.7%)}.ticket-primary:hover{filter:brightness(1.06)}.mini-btn{min-height:29px;padding:0 10px;background:hsl(var(--accent-h) var(--accent-s1) 8.6%);color:hsl(var(--accent-h) var(--accent-s0) 55.1%)}.ticket-panel-head{display:flex;align-items:flex-start;justify-content:space-between}.ticket-panel-head h2{margin-top:6px}.ticket-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.ticket-row{width:100%;min-height:58px;padding:8px 10px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 12.7%);border-radius:10px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;background:hsl(var(--accent-h) var(--accent-s1) 5.3%);color:var(--soft);text-align:left;cursor:pointer}.ticket-row:hover{background:hsl(var(--accent-h) var(--accent-s1) 7.5%);border-color:hsl(var(--accent-h) var(--accent-s1) 19.4%)}.ticket-row b,.ticket-row small{display:block}.ticket-row b{font-size:8px}.ticket-row small{margin-top:4px;color:hsl(var(--accent-h) var(--accent-s0) 37.6%);font-size:7px}.ticket-status{width:7px;height:7px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s0) 48.8%)}.ticket-status.open{background:hsl(var(--accent-h) var(--accent-s4) 69.8%);box-shadow:0 0 10px hsl(var(--accent-h) var(--accent-s4) 63.7% / .35)}.ticket-status.pending{background:#d0a966}.ticket-status.closed{background:hsl(var(--accent-h) var(--accent-s0) 32.9%)}.priority{padding:4px 6px;border-radius:6px;background:hsl(var(--accent-h) var(--accent-s1) 8.6%);color:hsl(var(--accent-h) var(--accent-s0) 40.0%);font-style:normal;font-size:6px;text-transform:uppercase}.priority.high,.priority.urgent{color:#d3878e;background:#231417}.ticket-empty,.ticket-placeholder{padding:38px 15px;text-align:center;color:hsl(var(--accent-h) var(--accent-s0) 35.9%);font-size:8px}.ticket-detail{margin-top:10px;padding:18px}.ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 11.4%)}.ticket-detail-head h2{margin:6px 0 4px;font-size:17px}.ticket-detail-head p{margin:0;color:hsl(var(--accent-h) var(--accent-s0) 38.6%);font-size:7px}.ticket-state{padding:6px 8px;border-radius:999px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 16.9%);color:hsl(var(--accent-h) var(--accent-s0) 45.5%);font-size:6px;font-weight:900;text-transform:uppercase}.ticket-state.open{border-color:hsl(var(--accent-h) var(--accent-s3) 27.8%);color:hsl(var(--accent-h) var(--accent-s4) 73.9%)}.ticket-state.pending{border-color:#544424;color:#c5a65f}.ticket-state.closed{color:hsl(var(--accent-h) var(--accent-s0) 40.2%)}.ticket-thread{max-height:430px;overflow:auto;padding:11px 0;display:flex;flex-direction:column;gap:8px}.ticket-message{padding:11px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 11.8%);border-radius:10px;background:hsl(var(--accent-h) var(--accent-s1) 5.3%)}.ticket-message.internal{border-color:#473d23;background:#16140d}.ticket-message>div{display:flex;justify-content:space-between;gap:10px}.ticket-message b{font-size:8px}.ticket-message span{color:hsl(var(--accent-h) var(--accent-s1) 34.3%);font-size:6px}.ticket-message p{margin:7px 0 0;color:hsl(var(--accent-h) var(--accent-s0) 58.6%);font-size:8px;line-height:1.55}.ticket-message.internal p{color:#a69a76}.ticket-reply{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.ticket-reply textarea{margin:0}.ticket-reply .ticket-primary{margin:0;min-height:58px}.ticket-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.ticket-stats article{padding:13px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 14.9%);border-radius:12px;background:hsl(var(--accent-h) var(--accent-s2) 6.3%)}.ticket-stats small{color:hsl(var(--accent-h) var(--accent-s1) 33.5%);font-size:6px;font-weight:900}.ticket-stats b{display:block;margin-top:7px;color:hsl(var(--accent-h) var(--accent-s3) 75.9%);font-size:19px}.support-chip{padding:7px 10px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 29.2%);border-radius:999px;background:hsl(var(--accent-h) var(--accent-s3) 11.0%);color:hsl(var(--accent-h) var(--accent-s4) 72.5%);font-size:7px;font-weight:900;box-shadow:0 0 22px hsl(var(--accent-h) var(--accent-s4) 60.6% / .08)}.staff-ticket-layout{display:grid;grid-template-columns:360px 1fr;gap:10px;min-height:560px}.staff-ticket-queue,.staff-ticket-detail{padding:13px}.ticket-queue-tools{display:grid;grid-template-columns:1fr 115px;gap:6px}.ticket-search{height:35px;padding:0 9px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 16.9%);border-radius:9px;display:grid;grid-template-columns:22px 1fr;align-items:center;background:hsl(var(--accent-h) var(--accent-s2) 4.9%)}.ticket-search input{border:0;outline:0;background:transparent;color:hsl(var(--accent-h) var(--accent-s1) 74.7%);font-size:8px}.ticket-queue-tools select{height:35px;margin:0;font-size:7px}.staff-list{max-height:500px;overflow:auto}.staff-ticket-detail{min-width:0}.ticket-placeholder span{display:block;margin-bottom:9px;color:hsl(var(--accent-h) var(--accent-s2) 55.9%);font-size:24px}.ticket-placeholder b{display:block;color:hsl(var(--accent-h) var(--accent-s1) 57.5%)}.ticket-placeholder p{color:hsl(var(--accent-h) var(--accent-s0) 33.1%)}.staff-ticket-controls{padding:10px 0;display:flex;gap:6px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 11.4%)}.staff-ticket-controls select{width:auto;height:30px;margin:0;font-size:7px}.staff-thread{max-height:355px}.staff-reply-mode{display:flex;justify-content:flex-end;padding:4px 0 7px;color:hsl(var(--accent-h) var(--accent-s0) 44.1%);font-size:7px}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.system-grid article{padding:15px}.system-grid small{color:hsl(var(--accent-h) var(--accent-s1) 33.1%);font-size:6px;font-weight:900}.system-grid b{display:block;margin-top:9px;color:hsl(var(--accent-h) var(--accent-s3) 75.3%);font-size:16px}.system-info{margin-top:10px}.system-info p{color:hsl(var(--accent-h) var(--accent-s0) 45.3%);font-size:8px;line-height:1.6}.system-info pre{max-height:300px;overflow:auto;margin-top:14px;padding:13px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 13.1%);border-radius:10px;background:hsl(var(--accent-h) var(--accent-s1) 4.3%);color:hsl(var(--accent-h) var(--accent-s0) 54.7%);font-size:8px}.ticket-create select{width:100%}
body[data-access="support"],body[data-access="admin"],body[data-access="developer"],body[data-access="owner"]{background:radial-gradient(circle at 76% 0,hsl(var(--accent-h) var(--accent-s3) 47.5% / .12),transparent 35rem),var(--bg)}body[data-access="support"] .access-card,body[data-access="admin"] .access-card,body[data-access="developer"] .access-card,body[data-access="owner"] .access-card{border-color:hsl(var(--accent-h) var(--accent-s2) 21.6%);background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s2) 8.8%),hsl(var(--accent-h) var(--accent-s2) 5.5%))}body[data-access="support"] .access-card b,body[data-access="admin"] .access-card b,body[data-access="developer"] .access-card b,body[data-access="owner"] .access-card b{color:hsl(var(--accent-h) var(--accent-s4) 74.1%);text-shadow:0 0 18px hsl(var(--accent-h) var(--accent-s4) 60.4% / .16)}
@media(max-width:1050px){.command-shell{grid-template-columns:170px 1fr}.staff-ticket-layout{grid-template-columns:300px 1fr}.support-grid{grid-template-columns:1fr}.command-grid{grid-template-columns:1fr}}
@media(max-width:760px){.command-shell{grid-template-columns:1fr}.command-categories{position:static;display:flex;overflow:auto}.command-cat{min-width:max-content}.staff-ticket-layout{grid-template-columns:1fr}.ticket-stats,.system-grid{grid-template-columns:1fr 1fr}.ticket-queue-tools{grid-template-columns:1fr}.header-access{display:none!important}}


/* =========================================================
   V1.3 public landing — reference-inspired floating menu
   ========================================================= */
.public-page{
  margin:0;
  background:hsl(var(--accent-h) var(--accent-s1) 3.1%);
  color:var(--text);
  overflow-x:hidden;
}
.public-shell{
  min-height:100vh;
  position:relative;
  background:
    radial-gradient(circle at 3% 55%,hsl(var(--accent-h) var(--accent-s2) 29.0% / .18),transparent 28rem),
    radial-gradient(circle at 74% 48%,hsl(var(--accent-h) var(--accent-s2) 19.2% / .08),transparent 30rem),
    linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s1) 3.5%),hsl(var(--accent-h) var(--accent-s1) 3.1%));
}
.public-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.65;
  background-image:
    radial-gradient(circle at 4% 21%,hsl(var(--accent-h) var(--accent-s1) 47.1%) 0 1px,transparent 1.8px),
    radial-gradient(circle at 13% 47%,hsl(var(--accent-h) var(--accent-s1) 38.0%) 0 1px,transparent 1.7px),
    radial-gradient(circle at 22% 78%,hsl(var(--accent-h) var(--accent-s1) 38.2%) 0 1px,transparent 1.8px),
    radial-gradient(circle at 34% 12%,hsl(var(--accent-h) var(--accent-s1) 28.8%) 0 1px,transparent 1.6px),
    radial-gradient(circle at 40% 36%,hsl(var(--accent-h) var(--accent-s1) 41.0%) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 51% 45%,hsl(var(--accent-h) var(--accent-s1) 33.7%) 0 1px,transparent 1.6px),
    radial-gradient(circle at 57% 66%,hsl(var(--accent-h) var(--accent-s1) 41.8%) 0 1px,transparent 1.7px),
    radial-gradient(circle at 64% 28%,hsl(var(--accent-h) var(--accent-s1) 31.0%) 0 1px,transparent 1.6px),
    radial-gradient(circle at 72% 41%,hsl(var(--accent-h) var(--accent-s1) 41.8%) 0 1px,transparent 1.8px),
    radial-gradient(circle at 82% 59%,hsl(var(--accent-h) var(--accent-s1) 39.4%) 0 1px,transparent 1.7px),
    radial-gradient(circle at 91% 32%,hsl(var(--accent-h) var(--accent-s1) 36.9%) 0 1.1px,transparent 1.8px),
    radial-gradient(circle at 96% 71%,hsl(var(--accent-h) var(--accent-s1) 32.7%) 0 1px,transparent 1.7px);
}
.public-nav{
  width:min(1220px,calc(100% - 56px));
  height:110px;
  margin:0 auto;
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
}
.public-logo{
  width:46px;
  height:46px;
  display:block;
  border-radius:14px;
  overflow:hidden;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 13.3%);
  box-shadow:0 0 24px hsl(var(--accent-h) var(--accent-s2) 42.5% / .06);
}
.public-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.75) saturate(.65);
}
.public-menu{
  min-height:58px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:4px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 9.0%);
  border-radius:22px;
  background:hsl(var(--accent-h) var(--accent-s1) 6.1% / .78);
  box-shadow:0 14px 55px rgba(0,0,0,.2);
  backdrop-filter:blur(16px);
}
.public-menu a{
  min-height:40px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  border-radius:14px;
  color:hsl(var(--accent-h) var(--accent-s0) 78.0%);
  font-size:11px;
  font-weight:700;
  transition:.18s ease;
}
.public-menu a:hover{
  color:#fff;
  background:hsl(var(--accent-h) var(--accent-s1) 9.8%);
}
.public-dashboard-btn{
  justify-self:end;
  min-height:46px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 61.0% / .16);
  border-radius:16px;
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s3) 39.0%),hsl(var(--accent-h) var(--accent-s3) 42.2%));
  color:hsl(var(--accent-h) var(--accent-s3) 79.4%);
  font-size:10px;
  font-weight:800;
  box-shadow:0 12px 40px hsl(var(--accent-h) var(--accent-s3) 38.4% / .13);
  transition:.18s ease;
}
.public-dashboard-btn:hover{
  color:hsl(var(--accent-h) var(--accent-s4) 95.5%);
  transform:translateY(-1px);
  filter:brightness(1.06);
}
.discord-orb{
  font-size:14px;
  color:hsl(var(--accent-h) var(--accent-s3) 66.5%);
}
.public-hero{
  width:min(1220px,calc(100% - 56px));
  min-height:680px;
  margin:0 auto;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  align-items:center;
  gap:40px;
  padding:55px 0 95px;
}
.public-hero-copy{
  max-width:700px;
}
.public-kicker{
  color:hsl(var(--accent-h) var(--accent-s1) 34.9%);
  font-size:8px;
  font-weight:900;
  letter-spacing:.2em;
}
.public-hero h1{
  margin:16px 0 27px;
  font-size:clamp(57px,6.3vw,94px);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:800;
}
.public-hero h1 em{
  color:hsl(var(--accent-h) var(--accent-s2) 71.8%);
  font-style:normal;
  text-shadow:0 0 30px hsl(var(--accent-h) var(--accent-s2) 56.3% / .06);
}
.public-hero p{
  max-width:650px;
  margin:0;
  color:hsl(var(--accent-h) var(--accent-s0) 61.8%);
  font-size:13px;
  line-height:1.9;
}
.public-actions{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.public-primary,
.public-secondary{
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:14px;
  font-size:10px;
  font-weight:800;
  transition:.18s ease;
}
.public-primary{
  color:hsl(var(--accent-h) var(--accent-s1) 90.0%);
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s1) 17.8%),hsl(var(--accent-h) var(--accent-s1) 12.9%));
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 25.3%);
  box-shadow:0 13px 35px rgba(0,0,0,.18);
}
.public-primary:hover{
  transform:translateY(-1px);
  border-color:hsl(var(--accent-h) var(--accent-s1) 37.1%);
}
.public-secondary{
  color:hsl(var(--accent-h) var(--accent-s0) 75.7%);
  background:hsl(var(--accent-h) var(--accent-s1) 8.0%);
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 16.3%);
}
.public-secondary:hover{
  color:white;
  border-color:hsl(var(--accent-h) var(--accent-s1) 28.8%);
}
.public-preview{
  margin-top:24px;
}
.public-preview>span{
  display:block;
  margin-bottom:8px;
  color:hsl(var(--accent-h) var(--accent-s1) 26.5%);
  font-size:7px;
  font-weight:900;
  letter-spacing:.17em;
}
.public-preview div{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.public-preview a{
  padding:7px 10px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 12.2%);
  border-radius:8px;
  background:hsl(var(--accent-h) var(--accent-s1) 5.5%);
  color:hsl(var(--accent-h) var(--accent-s0) 44.1%);
  font-size:8px;
  font-weight:800;
}
.public-preview a:hover{
  color:hsl(var(--accent-h) var(--accent-s1) 78.6%);
  border-color:hsl(var(--accent-h) var(--accent-s1) 23.3%);
}
.public-float-area{
  min-height:470px;
  position:relative;
}
.float-card{
  min-width:170px;
  min-height:62px;
  padding:0 16px;
  position:absolute;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 22.2%);
  border-radius:14px;
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s1) 10.4% / .88),hsl(var(--accent-h) var(--accent-s1) 5.1% / .92));
  color:hsl(var(--accent-h) var(--accent-s0) 83.7%);
  box-shadow:0 18px 60px rgba(0,0,0,.22),inset 0 0 20px hsl(var(--accent-h) var(--accent-s2) 45.3% / .03);
  backdrop-filter:blur(12px);
}
.float-card span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 28.0%);
  border-radius:9px;
  color:hsl(var(--accent-h) var(--accent-s2) 64.5%);
  background:hsl(var(--accent-h) var(--accent-s1) 11.6%);
  box-shadow:0 0 20px hsl(var(--accent-h) var(--accent-s2) 49.8% / .05);
}
.float-card b{
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  font-weight:500;
  letter-spacing:.02em;
}
.float-one{top:74px;left:65px}
.float-two{top:210px;left:155px}
.float-three{top:355px;left:65px}
.public-section{
  width:min(1120px,calc(100% - 56px));
  margin:0 auto;
  padding:115px 0;
  position:relative;
  z-index:2;
  border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 7.6%);
}
.public-section-head{
  max-width:680px;
  margin-bottom:38px;
}
.public-section-head>span{
  color:hsl(var(--accent-h) var(--accent-s1) 34.9%);
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
.public-section-head h2{
  margin:11px 0 10px;
  font-size:39px;
  letter-spacing:-.05em;
}
.public-section-head p{
  margin:0;
  color:hsl(var(--accent-h) var(--accent-s0) 47.1%);
  font-size:10px;
  line-height:1.7;
}
.public-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.public-feature-grid article{
  min-height:190px;
  padding:19px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 11.2%);
  border-radius:16px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s1) 6.3%),hsl(var(--accent-h) var(--accent-s1) 4.5%));
}
.public-feature-grid article>span{
  color:hsl(var(--accent-h) var(--accent-s1) 26.5%);
  font-size:8px;
  font-weight:900;
}
.public-feature-grid b{
  display:block;
  margin-top:34px;
  color:hsl(var(--accent-h) var(--accent-s0) 78.4%);
  font-size:13px;
}
.public-feature-grid p{
  margin:9px 0 0;
  color:hsl(var(--accent-h) var(--accent-s0) 37.6%);
  font-size:8px;
  line-height:1.65;
}
.public-feature-premium{
  border-color:hsl(var(--accent-h) var(--accent-s2) 21.4%)!important;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 8.8%),hsl(var(--accent-h) var(--accent-s2) 5.5%))!important;
}
.public-feature-premium>span{
  color:hsl(var(--accent-h) var(--accent-s4) 68.0%)!important;
  text-shadow:0 0 16px hsl(var(--accent-h) var(--accent-s4) 63.5% / .4);
}
.public-text-link{
  display:inline-block;
  margin-top:20px;
  color:hsl(var(--accent-h) var(--accent-s1) 54.3%);
  font-size:9px;
  font-weight:800;
}
.public-text-link:hover{color:hsl(var(--accent-h) var(--accent-s1) 78.0%)}
.public-status-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.public-status-grid article{
  min-height:76px;
  padding:13px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 11.2%);
  border-radius:13px;
  background:hsl(var(--accent-h) var(--accent-s1) 5.5%);
}
.public-status-grid i{
  width:9px;height:9px;border-radius:50%;
}
.status-live{
  background:#6bc99a;
  box-shadow:0 0 14px rgba(107,201,154,.25);
}
.status-blue{
  background:hsl(var(--accent-h) var(--accent-s4) 65.9%);
  box-shadow:0 0 14px hsl(var(--accent-h) var(--accent-s4) 65.9% / .22);
}
.public-status-grid b,
.public-status-grid span{
  display:block;
}
.public-status-grid b{
  color:hsl(var(--accent-h) var(--accent-s0) 74.1%);
  font-size:9px;
}
.public-status-grid span{
  margin-top:3px;
  color:hsl(var(--accent-h) var(--accent-s0) 33.7%);
  font-size:7px;
}
.public-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.public-steps article{
  min-height:110px;
  padding:17px;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:13px;
  align-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 11.2%);
  border-radius:15px;
  background:hsl(var(--accent-h) var(--accent-s1) 5.5%);
}
.public-steps strong{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 19.2%);
  border-radius:10px;
  color:hsl(var(--accent-h) var(--accent-s1) 52.7%);
  background:hsl(var(--accent-h) var(--accent-s1) 9.0%);
  font-size:11px;
}
.public-steps b,.public-steps span{display:block}
.public-steps b{font-size:10px;color:hsl(var(--accent-h) var(--accent-s0) 75.7%)}
.public-steps span{margin-top:4px;color:hsl(var(--accent-h) var(--accent-s0) 35.9%);font-size:8px;line-height:1.5}
.public-faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.public-faq-grid article{
  padding:19px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 11.2%);
  border-radius:15px;
  background:hsl(var(--accent-h) var(--accent-s1) 5.5%);
}
.public-faq-grid b{
  color:hsl(var(--accent-h) var(--accent-s0) 76.5%);
  font-size:10px;
}
.public-faq-grid p{
  color:hsl(var(--accent-h) var(--accent-s0) 38.4%);
  font-size:8px;
  line-height:1.65;
}
.public-faq-grid a{
  color:hsl(var(--accent-h) var(--accent-s1) 55.7%);
  font-size:8px;
  font-weight:800;
}
.public-footer{
  width:min(1120px,calc(100% - 56px));
  min-height:108px;
  margin:0 auto;
  padding:18px 0 28px;
  border-top:1px solid hsl(var(--accent-h) var(--accent-s3) 59.8% / .10);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
  color:hsl(var(--accent-h) var(--accent-s1) 52.5%);
  font-size:14px;
  letter-spacing:.01em;
}
.public-footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.public-footer img{
  width:34px;height:34px;
  border-radius:10px;
  object-fit:cover;
  filter:brightness(.98) saturate(1.02);
  box-shadow:0 0 20px hsl(var(--accent-h) var(--accent-s4) 69.0% / .22), 0 0 44px hsl(var(--accent-h) var(--accent-s4) 69.0% / .14);
}
.public-footer b{
  color:hsl(var(--accent-h) var(--accent-s4) 96.7%);
  font-size:20px;
  font-weight:800;
  letter-spacing:-.02em;
}
.public-footer span{
  color:hsl(var(--accent-h) var(--accent-s1) 51.8%);
  font-size:15px;
}

@media(max-width:900px){
  .public-nav{
    grid-template-columns:auto 1fr auto;
  }
  .public-menu{
    justify-self:center;
  }
  .public-menu a{
    padding:0 10px;
  }
  .public-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .public-float-area{
    min-height:360px;
  }
  .float-one{left:8%;top:25px}
  .float-two{left:35%;top:145px}
  .float-three{left:12%;top:265px}
  .public-feature-grid,
  .public-status-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:650px){
  .public-nav,
  .public-hero,
  .public-section,
  .public-footer{
    width:calc(100% - 30px);
  }
  .public-nav{
    height:80px;
    grid-template-columns:auto 1fr;
  }
  .public-menu{
    display:none;
  }
  .public-dashboard-btn{
    justify-self:end;
  }
  .public-hero{
    padding-top:45px;
  }
  .public-hero h1{
    font-size:52px;
  }
  .public-float-area{
    min-height:310px;
  }
  .float-card{min-width:145px}
  .float-one{left:0}
  .float-two{left:18%}
  .float-three{left:3%}
  .public-feature-grid,
  .public-status-grid,
  .public-steps,
  .public-faq-grid{
    grid-template-columns:1fr;
  }
  .public-section{
    padding:80px 0;
  }
}


/* =========================================================
   V1.4 hero cleanup
   ========================================================= */

/* Remove the reference-style floating feature bubbles completely. */
.public-float-area,
.float-card,
.float-one,
.float-two,
.float-three{
  display:none!important;
}

/* Right side now uses self's actual profile image as a soft background visual. */
.public-profile-art{
  min-height:520px;
  position:relative;
  overflow:hidden;
  align-self:stretch;
  isolation:isolate;
  pointer-events:none;
}

.public-profile-art img{
  width:min(610px,48vw);
  height:min(610px,48vw);
  min-width:430px;
  min-height:430px;
  position:absolute;
  right:-52px;
  top:50%;
  transform:translateY(-50%) scale(1.04);
  object-fit:cover;
  object-position:center;
  border-radius:34px;
  opacity:.20;
  filter:
    grayscale(.26)
    saturate(.70)
    brightness(.66)
    contrast(1.08);
  -webkit-mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.28) 15%,
    #000 39%,
    #000 75%,
    rgba(0,0,0,.62) 90%,
    transparent 100%
  );
  mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.28) 15%,
    #000 39%,
    #000 75%,
    rgba(0,0,0,.62) 90%,
    transparent 100%
  );
}

.profile-art-glow{
  width:520px;
  height:520px;
  position:absolute;
  right:-40px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(
    circle,
    hsl(var(--accent-h) var(--accent-s2) 48.8% / .10) 0,
    hsl(var(--accent-h) var(--accent-s2) 37.5% / .055) 34%,
    hsl(var(--accent-h) var(--accent-s2) 24.1% / .02) 58%,
    transparent 72%
  );
  filter:blur(18px);
  z-index:-1;
}

.profile-art-fade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,hsl(var(--accent-h) var(--accent-s1) 3.1%) 0%,hsl(var(--accent-h) var(--accent-s1) 3.1% / .70) 12%,transparent 48%),
    linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s1) 3.1%) 0%,transparent 16%,transparent 78%,hsl(var(--accent-h) var(--accent-s1) 3.1%) 100%);
}

/* Give the art a little more room without changing the left-hand copy. */
.public-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);
}

/* Keep the right-side visual subtle on smaller displays. */
@media(max-width:900px){
  .public-profile-art{
    min-height:390px;
  }
  .public-profile-art img{
    width:470px;
    height:470px;
    min-width:0;
    min-height:0;
    right:50%;
    transform:translate(50%,-50%);
    opacity:.15;
  }
  .profile-art-glow{
    right:50%;
    transform:translate(50%,-50%);
  }
}

@media(max-width:650px){
  .public-profile-art{
    min-height:300px;
  }
  .public-profile-art img{
    width:360px;
    height:360px;
    opacity:.13;
  }
}


/* =========================================================
   V1.5 overview, updates, and ticket cleanup
   ========================================================= */
.overview-info-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:10px;margin-top:10px}
.overview-info-card,.overview-update-card{min-height:330px;padding:19px}
.overview-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 11.6%)}
.overview-card-head h2{margin:6px 0 0}
.overview-readonly{padding:5px 7px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 16.7%);border-radius:999px;color:hsl(var(--accent-h) var(--accent-s1) 36.3%);background:hsl(var(--accent-h) var(--accent-s1) 6.1%);font-size:6px;font-weight:900;letter-spacing:.09em}
.overview-info-rows{display:flex;flex-direction:column}
.overview-info-rows>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 10.0%)}
.overview-info-rows span{color:hsl(var(--accent-h) var(--accent-s0) 43.5%);font-size:8px}
.overview-info-rows b{color:hsl(var(--accent-h) var(--accent-s1) 69.0%);font-size:8px;text-transform:uppercase}
.update-version{color:hsl(var(--accent-h) var(--accent-s2) 56.7%);font-size:7px;font-weight:900;letter-spacing:.08em}
.overview-latest-update{padding-top:20px}
.overview-latest-update h3{margin:10px 0 7px;color:hsl(var(--accent-h) var(--accent-s1) 81.4%);font-size:18px;letter-spacing:-.03em}
.overview-latest-update p{margin:0;color:hsl(var(--accent-h) var(--accent-s0) 48.6%);font-size:9px;line-height:1.65}
.overview-latest-update small{display:block;margin-top:14px;color:hsl(var(--accent-h) var(--accent-s1) 29.4%);font-size:7px}
.overview-update-empty{min-height:180px;display:grid;place-items:center;color:hsl(var(--accent-h) var(--accent-s1) 28.8%);font-size:8px}

.update-count{margin-top:12px;padding:7px 10px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 16.9%);border-radius:999px;color:hsl(var(--accent-h) var(--accent-s1) 46.9%);background:hsl(var(--accent-h) var(--accent-s2) 6.1%);font-size:7px;font-weight:900}
.update-composer{margin-bottom:10px;padding:18px;border-color:hsl(var(--accent-h) var(--accent-s2) 20.8%);background:radial-gradient(circle at 100% 0,hsl(var(--accent-h) var(--accent-s3) 57.3% / .07),transparent 18rem),linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s1) 7.1%),hsl(var(--accent-h) var(--accent-s1) 4.7%))}
.update-composer-head,.update-publish-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.update-composer-head h2{margin:6px 0 0}
.update-composer-head>span{color:hsl(var(--accent-h) var(--accent-s2) 39.8%);font-size:7px;font-weight:900}
.update-form-grid{display:grid;grid-template-columns:1fr 150px 160px;gap:8px}
.update-publish-row{align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 11.8%)}
.update-publish-row>span{color:hsl(var(--accent-h) var(--accent-s1) 33.3%);font-size:7px}
.update-publish-row .ticket-primary{margin:0}
.update-log{display:flex;flex-direction:column;gap:9px}
.update-entry{padding:20px}
.update-entry-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.update-entry-top>div{display:flex;align-items:center;gap:7px}
.update-type{display:inline-flex;min-height:22px;align-items:center;padding:0 7px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 20.0%);border-radius:999px;background:hsl(var(--accent-h) var(--accent-s1) 8.2%);color:hsl(var(--accent-h) var(--accent-s0) 49.2%);font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.update-type.feature{color:hsl(var(--accent-h) var(--accent-s3) 68.2%);border-color:hsl(var(--accent-h) var(--accent-s2) 30.4%);background:hsl(var(--accent-h) var(--accent-s2) 9.4%)}
.update-type.fix{color:#79b999;border-color:#28563d;background:#0d1812}
.update-type.maintenance{color:#c6a26d;border-color:#584524;background:#17130d}
.update-type.premium{color:hsl(var(--accent-h) var(--accent-s4) 78.0%);border-color:hsl(var(--accent-h) var(--accent-s2) 32.5%);background:hsl(var(--accent-h) var(--accent-s2) 9.8%);box-shadow:0 0 17px hsl(var(--accent-h) var(--accent-s4) 59.2% / .06)}
.update-entry-version{color:hsl(var(--accent-h) var(--accent-s1) 33.1%);font-size:7px;font-weight:900}
.update-entry h2{margin:14px 0 7px;font-size:20px}
.update-summary{margin:0 0 14px;color:hsl(var(--accent-h) var(--accent-s1) 56.9%);font-size:9px;font-weight:700}
.update-body{color:hsl(var(--accent-h) var(--accent-s0) 47.1%);font-size:9px;line-height:1.72}
.update-entry footer{margin-top:17px;padding-top:11px;border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 11.2%);display:flex;justify-content:space-between;color:hsl(var(--accent-h) var(--accent-s1) 28.6%);font-size:7px}
.update-empty{min-height:230px;display:grid;place-items:center;border:1px dashed hsl(var(--accent-h) var(--accent-s1) 14.9%);border-radius:14px;color:hsl(var(--accent-h) var(--accent-s1) 31.4%);font-size:8px}

.support-clean-heading{align-items:center}
.compact-ticket-btn{margin:0;min-height:36px}
.clean-ticket-composer{margin-bottom:10px;padding:18px}
.clean-composer-head,.ticket-compose-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.clean-composer-head h2{margin:6px 0 0}
.ticket-compose-grid{display:grid;grid-template-columns:1fr 190px;gap:8px}
.ticket-compose-actions{align-items:center;margin-top:12px}
.ticket-compose-actions>span{color:hsl(var(--accent-h) var(--accent-s1) 33.3%);font-size:7px}
.ticket-compose-actions .ticket-primary{margin:0}
.clean-support-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:10px;min-height:600px}
.clean-ticket-list-panel,.clean-ticket-detail{padding:14px}
.my-ticket-summary{margin:10px 0 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.my-ticket-summary span{padding:7px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 12.2%);border-radius:8px;background:hsl(var(--accent-h) var(--accent-s1) 5.3%);color:hsl(var(--accent-h) var(--accent-s1) 34.1%);font-size:6px;text-align:center}
.my-ticket-summary b{color:hsl(var(--accent-h) var(--accent-s1) 58.4%)}
.clean-ticket-list{max-height:500px;overflow:auto}
.clean-ticket-placeholder{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.clean-ticket-placeholder>span{width:34px;height:34px;display:grid;place-items:center;margin-bottom:10px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 20.4%);border-radius:50%;color:hsl(var(--accent-h) var(--accent-s2) 56.7%)}
.clean-ticket-meta{padding:9px 0;display:flex;gap:8px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 11.4%)}
.clean-ticket-meta span{padding:6px 8px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 13.7%);border-radius:7px;color:hsl(var(--accent-h) var(--accent-s1) 33.3%);background:hsl(var(--accent-h) var(--accent-s1) 5.3%);font-size:6px;text-transform:uppercase}
.clean-ticket-meta b{color:hsl(var(--accent-h) var(--accent-s0) 51.0%)}
.clean-ticket-thread{min-height:320px;max-height:410px}
.clean-ticket-reply textarea{min-height:58px}
.closed-ticket-note{margin-top:8px;padding:12px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 15.3%);border-radius:9px;color:hsl(var(--accent-h) var(--accent-s0) 38.4%);background:hsl(var(--accent-h) var(--accent-s1) 5.1%);text-align:center;font-size:7px}

.compact-ticket-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-ticket-stats article{min-height:72px}
.clean-staff-ticket-layout{grid-template-columns:330px minmax(0,1fr)}
.staff-queue-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.staff-queue-title h2{margin:5px 0 0;font-size:15px}
.staff-queue-title>span{color:hsl(var(--accent-h) var(--accent-s1) 29.0%);font-size:6px}
.clean-staff-detail{padding:16px}
.clean-staff-controls{display:grid;grid-template-columns:auto 145px 145px;align-items:end;gap:7px}
.clean-staff-controls label>span{display:block;margin-bottom:4px;color:hsl(var(--accent-h) var(--accent-s1) 30.8%);font-size:6px;font-weight:900}
.clean-staff-controls select{width:100%}
.staff-compose{padding-top:5px;border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 11.4%)}
.internal-toggle{display:flex;justify-content:flex-end;align-items:center;gap:5px;padding-bottom:6px;color:hsl(var(--accent-h) var(--accent-s0) 45.1%);font-size:7px}

@media(max-width:1050px){
  .overview-info-grid{grid-template-columns:1fr}
  .update-form-grid{grid-template-columns:1fr 1fr}
  .update-form-grid .field:first-child{grid-column:1/-1}
  .clean-support-layout{grid-template-columns:300px 1fr}
  .clean-staff-ticket-layout{grid-template-columns:290px 1fr}
}
@media(max-width:760px){
  .update-form-grid,.ticket-compose-grid,.clean-support-layout,.clean-staff-ticket-layout{grid-template-columns:1fr}
  .clean-ticket-detail{min-height:420px}
  .clean-staff-controls{grid-template-columns:1fr}
}


/* =========================================================
   V1.6 overview cleanup + live staff presence
   ========================================================= */

.self-overview-title span{
  color:hsl(var(--accent-h) var(--accent-s4) 77.1%);
  text-shadow:
    0 0 9px hsl(var(--accent-h) var(--accent-s4) 66.3% / .25),
    0 0 27px hsl(var(--accent-h) var(--accent-s3) 54.1% / .15);
}

.overview-stats-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.live-staff-card{
  min-height:330px;
  padding:19px;
}

.live-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid #244032;
  border-radius:999px;
  background:#0a140f;
  color:#72b58e;
  font-size:6px;
  font-weight:900;
  letter-spacing:.08em;
}

.live-badge i,
.bot-status-block b i{
  width:6px;
  height:6px;
  display:inline-block;
  border-radius:50%;
  background:#67d59a;
  box-shadow:0 0 12px rgba(103,213,154,.42);
}

.staff-counter-wrap{
  min-height:128px;
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:22px;
  padding:0 3px 18px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 11.6%);
}

.staff-count-main strong{
  display:block;
  color:hsl(var(--accent-h) var(--accent-s1) 88.6%);
  font-size:58px;
  line-height:.9;
  letter-spacing:-.075em;
}

.staff-count-main span{
  display:block;
  margin-top:9px;
  color:hsl(var(--accent-h) var(--accent-s0) 36.1%);
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.bot-status-block{
  min-width:155px;
  padding:14px;
  border:1px solid #1d2b23;
  border-radius:12px;
  background:#0a100c;
}

.bot-status-block small{
  display:block;
  color:#46534b;
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
}

.bot-status-block b{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
  color:#8ec3a4;
  font-size:10px;
}

.staff-online-list{
  margin-top:12px;
  max-height:112px;
  overflow:auto;
}

.staff-empty{
  min-height:70px;
  display:grid;
  place-items:center;
  color:hsl(var(--accent-h) var(--accent-s1) 28.8%);
  font-size:8px;
}

.staff-presence-row{
  min-height:42px;
  display:grid;
  grid-template-columns:8px 1fr auto;
  align-items:center;
  gap:9px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s1) 10.0%);
}

.staff-presence-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#65d39a;
  box-shadow:0 0 10px rgba(101,211,154,.38);
}

.staff-presence-row b,
.staff-presence-row small{
  display:block;
}

.staff-presence-row b{
  color:hsl(var(--accent-h) var(--accent-s0) 67.1%);
  font-size:8px;
}

.staff-presence-row small{
  margin-top:2px;
  color:hsl(var(--accent-h) var(--accent-s1) 34.9%);
  font-size:6px;
  text-transform:uppercase;
}

.staff-presence-row em{
  color:#537861;
  font-size:6px;
  font-style:normal;
  text-transform:uppercase;
}

@media(max-width:760px){
  .overview-stats-two{grid-template-columns:1fr}
  .staff-counter-wrap{grid-template-columns:1fr}
  .bot-status-block{min-width:0}
}


/* =========================================================
   V1.7 transitions + Support feedback
   ========================================================= */

/* smoother full-page tab changes */
.view{
  display:none;
  padding-top:36px;
  opacity:0;
  transform:translateY(8px) scale(.997);
}
.view.active{
  display:block;
  opacity:1;
  transform:none;
  animation:selfViewIn .24s cubic-bezier(.2,.7,.2,1);
}
.view.view-leaving{
  display:block!important;
  pointer-events:none;
  animation:selfViewOut .15s ease forwards;
}
.view.view-entering{
  opacity:0;
  transform:translateY(8px) scale(.997);
}
@keyframes selfViewIn{
  from{opacity:0;transform:translateY(8px) scale(.997);filter:blur(2px)}
  to{opacity:1;transform:none;filter:blur(0)}
}
@keyframes selfViewOut{
  from{opacity:1;transform:none;filter:blur(0)}
  to{opacity:0;transform:translateY(-4px) scale(.999);filter:blur(1px)}
}

/* remove the older short animation so it does not double-animate */
.view.active{animation-name:selfViewIn!important}

/* internal Support modes */
.support-mode-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:12px;
}
.support-mode{
  min-height:66px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 13.9%);
  border-radius:12px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s1) 6.3%),hsl(var(--accent-h) var(--accent-s1) 4.7%));
  color:hsl(var(--accent-h) var(--accent-s0) 49.2%);
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.support-mode:hover{
  border-color:hsl(var(--accent-h) var(--accent-s1) 22.2%);
  background:hsl(var(--accent-h) var(--accent-s1) 7.5%);
}
.support-mode.active{
  border-color:hsl(var(--accent-h) var(--accent-s2) 28.2%);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 10.8%),hsl(var(--accent-h) var(--accent-s2) 6.7%));
  color:hsl(var(--accent-h) var(--accent-s4) 80.4%);
  box-shadow:inset 0 0 25px hsl(var(--accent-h) var(--accent-s3) 57.5% / .04);
}
.support-mode>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 19.8%);
  border-radius:9px;
  background:hsl(var(--accent-h) var(--accent-s1) 8.4%);
  color:hsl(var(--accent-h) var(--accent-s2) 61.8%);
  font-size:13px;
}
.support-mode b,
.support-mode small{
  display:block;
}
.support-mode b{
  color:hsl(var(--accent-h) var(--accent-s1) 75.1%);
  font-size:9px;
}
.support-mode small{
  margin-top:4px;
  color:hsl(var(--accent-h) var(--accent-s1) 35.7%);
  font-size:7px;
}

.support-mode-view{
  display:none;
  opacity:0;
  transform:translateY(5px);
}
.support-mode-view.active{
  display:block;
  opacity:1;
  transform:none;
  animation:supportModeIn .2s ease;
}
.support-mode-view.support-mode-leaving{
  display:block!important;
  animation:supportModeOut .12s ease forwards;
}
@keyframes supportModeIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}
@keyframes supportModeOut{
  from{opacity:1;transform:none}
  to{opacity:0;transform:translateY(-3px)}
}

.support-section-head{
  min-height:64px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin-bottom:8px;
}
.support-section-head h2{
  margin:6px 0 4px;
  font-size:17px;
}
.support-section-head p{
  margin:0;
  color:hsl(var(--accent-h) var(--accent-s0) 42.0%);
  font-size:8px;
}

/* suggestions / feedback */
.feedback-layout{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:10px;
}
.feedback-composer,
.feedback-history{
  padding:18px;
  min-height:510px;
}
.feedback-composer-icon{
  width:42px;
  height:42px;
  margin-bottom:16px;
  display:grid;
  place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 26.5%);
  border-radius:11px;
  color:hsl(var(--accent-h) var(--accent-s4) 70.0%);
  background:hsl(var(--accent-h) var(--accent-s2) 10.8%);
  font-size:16px;
  box-shadow:0 0 24px hsl(var(--accent-h) var(--accent-s3) 57.5% / .06);
}
.feedback-composer h2{
  margin:7px 0 5px;
}
.feedback-intro{
  margin:0 0 17px;
  color:hsl(var(--accent-h) var(--accent-s0) 42.4%);
  font-size:8px;
  line-height:1.6;
}
.feedback-type-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  margin-bottom:4px;
}
.feedback-type{
  height:32px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 16.1%);
  border-radius:8px;
  background:hsl(var(--accent-h) var(--accent-s1) 5.3%);
  color:hsl(var(--accent-h) var(--accent-s0) 39.2%);
  font-size:7px;
  font-weight:800;
  cursor:pointer;
  transition:.16s ease;
}
.feedback-type:hover{
  color:hsl(var(--accent-h) var(--accent-s1) 60.4%);
  border-color:hsl(var(--accent-h) var(--accent-s1) 24.1%);
}
.feedback-type.active{
  border-color:hsl(var(--accent-h) var(--accent-s2) 33.3%);
  background:hsl(var(--accent-h) var(--accent-s2) 10.8%);
  color:hsl(var(--accent-h) var(--accent-s4) 75.1%);
}
.feedback-submit-row{
  margin-top:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.feedback-submit-row small{
  max-width:300px;
  color:hsl(var(--accent-h) var(--accent-s1) 31.8%);
  font-size:7px;
  line-height:1.5;
}
.feedback-submit-row .ticket-primary{
  margin:0;
  min-width:92px;
}
.feedback-list{
  margin-top:13px;
  max-height:435px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.feedback-empty{
  min-height:340px;
  display:grid;
  place-items:center;
  color:hsl(var(--accent-h) var(--accent-s1) 30.6%);
  font-size:8px;
}
.feedback-item{
  padding:12px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 12.4%);
  border-radius:10px;
  background:hsl(var(--accent-h) var(--accent-s1) 5.3%);
}
.feedback-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.feedback-item-head>span:last-child{
  color:hsl(var(--accent-h) var(--accent-s1) 29.0%);
  font-size:6px;
}
.feedback-kind{
  padding:4px 6px;
  border-radius:999px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 19.4%);
  color:hsl(var(--accent-h) var(--accent-s0) 44.5%);
  font-size:6px;
  font-weight:900;
  letter-spacing:.07em;
}
.feedback-kind.suggestion{
  color:hsl(var(--accent-h) var(--accent-s3) 70.6%);
  border-color:hsl(var(--accent-h) var(--accent-s2) 30.0%);
  background:hsl(var(--accent-h) var(--accent-s2) 9.2%);
}
.feedback-kind.feedback{
  color:#8bbca0;
  border-color:#2b523c;
  background:#0d1711;
}
.feedback-kind.bug{
  color:#d28b91;
  border-color:#5c3035;
  background:#1a0f11;
}
.feedback-item>b{
  display:block;
  margin-top:10px;
  color:hsl(var(--accent-h) var(--accent-s1) 72.2%);
  font-size:9px;
}
.feedback-item p{
  margin:6px 0 9px;
  color:hsl(var(--accent-h) var(--accent-s0) 45.1%);
  font-size:8px;
  line-height:1.55;
  white-space:pre-wrap;
}
.feedback-item>small{
  color:hsl(var(--accent-h) var(--accent-s1) 31.8%);
  font-size:6px;
  text-transform:uppercase;
}

@media(max-width:900px){
  .feedback-layout{grid-template-columns:1fr}
}
@media(max-width:650px){
  .support-mode-tabs{grid-template-columns:1fr}
  .feedback-type-row{grid-template-columns:1fr}
  .feedback-submit-row{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   V1.8 professional polish
   ========================================================= */
:root{
  --panel:hsl(var(--accent-h) var(--accent-s1) 5.9%);
  --panel-2:hsl(var(--accent-h) var(--accent-s1) 8.0%);
  --border:hsl(var(--accent-h) var(--accent-s1) 14.1%);
  --text:hsl(var(--accent-h) var(--accent-s2) 95.7%);
  --muted:hsl(var(--accent-h) var(--accent-s0) 49.2%);
  --blue:hsl(var(--accent-h) var(--accent-s4) 71.4%);
}

/* Cleaner surfaces: less bubble-like, tighter hierarchy. */
.panel,.stat-card,.module,.premium-panel,.ticket-row,.command-card{
  border-color:hsl(var(--accent-h) var(--accent-s1) 13.9%)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.12);
}
.heading h1{letter-spacing:-.045em}
.heading{margin-bottom:24px}
.heading>div>p:empty,.setting span:empty,.module div>span:empty{display:none}
.sidebar{background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 3.9%) 0%,hsl(var(--accent-h) var(--accent-s1) 4.3%) 100%)}
.side-brand img,.guild-btn img,.bot-mini img,.message img,.public-logo img,.public-footer img{
  filter:none!important;
}
.side-brand img{box-shadow:0 0 0 1px hsl(var(--accent-h) var(--accent-s3) 67.6% / .08),0 8px 24px rgba(0,0,0,.28)}
.access-card{padding:12px 13px}
.access-card b{font-size:9px;letter-spacing:.01em;text-transform:none}
.header-access{text-transform:none;letter-spacing:.01em}
.nav-btn{transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.nav-btn:hover{transform:translateX(2px)}
.field{letter-spacing:.09em}

/* The homepage no longer uses a faded profile image. */
.public-profile-art{display:none!important}
.public-hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}
.public-hero-atmosphere{min-height:520px;position:relative;overflow:hidden;isolation:isolate}
.public-hero-atmosphere:before{
  content:"";position:absolute;width:520px;height:520px;right:20px;top:50%;transform:translateY(-50%);
  border-radius:50%;background:radial-gradient(circle,hsl(var(--accent-h) var(--accent-s3) 60.2% / .12),hsl(var(--accent-h) var(--accent-s2) 33.9% / .035) 42%,transparent 70%);
  filter:blur(20px)
}
.public-hero-atmosphere:after{
  content:"";position:absolute;right:60px;top:105px;width:360px;height:300px;
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s4) 70.8% / .07),transparent 55%);
  clip-path:polygon(0 14%,100% 0,78% 100%,12% 78%);filter:blur(8px)
}
.public-hero-atmosphere span,.public-hero-atmosphere i{position:absolute;display:block;background:hsl(var(--accent-h) var(--accent-s4) 71.4% / .14);border-radius:999px;filter:blur(.2px)}
.public-hero-atmosphere span{width:180px;height:1px;right:145px;top:255px;transform:rotate(-18deg)}
.public-hero-atmosphere i{width:1px;height:150px;right:220px;top:190px;transform:rotate(14deg)}

/* Compact Premium nudge for Regular Access. */
.premium-nudge{
  width:330px;min-height:132px;position:fixed;right:24px;bottom:24px;z-index:150;
  display:grid;grid-template-columns:42px 1fr;gap:11px;padding:16px 42px 14px 16px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 62.4% / .30);border-radius:14px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 8.8% / .98),hsl(var(--accent-h) var(--accent-s2) 4.7% / .98));
  box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 28px hsl(var(--accent-h) var(--accent-s4) 60.8% / .10);
  opacity:0;transform:translateY(10px) scale(.985);transition:opacity .22s ease,transform .22s ease;
}
.premium-nudge.hidden{display:none!important}
.premium-nudge.show{opacity:1;transform:none;animation:premiumNudgePulse 2.4s ease-in-out infinite}
@keyframes premiumNudgePulse{
  0%,100%{box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 22px hsl(var(--accent-h) var(--accent-s4) 60.4% / .08)}
  50%{box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 36px hsl(var(--accent-h) var(--accent-s4) 64.1% / .20)}
}
.premium-nudge-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:11px;
  color:hsl(var(--accent-h) var(--accent-s4) 77.3%);background:hsl(var(--accent-h) var(--accent-s2) 11.0%);border:1px solid hsl(var(--accent-h) var(--accent-s2) 29.4%);
  text-shadow:0 0 14px hsl(var(--accent-h) var(--accent-s4) 66.7% / .75);font-size:17px
}
.premium-nudge-copy span{display:block;color:hsl(var(--accent-h) var(--accent-s2) 49.2%);font-size:6px;font-weight:900;letter-spacing:.16em}
.premium-nudge-copy b{display:block;margin-top:5px;color:hsl(var(--accent-h) var(--accent-s3) 91.0%);font-size:11px}
.premium-nudge-copy a{display:inline-block;margin-top:8px;color:hsl(var(--accent-h) var(--accent-s4) 73.5%);font-size:8px;font-weight:800}
.premium-nudge-close{
  width:26px;height:26px;position:absolute;right:9px;top:9px;border:0;border-radius:8px;
  background:transparent;color:hsl(var(--accent-h) var(--accent-s1) 39.8%);font-size:18px;line-height:1;cursor:pointer
}
.premium-nudge-close:hover{background:hsl(var(--accent-h) var(--accent-s2) 10.4%);color:hsl(var(--accent-h) var(--accent-s2) 74.1%)}
.premium-nudge-never{
  grid-column:1/-1;margin-top:3px;display:flex;align-items:center;gap:7px;
  color:hsl(var(--accent-h) var(--accent-s1) 39.0%);font-size:7px;cursor:pointer
}
.premium-nudge-never input{accent-color:hsl(var(--accent-h) var(--accent-s4) 65.5%)}

@media(max-width:760px){
  .public-hero{grid-template-columns:1fr}
  .public-hero-atmosphere{display:none}
  .premium-nudge{width:calc(100% - 28px);right:14px;bottom:82px}
}

/* =========================================================
   V1.11 public navigation refresh
   ========================================================= */
.public-nav{
  width:min(1320px,calc(100% - 56px));
  height:92px;
  margin:22px auto 0;
  padding:0 12px 0 14px;
  position:relative;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 68.4% / .19);
  border-radius:24px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 6.1% / .94),hsl(var(--accent-h) var(--accent-s2) 4.3% / .92));
  box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.018),0 0 38px hsl(var(--accent-h) var(--accent-s4) 68.0% / .035);
  backdrop-filter:blur(20px);
}
.public-nav-main,
.public-nav-actions,
.public-brand,
.public-menu,
.public-nav-link,
.public-dashboard-btn{
  display:flex;
  align-items:center;
}
.public-nav-main{gap:34px;min-width:0}
.public-brand{gap:13px;flex:0 0 auto}
.public-brand strong{
  color:hsl(var(--accent-h) var(--accent-s3) 95.7%);
  font-size:20px;
  font-weight:800;
  letter-spacing:-.035em;
}
.public-logo{
  width:48px;
  height:48px;
  display:block;
  flex:0 0 48px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 70.6% / .32);
  background:hsl(var(--accent-h) var(--accent-s2) 7.3%);
  box-shadow:0 0 24px hsl(var(--accent-h) var(--accent-s4) 67.8% / .09),inset 0 0 18px hsl(var(--accent-h) var(--accent-s4) 61.4% / .03);
}
.public-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none;
}
.public-menu{
  min-height:48px;
  padding:0;
  gap:8px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.public-menu a{
  min-height:42px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  border-radius:12px;
  color:hsl(var(--accent-h) var(--accent-s0) 63.1%);
  font-size:11px;
  font-weight:750;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.public-menu a:hover{
  color:hsl(var(--accent-h) var(--accent-s3) 95.9%);
  background:hsl(var(--accent-h) var(--accent-s4) 72.0% / .055);
  transform:translateY(-1px);
}
.public-nav-actions{
  gap:3px;
  padding:6px;
  flex:0 0 auto;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 51.6% / .13);
  border-radius:18px;
  background:hsl(var(--accent-h) var(--accent-s2) 4.3% / .62);
}
.public-nav-link{
  min-height:44px;
  padding:0 15px;
  gap:8px;
  border-radius:12px;
  color:hsl(var(--accent-h) var(--accent-s1) 68.6%);
  font-size:10px;
  font-weight:800;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.public-nav-link span{
  color:hsl(var(--accent-h) var(--accent-s4) 72.4%);
  font-size:16px;
  line-height:1;
}
.public-nav-link:hover{
  color:hsl(var(--accent-h) var(--accent-s3) 96.7%);
  background:hsl(var(--accent-h) var(--accent-s4) 72.0% / .055);
  transform:translateY(-1px);
}
.public-nav-donate span{color:hsl(var(--accent-h) var(--accent-s3) 75.5%)}
.public-dashboard-btn{
  justify-self:auto;
  min-height:48px;
  padding:0 18px;
  gap:9px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 71.8% / .30);
  border-radius:14px;
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s2) 41.2%),hsl(var(--accent-h) var(--accent-s2) 47.6%));
  color:hsl(var(--accent-h) var(--accent-s4) 96.7%);
  font-size:10px;
  font-weight:850;
  box-shadow:0 12px 32px hsl(var(--accent-h) var(--accent-s3) 40.0% / .19),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.public-dashboard-btn:hover{
  color:#fff;
  transform:translateY(-1px);
  filter:brightness(1.07);
  box-shadow:0 14px 38px hsl(var(--accent-h) var(--accent-s3) 40.0% / .25),0 0 22px hsl(var(--accent-h) var(--accent-s4) 69.8% / .08);
}
.discord-orb{color:hsl(var(--accent-h) var(--accent-s4) 86.9%);font-size:14px}
.public-features-section{padding-top:95px}
.public-feature-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.public-feature-strip article{
  min-height:112px;
  padding:18px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 13.3%);
  border-radius:15px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 7.1%),hsl(var(--accent-h) var(--accent-s2) 5.3%));
}
.public-feature-strip b,
.public-feature-strip span{display:block}
.public-feature-strip b{color:hsl(var(--accent-h) var(--accent-s1) 87.1%);font-size:11px}
.public-feature-strip span{margin-top:8px;color:hsl(var(--accent-h) var(--accent-s0) 45.9%);font-size:8px;line-height:1.55}
.public-feature-strip-premium{
  border-color:hsl(var(--accent-h) var(--accent-s2) 22.7%)!important;
  box-shadow:inset 0 0 26px hsl(var(--accent-h) var(--accent-s3) 60.0% / .025);
}
.public-feature-strip-premium b{color:hsl(var(--accent-h) var(--accent-s4) 75.1%)}

@media(max-width:900px){
  .public-nav{height:auto;min-height:84px;padding:10px 12px;gap:12px}
  .public-nav-main{gap:14px}
  .public-menu a{padding:0 9px}
  .public-nav-link{padding:0 10px}
  .public-feature-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .public-nav{width:calc(100% - 30px);margin-top:14px}
  .public-menu{display:none}
  .public-brand strong{display:none}
  .public-nav-actions{margin-left:auto}
  .public-nav-link{display:none}
  .public-dashboard-btn{min-height:46px}
  .public-feature-strip{grid-template-columns:1fr}
}

/* =========================================================
   V1.12 homepage command browser
   ========================================================= */
.public-command-showcase{padding-top:108px}
.public-command-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  gap:70px;
  align-items:end;
  margin-bottom:38px;
}
.public-command-intro .public-section-head{margin:0;max-width:none}
.public-command-intro .public-section-head h2{
  margin-top:14px;
  font-size:clamp(46px,5vw,70px);
  line-height:.98;
  letter-spacing:-.06em;
}
.public-command-intro .public-section-head h2 em{
  color:hsl(var(--accent-h) var(--accent-s4) 73.9%);
  font-style:normal;
  text-shadow:0 0 24px hsl(var(--accent-h) var(--accent-s4) 65.9% / .09);
}
.public-command-intro>p{
  margin:0 0 6px;
  color:hsl(var(--accent-h) var(--accent-s0) 54.3%);
  font-size:12px;
  line-height:1.75;
}
.public-command-browser{
  overflow:hidden;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 16.7%);
  border-radius:22px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 6.3%),hsl(var(--accent-h) var(--accent-s2) 5.1%));
  box-shadow:0 24px 80px rgba(0,0,0,.24),inset 0 0 50px hsl(var(--accent-h) var(--accent-s4) 62.9% / .018);
}
.public-command-windowbar{
  min-height:48px;
  padding:0 16px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 12.5%);
  color:hsl(var(--accent-h) var(--accent-s0) 41.0%);
}
.public-command-windowbar code{
  font-size:9px;
  font-weight:800;
  letter-spacing:.035em;
  color:hsl(var(--accent-h) var(--accent-s1) 39.0%);
}
.public-command-windowbar>span{
  padding:5px 10px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 16.3%);
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 8.0%);
  color:hsl(var(--accent-h) var(--accent-s1) 56.1%);
  font-size:8px;
  font-weight:800;
}
.public-window-dots{display:flex;gap:6px}
.public-window-dots i{
  width:7px;height:7px;border:1px solid hsl(var(--accent-h) var(--accent-s1) 27.6%);border-radius:50%;background:hsl(var(--accent-h) var(--accent-s2) 8.8%)
}
.public-command-tools{
  padding:16px;
  display:grid;
  grid-template-columns:minmax(230px,360px) 1fr;
  align-items:center;
  gap:12px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 12.5%);
}
.public-command-search{
  height:44px;
  padding:0 13px;
  display:grid;
  grid-template-columns:22px 1fr;
  align-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 17.3%);
  border-radius:13px;
  background:hsl(var(--accent-h) var(--accent-s2) 5.1%);
  color:hsl(var(--accent-h) var(--accent-s1) 45.9%);
}
.public-command-search span{font-size:19px;line-height:1}
.public-command-search input{
  width:100%;border:0;outline:0;background:transparent;color:hsl(var(--accent-h) var(--accent-s1) 83.1%);font-size:10px
}
.public-command-search input::placeholder{color:hsl(var(--accent-h) var(--accent-s1) 35.9%)}
.public-command-cats{
  min-width:0;
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
}
.public-command-cats::-webkit-scrollbar{display:none}
.public-command-cat{
  min-height:40px;
  padding:0 12px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 17.3%);
  border-radius:12px;
  background:hsl(var(--accent-h) var(--accent-s2) 7.3%);
  color:hsl(var(--accent-h) var(--accent-s1) 60.0%);
  cursor:pointer;
  transition:.16s ease;
}
.public-command-cat span{font-size:9px;font-weight:800}
.public-command-cat b{color:hsl(var(--accent-h) var(--accent-s1) 40.8%);font-size:8px}
.public-command-cat:hover{color:hsl(var(--accent-h) var(--accent-s2) 90.6%);border-color:hsl(var(--accent-h) var(--accent-s1) 24.1%)}
.public-command-cat.active{
  color:hsl(var(--accent-h) var(--accent-s4) 96.9%);
  border-color:hsl(var(--accent-h) var(--accent-s2) 44.1%);
  background:hsl(var(--accent-h) var(--accent-s2) 11.0%);
  box-shadow:0 0 20px hsl(var(--accent-h) var(--accent-s4) 60.6% / .06);
}
.public-command-cat.active b{color:hsl(var(--accent-h) var(--accent-s4) 73.3%)}
.public-command-list{
  padding:24px 18px 18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:26px;
  row-gap:3px;
}
.public-command-item{
  min-width:0;
  min-height:78px;
  padding:12px 9px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  transition:.16s ease;
}
.public-command-item:hover{
  border-color:hsl(var(--accent-h) var(--accent-s2) 16.9%);
  background:hsl(var(--accent-h) var(--accent-s2) 7.5%);
  transform:translateY(-1px);
}
.public-command-item.copied{border-color:hsl(var(--accent-h) var(--accent-s2) 28.6%);background:hsl(var(--accent-h) var(--accent-s2) 8.8%)}
.public-command-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 22.2%);
  border-radius:12px;
  background:hsl(var(--accent-h) var(--accent-s2) 9.8%);
  color:hsl(var(--accent-h) var(--accent-s4) 71.4%);
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  font-weight:800;
}
.public-command-copy{min-width:0;display:block}
.public-command-copy code{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:hsl(var(--accent-h) var(--accent-s2) 88.4%);
  font-size:10px;
  font-weight:800;
}
.public-command-copy small{
  display:block;
  margin-top:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:hsl(var(--accent-h) var(--accent-s0) 42.5%);
  font-size:8px;
  line-height:1.4;
}
.public-command-item.copied .public-command-copy small{color:hsl(var(--accent-h) var(--accent-s3) 70.4%)}
.public-command-none{
  grid-column:1/-1;
  min-height:160px;
  display:grid;
  place-items:center;
  color:hsl(var(--accent-h) var(--accent-s1) 39.4%);
  font-size:9px;
}
.public-command-foot{
  min-height:46px;
  padding:0 18px;
  display:flex;
  align-items:center;
  border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 12.5%);
  color:hsl(var(--accent-h) var(--accent-s1) 35.5%);
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:8px;
}
@media(max-width:900px){
  .public-command-intro{grid-template-columns:1fr;gap:14px}
  .public-command-tools{grid-template-columns:1fr}
  .public-command-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .public-command-list{grid-template-columns:1fr;padding:14px 10px}
  .public-command-intro .public-section-head h2{font-size:44px}
}

/* V1.13 — public command detail modal */
.public-command-item{position:relative;padding-right:48px}
.public-command-open-mark{
  position:absolute;right:17px;top:50%;transform:translateY(-50%);
  color:hsl(var(--accent-h) var(--accent-s1) 39.4%);font-size:12px;opacity:.7;transition:color .18s ease,transform .18s ease,opacity .18s ease
}
.public-command-item:hover .public-command-open-mark{color:hsl(var(--accent-h) var(--accent-s4) 73.9%);opacity:1;transform:translate(2px,-52%)}
.command-modal-open{overflow:hidden}
.public-command-modal{
  position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:26px;
  pointer-events:none;opacity:0;transition:opacity .2s ease
}
.public-command-modal.open{pointer-events:auto;opacity:1}
.public-command-modal-backdrop{
  position:absolute;inset:0;background:hsl(var(--accent-h) var(--accent-s3) 2.2% / .76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.public-command-modal-card{
  position:relative;width:min(720px,calc(100vw - 42px));max-height:min(760px,calc(100vh - 52px));overflow:auto;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 20.8%);border-radius:27px;background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 7.8% / .99),hsl(var(--accent-h) var(--accent-s2) 5.1% / .99));
  box-shadow:0 35px 110px rgba(0,0,0,.58),0 0 54px hsl(var(--accent-h) var(--accent-s3) 56.9% / .08);
  padding:34px;transform:translateY(18px) scale(.975);opacity:0;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease
}
.public-command-modal.open .public-command-modal-card{transform:none;opacity:1}
.public-command-modal-close{
  position:absolute;top:19px;right:19px;width:38px;height:38px;border-radius:13px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 21.8%);
  background:hsl(var(--accent-h) var(--accent-s2) 8.6%);color:hsl(var(--accent-h) var(--accent-s1) 57.3%);font-size:22px;line-height:1;cursor:pointer;transition:.18s ease
}
.public-command-modal-close:hover{color:hsl(var(--accent-h) var(--accent-s3) 95.9%);border-color:hsl(var(--accent-h) var(--accent-s2) 32.9%);background:hsl(var(--accent-h) var(--accent-s2) 11.4%)}
.public-command-modal-kicker{font-size:10px;letter-spacing:.23em;font-weight:900;color:hsl(var(--accent-h) var(--accent-s2) 55.7%);text-transform:uppercase;margin-bottom:18px}
.public-command-modal-title-row{display:flex;align-items:center;gap:17px;padding-right:48px}
.public-command-modal-icon{
  display:grid;place-items:center;flex:0 0 54px;height:54px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 27.8%);border-radius:17px;
  color:hsl(var(--accent-h) var(--accent-s4) 73.9%);background:hsl(var(--accent-h) var(--accent-s2) 10.4%);font:800 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  box-shadow:inset 0 0 24px hsl(var(--accent-h) var(--accent-s3) 64.1% / .05)
}
.public-command-modal-title-row h3{margin:0;color:hsl(var(--accent-h) var(--accent-s2) 96.3%);font-size:30px;line-height:1.05;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em}
.public-command-modal-title-row p{margin:8px 0 0;color:hsl(var(--accent-h) var(--accent-s1) 55.3%);font-size:14px}
.public-command-modal-section{margin-top:27px;padding-top:23px;border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 15.1%)}
.public-command-modal-section>span{display:block;margin-bottom:11px;color:hsl(var(--accent-h) var(--accent-s1) 45.3%);font-size:9px;font-weight:900;letter-spacing:.2em}
.public-command-modal-section>p{margin:0;color:hsl(var(--accent-h) var(--accent-s1) 75.9%);font-size:15px;line-height:1.75}
.public-command-example-row{
  display:flex;align-items:center;gap:12px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 22.2%);border-radius:17px;background:hsl(var(--accent-h) var(--accent-s2) 5.5%);padding:11px 11px 11px 17px
}
.public-command-example-row code{min-width:0;flex:1;overflow:auto;color:hsl(var(--accent-h) var(--accent-s3) 91.8%);font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.public-command-copy-btn{
  flex:0 0 auto;border:1px solid hsl(var(--accent-h) var(--accent-s2) 33.9%);border-radius:12px;background:hsl(var(--accent-h) var(--accent-s3) 13.5%);color:hsl(var(--accent-h) var(--accent-s4) 75.1%);padding:11px 15px;
  font:800 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:.18s ease
}
.public-command-copy-btn:hover{background:hsl(var(--accent-h) var(--accent-s3) 17.6%);border-color:hsl(var(--accent-h) var(--accent-s2) 46.7%);color:hsl(var(--accent-h) var(--accent-s4) 84.5%);box-shadow:0 0 24px hsl(var(--accent-h) var(--accent-s3) 60.6% / .11)}
.public-command-copy-btn.copied{background:#10291f;border-color:#2f6f56;color:#89d7b2}
@media (max-width:720px){
  .public-command-modal{padding:14px}
  .public-command-modal-card{width:calc(100vw - 28px);padding:26px 20px;border-radius:22px}
  .public-command-modal-title-row h3{font-size:23px}
  .public-command-example-row{align-items:stretch;flex-direction:column}
  .public-command-copy-btn{width:100%;padding:13px}
}

/* =========================================================
   V1.15 — Self Assistant + live support
   ========================================================= */
.self-assistant{position:fixed;right:22px;bottom:22px;z-index:2400}
.self-assistant-bubble{width:58px;height:58px;padding:0;display:grid;place-items:center;position:relative;border:1px solid hsl(var(--accent-h) var(--accent-s2) 32.4%);border-radius:20px;background:hsl(var(--accent-h) var(--accent-s2) 7.1%);box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 0 1px hsl(var(--accent-h) var(--accent-s4) 63.3% / .03),0 0 28px hsl(var(--accent-h) var(--accent-s3) 59.2% / .08);cursor:pointer;transition:.2s ease}
.self-assistant-bubble::before{content:"";position:absolute;inset:-7px;border:1px solid hsl(var(--accent-h) var(--accent-s4) 64.7% / .16);border-radius:25px;opacity:0;animation:selfAssistantPulse 4.2s ease-in-out infinite}
.self-assistant-bubble:hover,.self-assistant-bubble.active{transform:translateY(-2px);border-color:hsl(var(--accent-h) var(--accent-s2) 48.4%);box-shadow:0 20px 55px rgba(0,0,0,.5),0 0 34px hsl(var(--accent-h) var(--accent-s4) 62.2% / .14)}
.self-assistant-bubble img{width:38px;height:38px;border-radius:13px;object-fit:cover}
.self-assistant-bubble i{position:absolute;right:7px;bottom:7px;width:9px;height:9px;border:2px solid hsl(var(--accent-h) var(--accent-s2) 7.1%);border-radius:50%;background:#6fc99a;box-shadow:0 0 10px rgba(111,201,154,.45)}
@keyframes selfAssistantPulse{0%,72%,100%{opacity:0;transform:scale(.96)}82%{opacity:1;transform:scale(1.03)}92%{opacity:0;transform:scale(1.12)}}
.self-assistant-panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 28px));height:min(560px,calc(100vh - 110px));display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid hsl(var(--accent-h) var(--accent-s2) 22.5%);border-radius:24px;background:radial-gradient(circle at 88% 0%,hsl(var(--accent-h) var(--accent-s3) 56.3% / .08),transparent 34%),linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 7.6%) 0%,hsl(var(--accent-h) var(--accent-s2) 5.5%) 100%);box-shadow:0 32px 90px rgba(0,0,0,.58),0 0 48px hsl(var(--accent-h) var(--accent-s3) 53.3% / .07);opacity:0;visibility:hidden;transform:translateY(14px) scale(.975);transform-origin:bottom right;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility .2s ease}
.self-assistant-panel.open{opacity:1;visibility:visible;transform:none}
.self-assistant-head{min-height:70px;padding:13px 14px 13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 15.3%)}
.self-assistant-brand{min-width:0;display:flex;align-items:center;gap:11px}.self-assistant-brand img{width:38px;height:38px;border-radius:12px;object-fit:cover}.self-assistant-brand div{min-width:0;display:flex;flex-direction:column;gap:4px}.self-assistant-brand b{color:hsl(var(--accent-h) var(--accent-s2) 93.3%);font-size:13px}.self-assistant-brand span{color:hsl(var(--accent-h) var(--accent-s3) 63.9%);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.self-assistant-head-actions{display:flex;align-items:center;gap:7px}.self-assistant-head-actions button{min-height:34px;padding:0 11px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 22.9%);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s2) 8.4%);color:hsl(var(--accent-h) var(--accent-s1) 57.1%);font:800 9px/1 inherit;cursor:pointer;transition:.16s ease}.self-assistant-head-actions button:hover{border-color:hsl(var(--accent-h) var(--accent-s2) 37.3%);color:hsl(var(--accent-h) var(--accent-s4) 84.1%);background:hsl(var(--accent-h) var(--accent-s2) 10.8%)}#selfAssistantClose{width:34px;padding:0;font-size:20px;font-weight:500}
.self-assistant-messages{min-height:0;padding:18px 15px 22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--accent-h) var(--accent-s2) 21.4%) transparent}
.self-assistant-message{margin-bottom:16px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:9px}.self-assistant-message.user{grid-template-columns:minmax(0,1fr) 32px}.self-assistant-message.user .self-assistant-message-icon{grid-column:2;grid-row:1}.self-assistant-message.user>div:last-child{grid-column:1;grid-row:1;justify-self:end}.self-assistant-message-icon{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;border:1px solid hsl(var(--accent-h) var(--accent-s2) 22.4%);border-radius:10px;background:hsl(var(--accent-h) var(--accent-s2) 10.4%);color:hsl(var(--accent-h) var(--accent-s4) 74.3%);font-size:10px;font-weight:900}.self-assistant-message-icon img{width:100%;height:100%;object-fit:cover}.self-assistant-message>div:last-child{max-width:285px}.self-assistant-message span{display:block;margin:1px 0 6px;color:hsl(var(--accent-h) var(--accent-s1) 47.6%);font-size:8px;font-weight:800}.self-assistant-message p{margin:0;padding:10px 12px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 17.3%);border-radius:7px 15px 15px 15px;background:hsl(var(--accent-h) var(--accent-s2) 8.8%);color:hsl(var(--accent-h) var(--accent-s1) 79.0%);font-size:11px;line-height:1.55}.self-assistant-message.user p{border-color:hsl(var(--accent-h) var(--accent-s2) 30.6%);border-radius:15px 7px 15px 15px;background:hsl(var(--accent-h) var(--accent-s2) 12.2%);color:hsl(var(--accent-h) var(--accent-s3) 91.0%)}.self-assistant-message.system{display:block;margin:14px 10px}.self-assistant-message.system .self-assistant-message-icon,.self-assistant-message.system span{display:none}.self-assistant-message.system>div:last-child{max-width:none}.self-assistant-message.system p{padding:9px 11px;border-color:hsl(var(--accent-h) var(--accent-s2) 23.3%);border-radius:12px;background:hsl(var(--accent-h) var(--accent-s2) 9.2%);color:hsl(var(--accent-h) var(--accent-s2) 61.6%);text-align:center;font-size:9px}.self-assistant-message.staff p{border-color:hsl(var(--accent-h) var(--accent-s2) 30.6%);background:hsl(var(--accent-h) var(--accent-s2) 10.8%)}
.self-assistant-compose{padding:12px;display:grid;grid-template-columns:1fr 42px;gap:8px;border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 15.3%);background:hsl(var(--accent-h) var(--accent-s2) 5.1% / .92)}.self-assistant-compose input{min-width:0;height:43px;padding:0 13px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 21.4%);border-radius:13px;outline:0;background:hsl(var(--accent-h) var(--accent-s2) 5.9%);color:hsl(var(--accent-h) var(--accent-s2) 88.2%);font:500 11px/1 inherit;transition:.16s ease}.self-assistant-compose input:focus{border-color:hsl(var(--accent-h) var(--accent-s2) 42.7%);box-shadow:0 0 0 3px hsl(var(--accent-h) var(--accent-s3) 52.9% / .06)}.self-assistant-compose input::placeholder{color:hsl(var(--accent-h) var(--accent-s1) 36.1%)}.self-assistant-compose button{border:1px solid hsl(var(--accent-h) var(--accent-s2) 39.4%);border-radius:13px;background:hsl(var(--accent-h) var(--accent-s3) 14.5%);color:hsl(var(--accent-h) var(--accent-s4) 75.1%);font-size:18px;cursor:pointer;transition:.16s ease}.self-assistant-compose button:hover{background:hsl(var(--accent-h) var(--accent-s3) 18.4%);border-color:hsl(var(--accent-h) var(--accent-s2) 50.6%)}
.live-support-layout{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:16px}.live-support-queue,.live-support-detail{min-height:630px}.live-support-list{margin-top:15px;display:grid;gap:7px}.live-support-row{width:100%;padding:13px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid hsl(var(--accent-h) var(--accent-s2) 16.9%);border-radius:14px;background:hsl(var(--accent-h) var(--accent-s2) 7.1%);color:inherit;text-align:left;cursor:pointer;transition:.16s ease}.live-support-row:hover,.live-support-row.active{border-color:hsl(var(--accent-h) var(--accent-s2) 34.7%);background:hsl(var(--accent-h) var(--accent-s2) 10.6%)}.live-support-row>i{width:8px;height:8px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s1) 56.9%)}.live-support-row.waiting>i{background:hsl(var(--accent-h) var(--accent-s4) 70.8%);box-shadow:0 0 12px hsl(var(--accent-h) var(--accent-s4) 62.7% / .35)}.live-support-row.connected>i{background:#6fc99a;box-shadow:0 0 12px rgba(111,201,154,.25)}.live-support-row div{min-width:0}.live-support-row b,.live-support-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-support-row b{color:hsl(var(--accent-h) var(--accent-s2) 89.0%);font-size:11px}.live-support-row small{margin-top:5px;color:hsl(var(--accent-h) var(--accent-s1) 45.3%);font-size:8px}.live-support-row em{color:hsl(var(--accent-h) var(--accent-s1) 52.2%);font-size:8px;font-style:normal;text-transform:uppercase}.live-support-detail{display:flex;flex-direction:column}.live-chat-head{padding-bottom:16px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 15.7%)}.live-chat-head h2{margin:5px 0 0;color:hsl(var(--accent-h) var(--accent-s2) 93.3%);font-size:22px}.live-chat-head-actions{display:flex;gap:7px;align-items:flex-start}.live-chat-thread{min-height:0;flex:1;padding:18px 2px;overflow-y:auto}.live-chat-compose{padding-top:13px;display:grid;grid-template-columns:1fr auto;gap:9px;border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 15.7%)}.live-chat-compose textarea{min-height:72px;resize:none}
@media(max-width:850px){.live-support-layout{grid-template-columns:1fr}.live-support-queue,.live-support-detail{min-height:auto}.self-assistant{right:14px;bottom:14px}}
.self-assistant-head-actions button:disabled{
  opacity:.65;
  cursor:default;
  border-color:hsl(var(--accent-h) var(--accent-s2) 28.0%);
  color:hsl(var(--accent-h) var(--accent-s2) 66.3%);
  background:hsl(var(--accent-h) var(--accent-s2) 9.8%);
}
#liveSupportBadge{
  justify-self:end;
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 22.4%);
  border-radius:999px;
  color:hsl(var(--accent-h) var(--accent-s1) 51.6%);
  background:hsl(var(--accent-h) var(--accent-s2) 7.3%);
  font-size:8px;
  font-style:normal;
}

#liveSupportBadge.has-waiting{
  color:hsl(var(--accent-h) var(--accent-s4) 80.6%);
  border-color:hsl(var(--accent-h) var(--accent-s2) 43.5%);
  background:hsl(var(--accent-h) var(--accent-s2) 12.0%);
  box-shadow:0 0 18px hsl(var(--accent-h) var(--accent-s4) 62.0% / .16);
  animation:selfLiveSupportBadge 1.8s ease-in-out infinite;
}

@keyframes selfLiveSupportBadge{
  0%,100%{box-shadow:0 0 0 hsl(var(--accent-h) var(--accent-s4) 62.0% / 0)}
  50%{box-shadow:0 0 20px hsl(var(--accent-h) var(--accent-s4) 62.0% / .22)}
}

/* =========================================================
   V1.19 border audit + homepage polish
   ========================================================= */
.heading{align-items:flex-start}
.heading>.chip,
.heading>.support-chip,
.heading>.update-count,
.heading>.overview-readonly,
.heading>.ticket-state{
  align-self:flex-start;
  flex:0 0 auto;
}
.support-heading{align-items:flex-start}
.support-chip{
  width:auto;
  height:28px;
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
}
.ticket-state,
.update-count,
.overview-readonly,
.public-command-windowbar>span{
  width:auto;
  flex:0 0 auto;
  align-self:center;
  white-space:nowrap;
}
.ticket-state{display:inline-flex;align-items:center;justify-content:center;min-height:24px}
.update-count,.overview-readonly{display:inline-flex;align-items:center;justify-content:center}

.public-hero-stage{
  min-height:520px;
  position:relative;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.public-hero-stage .public-hero-atmosphere{
  position:absolute;
  inset:0;
  min-height:0;
  z-index:-1;
}
.public-hero-console{
  width:min(470px,100%);
  padding:14px;
  position:relative;
  overflow:hidden;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 17.6%);
  border-radius:24px;
  background:linear-gradient(155deg,hsl(var(--accent-h) var(--accent-s2) 7.8% / .92),hsl(var(--accent-h) var(--accent-s2) 4.5% / .94));
  box-shadow:0 32px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.018),0 0 55px hsl(var(--accent-h) var(--accent-s3) 60.0% / .045);
  backdrop-filter:blur(18px);
}
.public-hero-console:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(120deg,hsl(var(--accent-h) var(--accent-s4) 69.0% / .06),transparent 34%,transparent 68%,hsl(var(--accent-h) var(--accent-s4) 69.0% / .025));
}
.public-console-top{
  min-height:40px;
  padding:0 8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 14.1%);
  color:hsl(var(--accent-h) var(--accent-s1) 45.1%);
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
.public-console-top i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#70d3a0;
  box-shadow:0 0 13px rgba(112,211,160,.32);
}
.public-console-grid{
  padding-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.public-console-grid article{
  min-height:104px;
  padding:15px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 14.3%);
  border-radius:15px;
  background:hsl(var(--accent-h) var(--accent-s2) 5.3% / .72);
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.public-console-grid article:hover{
  transform:translateY(-2px);
  border-color:hsl(var(--accent-h) var(--accent-s2) 26.7%);
  background:hsl(var(--accent-h) var(--accent-s2) 7.5%);
}
.public-console-grid small{
  color:hsl(var(--accent-h) var(--accent-s1) 39.4%);
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.public-console-grid b{
  color:hsl(var(--accent-h) var(--accent-s2) 89.4%);
  font-size:18px;
  letter-spacing:-.035em;
}
.public-console-online{
  display:flex;
  align-items:center;
  gap:8px;
}
.public-console-online i{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#70d3a0;
  box-shadow:0 0 12px rgba(112,211,160,.28);
}
.public-console-line{
  height:44px;
  margin-top:9px;
  padding:0 8px;
  display:flex;
  align-items:flex-end;
  gap:5px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 12.5%);
  border-radius:12px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 8.2% / .55),hsl(var(--accent-h) var(--accent-s2) 4.1% / .45));
}
.public-console-line span{
  flex:1;
  border-radius:5px 5px 0 0;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s4) 66.9% / .33),hsl(var(--accent-h) var(--accent-s2) 43.3% / .07));
  animation:selfConsoleBars 3.6s ease-in-out infinite;
}
.public-console-line span:nth-child(1){height:36%;animation-delay:-.8s}
.public-console-line span:nth-child(2){height:68%;animation-delay:-1.9s}
.public-console-line span:nth-child(3){height:48%;animation-delay:-2.6s}
.public-console-line span:nth-child(4){height:78%;animation-delay:-1.2s}
@keyframes selfConsoleBars{0%,100%{opacity:.45;transform:scaleY(.8);transform-origin:bottom}50%{opacity:1;transform:scaleY(1)}}
.public-feature-strip article{
  position:relative;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.public-feature-strip article:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,hsl(var(--accent-h) var(--accent-s4) 69.2% / .25),transparent);
  opacity:0;
  transition:opacity .18s ease;
}
.public-feature-strip article:hover{
  transform:translateY(-2px);
  border-color:hsl(var(--accent-h) var(--accent-s2) 22.4%);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 8.6%),hsl(var(--accent-h) var(--accent-s2) 5.3%));
}
.public-feature-strip article:hover:after{opacity:1}

@media(max-width:760px){
  .public-hero-stage{display:none}
}
.status,
.header-access,
.update-type,
.support-workspace-nav em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  flex:0 0 auto;
  white-space:nowrap;
}

/* =========================================================
   V1.21 sidebar icon cleanup
   ========================================================= */
.side-nav{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:2px;
  scrollbar-width:thin;
  scrollbar-color:hsl(var(--accent-h) var(--accent-s1) 15.9%) transparent;
}
.side-nav::-webkit-scrollbar{width:6px}
.side-nav::-webkit-scrollbar-thumb{background:hsl(var(--accent-h) var(--accent-s1) 14.1%);border-radius:999px}

.nav-btn{
  min-height:40px;
  height:auto;
  grid-template-columns:20px minmax(0,1fr) auto;
  gap:10px;
  padding:0 10px;
  position:relative;
  overflow:hidden;
}
.nav-btn .nav-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nav-ico{
  width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  color:inherit;
}
.nav-ico svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nav-btn:hover .nav-ico,
.nav-btn.active .nav-ico{
  color:hsl(var(--accent-h) var(--accent-s4) 81.2%);
}
.nav-btn em,
#liveSupportBadge,
#ticketBadge,
.support-workspace-nav em{
  position:relative;
  z-index:1;
  margin-left:auto;
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  line-height:1;
}
.premium-diamond svg{
  fill:currentColor;
  stroke:none;
  width:14px;
  height:14px;
}
.premium-nav .nav-ico{
  text-shadow:0 0 10px hsl(var(--accent-h) var(--accent-s4) 65.3% / .45);
}

@media(max-width:900px){
  .side-nav{gap:6px;padding-right:0}
  .nav-btn{
    min-height:44px;
    grid-template-columns:1fr;
    justify-items:center;
    align-items:center;
    padding:0;
    border-radius:12px;
  }
  .nav-btn .nav-label{display:none}
  .nav-btn em,
  #liveSupportBadge,
  #ticketBadge,
  .support-workspace-nav em{
    position:absolute;
    top:4px;
    right:4px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    font-size:6px;
  }
  .premium-nav:before{inset:6px}
}

/* =========================================================
   V1.22 fixed-height chat composers
   ========================================================= */
.live-chat-compose textarea,
.ticket-reply textarea,
.clean-ticket-reply textarea{
  height:72px;
  min-height:72px;
  max-height:72px;
  overflow-y:auto;
  overflow-x:hidden;
  resize:none;
  scrollbar-width:thin;
  scrollbar-color:hsl(var(--accent-h) var(--accent-s1) 23.3%) transparent;
}
.live-chat-compose textarea::-webkit-scrollbar,
.ticket-reply textarea::-webkit-scrollbar,
.clean-ticket-reply textarea::-webkit-scrollbar{width:6px}
.live-chat-compose textarea::-webkit-scrollbar-thumb,
.ticket-reply textarea::-webkit-scrollbar-thumb,
.clean-ticket-reply textarea::-webkit-scrollbar-thumb{
  background:hsl(var(--accent-h) var(--accent-s2) 21.4%);
  border-radius:999px;
}

/* =========================================================
   V1.23 cursor-follow hero console
   ========================================================= */
.public-hero-stage{
  perspective:1200px;
  perspective-origin:50% 50%;
}
.public-hero-console{
  --self-tilt-x:0deg;
  --self-tilt-y:0deg;
  --self-shift-x:0px;
  --self-shift-y:0px;
  --self-glow-x:50%;
  --self-glow-y:50%;
  transform:
    translate3d(var(--self-shift-x),var(--self-shift-y),0)
    rotateX(var(--self-tilt-x))
    rotateY(var(--self-tilt-y));
  transform-style:preserve-3d;
  will-change:transform;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.public-hero-console:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(circle at var(--self-glow-x) var(--self-glow-y),hsl(var(--accent-h) var(--accent-s4) 71.4% / .13),transparent 34%);
  opacity:.7;
  transition:opacity .2s ease;
}
.public-hero-stage:hover .public-hero-console{
  border-color:hsl(var(--accent-h) var(--accent-s2) 26.7%);
  box-shadow:0 36px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025),0 0 62px hsl(var(--accent-h) var(--accent-s3) 60.0% / .07);
}
.public-console-top{transform:translateZ(18px)}
.public-console-grid{transform:translateZ(26px)}
.public-console-line{transform:translateZ(12px)}
.public-console-grid article{transform-style:preserve-3d}
.public-console-grid article:hover{transform:translateY(-2px) translateZ(8px)}
@media (prefers-reduced-motion:reduce){
  .public-hero-console,
  .public-console-top,
  .public-console-grid,
  .public-console-line,
  .public-console-grid article{
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   V1.24 discord hero mockup
   ========================================================= */
.discord-hero-card{
  padding:0;
  overflow:hidden;
}
.discord-windowbar{
  height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 18px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s3) 67.8% / .12);
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 7.1% / .92),hsl(var(--accent-h) var(--accent-s2) 5.1% / .86));
}
.discord-window-dots{display:flex;gap:7px}
.discord-window-dots i{width:8px;height:8px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s4) 86.7% / .22)}
.discord-windowbar span{
  margin-right:auto;
  color:hsl(var(--accent-h) var(--accent-s2) 68.6%);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.discord-windowbar strong{
  font-size:10px;
  letter-spacing:.18em;
  color:hsl(var(--accent-h) var(--accent-s4) 74.3%);
  padding:6px 10px;
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s3) 47.6% / .12);
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 56.5% / .16);
}
.discord-chat-shell{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  min-height:455px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 8.0% / .88),hsl(var(--accent-h) var(--accent-s2) 5.3% / .96));
}
.discord-chat-side{
  background:hsl(var(--accent-h) var(--accent-s2) 4.7% / .85);
  border-right:1px solid hsl(var(--accent-h) var(--accent-s3) 67.8% / .08);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding:18px 0;
}
.discord-chat-server{
  width:38px;height:38px;border-radius:14px;
  background:hsl(var(--accent-h) var(--accent-s1) 60.2% / .14);
  box-shadow:inset 0 0 0 1px hsl(var(--accent-h) var(--accent-s2) 65.5% / .06);
}
.discord-chat-server.active{
  background:radial-gradient(circle at 30% 30%, hsl(var(--accent-h) var(--accent-s4) 74.1% / .32), hsl(var(--accent-h) var(--accent-s2) 49.6% / .16));
  box-shadow:0 0 0 1px hsl(var(--accent-h) var(--accent-s4) 73.5% / .18),0 0 32px hsl(var(--accent-h) var(--accent-s3) 54.9% / .16);
}
.discord-chat-main{display:flex;flex-direction:column;min-width:0}
.discord-chat-header{
  height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 18px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s3) 67.8% / .08);
  background:hsl(var(--accent-h) var(--accent-s2) 8.6% / .62);
}
.discord-chat-header b{display:block;font-size:16px;color:hsl(var(--accent-h) var(--accent-s4) 96.7%)}
.discord-chat-header span{display:block;color:hsl(var(--accent-h) var(--accent-s1) 58.6%);font-size:12px;margin-top:4px}
.discord-chat-header em{
  font-style:normal;
  color:hsl(var(--accent-h) var(--accent-s4) 78.0%);
  font-size:10px;
  letter-spacing:.18em;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 74.9% / .16);
  background:hsl(var(--accent-h) var(--accent-s3) 42.2% / .12);
}
.discord-chat-feed{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:16px 18px 8px;
  display:flex;
  flex-direction:column;
  gap:14px;
  scrollbar-width:thin;
  scrollbar-color:hsl(var(--accent-h) var(--accent-s2) 16.5%) transparent;
}
.discord-chat-feed::-webkit-scrollbar{width:6px}
.discord-chat-feed::-webkit-scrollbar-thumb{background:hsl(var(--accent-h) var(--accent-s2) 15.1%);border-radius:999px}
.discord-msg{display:flex;gap:12px;align-items:flex-start}
.discord-avatar{
  width:34px;height:34px;border-radius:50%;flex:0 0 34px;overflow:hidden;
  display:grid;place-items:center;
}
.discord-avatar.user{background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s3) 73.3%),hsl(var(--accent-h) var(--accent-s2) 38.8%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.discord-avatar.bot{background:hsl(var(--accent-h) var(--accent-s3) 50.0% / .15);box-shadow:inset 0 0 0 1px hsl(var(--accent-h) var(--accent-s4) 75.9% / .15)}
.discord-avatar.bot img{width:100%;height:100%;object-fit:cover}
.discord-bubble-group{min-width:0;display:flex;flex-direction:column;gap:6px}
.discord-msg-head{display:flex;align-items:center;gap:8px}
.discord-msg-head b{font-size:13px;color:hsl(var(--accent-h) var(--accent-s4) 96.7%)}
.discord-msg-head small{font-size:11px;color:hsl(var(--accent-h) var(--accent-s1) 56.9%)}
.discord-bubble{
  border-radius:16px;
  padding:11px 14px;
  max-width:100%;
}
.discord-bubble-user{
  background:hsl(var(--accent-h) var(--accent-s1) 45.7% / .16);
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 61.6% / .12);
  color:hsl(var(--accent-h) var(--accent-s4) 92.9%);
}
.discord-bubble-user code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:hsl(var(--accent-h) var(--accent-s4) 92.9%);font-size:13px}
.discord-bubble-embed{
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 14.7% / .94),hsl(var(--accent-h) var(--accent-s2) 9.6% / .97));
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 60.6% / .16);
  box-shadow:inset 3px 0 0 0 hsl(var(--accent-h) var(--accent-s4) 71.8% / .65);
}
.discord-bubble-embed strong{display:block;color:hsl(var(--accent-h) var(--accent-s4) 97.8%);font-size:13px;margin-bottom:7px;text-transform:lowercase}
.discord-bubble-embed p{margin:0;color:hsl(var(--accent-h) var(--accent-s2) 81.6%);font-size:13px;line-height:1.5}
.discord-bubble-embed code{display:inline-block;margin-top:10px;font-size:12px;color:hsl(var(--accent-h) var(--accent-s4) 78.0%);background:hsl(var(--accent-h) var(--accent-s2) 40.6% / .16);padding:6px 8px;border-radius:10px}
.discord-bubble-typing{display:flex;align-items:center;gap:6px;background:hsl(var(--accent-h) var(--accent-s2) 14.3% / .86);border:1px solid hsl(var(--accent-h) var(--accent-s3) 60.6% / .1)}
.discord-bubble-typing span{width:7px;height:7px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s4) 73.7%);animation:discordDot 1.2s ease-in-out infinite}
.discord-bubble-typing span:nth-child(2){animation-delay:.18s}
.discord-bubble-typing span:nth-child(3){animation-delay:.36s}
@keyframes discordDot{0%,80%,100%{opacity:.28;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.discord-chat-typing{
  display:flex;align-items:center;gap:8px;
  padding:0 18px 10px;
  color:hsl(var(--accent-h) var(--accent-s1) 61.6%);font-size:12px;
}
.discord-chat-typing b{color:hsl(var(--accent-h) var(--accent-s3) 87.8%);font-size:12px}
.discord-chat-typing.bot-active b{color:hsl(var(--accent-h) var(--accent-s4) 80.6%)}
.discord-typing-avatar{width:8px;height:8px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s4) 73.7%);box-shadow:0 0 14px hsl(var(--accent-h) var(--accent-s4) 67.8% / .5)}
.discord-chat-compose-wrap{padding:0 16px 16px}
.discord-chat-compose{
  min-height:54px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:0 14px;
  border-radius:16px;
  background:hsl(var(--accent-h) var(--accent-s2) 11.8% / .92);
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 60.6% / .12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.discord-plus{font-size:18px;color:hsl(var(--accent-h) var(--accent-s2) 68.0%);font-weight:600}
#heroDiscordInput{
  height:52px;
  border:0;
  outline:0;
  background:transparent;
  color:hsl(var(--accent-h) var(--accent-s4) 94.9%);
  font-size:14px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
#heroDiscordInput::placeholder{color:hsl(var(--accent-h) var(--accent-s1) 53.9%)}
.discord-compose-actions{color:hsl(var(--accent-h) var(--accent-s1) 53.3%);font-size:14px;letter-spacing:.18em}
@media(max-width:1100px){
  .discord-chat-shell{grid-template-columns:54px minmax(0,1fr)}
}
@media(max-width:900px){
  .discord-hero-card{min-height:unset}
  .discord-chat-shell{min-height:420px}
}
@media(max-width:700px){
  .discord-chat-shell{grid-template-columns:1fr}
  .discord-chat-side{display:none}
  .discord-chat-header em{display:none}
}

/* =========================================================
   V1.25 Self AI polish
   ========================================================= */
.self-assistant{
  right:24px;
  bottom:24px;
}
.self-assistant-bubble{
  width:56px;
  height:56px;
  border-radius:18px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 60.0% / .34);
  background:linear-gradient(160deg,hsl(var(--accent-h) var(--accent-s2) 7.6%),hsl(var(--accent-h) var(--accent-s2) 5.1%));
  box-shadow:0 18px 50px rgba(0,0,0,.44),0 0 28px hsl(var(--accent-h) var(--accent-s3) 60.4% / .08);
}
.self-assistant-bubble img{
  width:40px;
  height:40px;
  border-radius:12px;
}
.self-assistant-panel{
  width:min(430px,calc(100vw - 30px));
  height:min(640px,calc(100vh - 110px));
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  border-radius:22px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 31.0% / .88);
  background:
    radial-gradient(circle at 85% 0%,hsl(var(--accent-h) var(--accent-s3) 54.3% / .08),transparent 34%),
    linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 7.1%) 0%,hsl(var(--accent-h) var(--accent-s2) 5.1%) 100%);
  box-shadow:0 32px 100px rgba(0,0,0,.62),0 0 60px hsl(var(--accent-h) var(--accent-s2) 49.8% / .06);
}
.self-assistant-head{
  min-height:72px;
  padding:13px 14px 13px 15px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 26.3% / .7);
  background:hsl(var(--accent-h) var(--accent-s2) 6.1% / .82);
}
.self-assistant-brand img{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 58.6% / .22);
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.self-assistant-brand b{
  color:hsl(var(--accent-h) var(--accent-s4) 96.5%);
  font-size:13px;
  letter-spacing:-.01em;
}
.self-assistant-state-line{
  display:flex!important;
  align-items:center;
  gap:6px!important;
  color:hsl(var(--accent-h) var(--accent-s1) 59.0%)!important;
  font-size:9px!important;
}
.self-assistant-state-line>i{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#70d3a0;
  box-shadow:0 0 10px rgba(112,211,160,.35);
}
.self-assistant-head-actions{
  gap:6px;
}
.self-assistant-head-actions button{
  min-height:32px;
  border-radius:9px;
  border:1px solid hsl(var(--accent-h) var(--accent-s1) 31.6% / .76);
  background:hsl(var(--accent-h) var(--accent-s2) 7.1%);
}
.self-assistant-human-btn{
  padding:0 11px!important;
  color:hsl(var(--accent-h) var(--accent-s2) 69.2%)!important;
}
.self-assistant-human-btn:hover{
  color:hsl(var(--accent-h) var(--accent-s4) 91.8%)!important;
  background:hsl(var(--accent-h) var(--accent-s2) 10.0%)!important;
}
.self-assistant-icon-btn{
  width:32px;
  padding:0!important;
  color:hsl(var(--accent-h) var(--accent-s1) 51.6%)!important;
  font-size:17px!important;
  font-weight:500!important;
}
.self-assistant-mode{
  min-height:33px;
  padding:0 16px;
  display:flex;
  align-items:center;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 22.9% / .58);
  background:hsl(var(--accent-h) var(--accent-s2) 5.1% / .66);
  color:hsl(var(--accent-h) var(--accent-s1) 47.5%);
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.self-assistant-messages{
  padding:18px 16px 22px;
  background:
    radial-gradient(circle at 50% 0%,hsl(var(--accent-h) var(--accent-s2) 42.7% / .025),transparent 45%),
    hsl(var(--accent-h) var(--accent-s2) 4.7% / .48);
}
.self-assistant-welcome{
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:34px 18px;
  text-align:center;
}
.self-assistant-welcome-logo{
  width:56px;
  height:56px;
  padding:4px;
  border-radius:17px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 60.2% / .25);
  background:hsl(var(--accent-h) var(--accent-s2) 8.4%);
  box-shadow:0 14px 40px rgba(0,0,0,.26),0 0 28px hsl(var(--accent-h) var(--accent-s3) 60.4% / .07);
}
.self-assistant-welcome-logo img{
  width:100%;height:100%;object-fit:cover;border-radius:13px;
}
.self-assistant-welcome>b{
  margin-top:14px;
  color:hsl(var(--accent-h) var(--accent-s3) 95.9%);
  font-size:16px;
}
.self-assistant-welcome>p{
  max-width:290px;
  margin:8px 0 0;
  color:hsl(var(--accent-h) var(--accent-s1) 52.9%);
  font-size:10px;
  line-height:1.55;
}
.self-assistant-suggestions{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
}
.self-assistant-suggestions button{
  min-height:31px;
  padding:0 10px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 17.5%);
  border-radius:10px;
  background:hsl(var(--accent-h) var(--accent-s2) 7.1%);
  color:hsl(var(--accent-h) var(--accent-s1) 58.6%);
  font-size:8px;
  cursor:pointer;
  transition:.16s ease;
}
.self-assistant-suggestions button:hover{
  border-color:hsl(var(--accent-h) var(--accent-s2) 32.0%);
  color:hsl(var(--accent-h) var(--accent-s4) 84.1%);
  background:hsl(var(--accent-h) var(--accent-s2) 9.4%);
}

.self-assistant-message{
  margin:0 0 17px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:flex-start;
}
.self-assistant-message.user{
  grid-template-columns:minmax(0,1fr) 32px;
}
.self-assistant-message.user .self-assistant-message-icon{
  grid-column:2;
  grid-row:1;
}
.self-assistant-message.user .self-assistant-message-content{
  grid-column:1;
  grid-row:1;
  justify-self:end;
  align-items:flex-end;
}
.self-assistant-message-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 30.6% / .76);
  background:hsl(var(--accent-h) var(--accent-s2) 9.0%);
  color:hsl(var(--accent-h) var(--accent-s3) 73.9%);
  overflow:hidden;
  font-size:10px;
  font-weight:900;
}
.self-assistant-message-icon img{width:100%;height:100%;object-fit:cover}
.self-assistant-message-icon span{margin:0;color:hsl(var(--accent-h) var(--accent-s2) 73.1%);font-size:10px}
.self-assistant-message-content{
  max-width:315px!important;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.self-assistant-message-name{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:14px;
}
.self-assistant-message-name b{
  color:hsl(var(--accent-h) var(--accent-s1) 72.5%);
  font-size:8px;
  font-weight:800;
}
.self-assistant-message-name em{
  padding:2px 5px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 52.5% / .18);
  border-radius:5px;
  background:hsl(var(--accent-h) var(--accent-s3) 35.3% / .12);
  color:hsl(var(--accent-h) var(--accent-s4) 71.4%);
  font-size:6px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
}
.self-assistant-message-name small{
  color:hsl(var(--accent-h) var(--accent-s1) 34.3%);
  font-size:7px;
}
.self-assistant-message-bubble{
  padding:10px 12px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 15.7%);
  border-radius:6px 14px 14px 14px;
  background:hsl(var(--accent-h) var(--accent-s2) 8.2%);
  color:hsl(var(--accent-h) var(--accent-s2) 80.8%);
  font-size:10.5px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.self-assistant-message.user .self-assistant-message-bubble{
  border-color:hsl(var(--accent-h) var(--accent-s2) 24.9%);
  border-radius:14px 6px 14px 14px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 13.3%),hsl(var(--accent-h) var(--accent-s2) 11.0%));
  color:hsl(var(--accent-h) var(--accent-s3) 90.6%);
}
.self-assistant-message.staff .self-assistant-message-bubble{
  border-color:hsl(var(--accent-h) var(--accent-s2) 26.1%);
  background:hsl(var(--accent-h) var(--accent-s2) 10.4%);
  color:hsl(var(--accent-h) var(--accent-s2) 86.9%);
}
.self-assistant-message.staff .self-assistant-message-name em{
  color:hsl(var(--accent-h) var(--accent-s4) 80.4%);
  border-color:hsl(var(--accent-h) var(--accent-s2) 31.4%);
  background:hsl(var(--accent-h) var(--accent-s3) 14.3%);
}

.self-assistant-event,
.live-chat-event{
  width:max-content;
  max-width:92%;
  min-height:28px;
  margin:10px auto 16px;
  padding:6px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 28.0% / .72);
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 6.3% / .82);
  color:hsl(var(--accent-h) var(--accent-s1) 52.9%);
  font-size:8px;
  line-height:1.35;
  text-align:center;
}
.self-assistant-event i,
.live-chat-event i{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:hsl(var(--accent-h) var(--accent-s1) 51.2%);
}
.self-assistant-event.joined i,
.live-chat-event.joined i{
  background:#70d3a0;
  box-shadow:0 0 9px rgba(112,211,160,.32);
}
.self-assistant-event.waiting i,
.live-chat-event.waiting i{
  background:hsl(var(--accent-h) var(--accent-s4) 71.4%);
  box-shadow:0 0 9px hsl(var(--accent-h) var(--accent-s4) 71.4% / .28);
}
.self-assistant-event.closed i,
.live-chat-event.closed i{
  background:hsl(var(--accent-h) var(--accent-s0) 45.1%);
}

.self-assistant-thinking-bubble{
  width:54px;
  min-height:32px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 15.7%);
  border-radius:6px 14px 14px 14px;
  background:hsl(var(--accent-h) var(--accent-s2) 8.2%);
}
.self-assistant-thinking-bubble i{
  width:5px;height:5px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s2) 62.2%);
  animation:selfAiThinking 1.15s ease-in-out infinite;
}
.self-assistant-thinking-bubble i:nth-child(2){animation-delay:.16s}
.self-assistant-thinking-bubble i:nth-child(3){animation-delay:.32s}
@keyframes selfAiThinking{
  0%,80%,100%{opacity:.28;transform:translateY(0)}
  40%{opacity:1;transform:translateY(-2px)}
}

.self-assistant-compose{
  padding:11px 12px 9px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:8px;
  border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 23.9% / .72);
  background:hsl(var(--accent-h) var(--accent-s2) 5.3%);
}
.self-assistant-compose textarea{
  width:100%;
  height:46px;
  min-height:46px;
  max-height:46px;
  margin:0;
  padding:13px 13px;
  resize:none;
  overflow-y:auto;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 21.0%);
  border-radius:13px;
  outline:0;
  background:hsl(var(--accent-h) var(--accent-s2) 7.1%);
  color:hsl(var(--accent-h) var(--accent-s3) 90.6%);
  font:500 10px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  scrollbar-width:thin;
  scrollbar-color:hsl(var(--accent-h) var(--accent-s2) 22.5%) transparent;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.self-assistant-compose textarea:focus{
  border-color:hsl(var(--accent-h) var(--accent-s2) 38.4%);
  box-shadow:0 0 0 3px hsl(var(--accent-h) var(--accent-s2) 52.4% / .06);
}
.self-assistant-compose textarea::placeholder{color:hsl(var(--accent-h) var(--accent-s1) 39.0%)}
.self-assistant-compose button{
  width:42px;
  height:42px;
  align-self:center;
  display:grid;
  place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 33.9%);
  border-radius:13px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s3) 20.8%),hsl(var(--accent-h) var(--accent-s3) 14.7%));
  color:hsl(var(--accent-h) var(--accent-s4) 82.0%);
  cursor:pointer;
  transition:.16s ease;
}
.self-assistant-compose button:hover{
  transform:translateY(-1px);
  border-color:hsl(var(--accent-h) var(--accent-s2) 47.5%);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s3) 24.3%),hsl(var(--accent-h) var(--accent-s3) 17.8%));
}
.self-assistant-compose button:disabled{opacity:.45;cursor:default;transform:none}
.self-assistant-foot{
  min-height:25px;
  padding:0 14px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:hsl(var(--accent-h) var(--accent-s2) 5.3%);
  color:hsl(var(--accent-h) var(--accent-s1) 31.2%);
  font-size:7px;
}

/* Live support uses the same message language without inheriting popup sizing. */
.live-chat-thread .self-assistant-message-content{max-width:min(620px,82%)!important}
.live-chat-thread .self-assistant-message-bubble{font-size:10px}
.live-chat-thread .live-chat-event{margin:12px auto}
.live-chat-thread .self-assistant-message.user .self-assistant-message-content{justify-self:start;align-items:flex-start;grid-column:2}
.live-chat-thread .self-assistant-message.user{grid-template-columns:32px minmax(0,1fr)}
.live-chat-thread .self-assistant-message.user .self-assistant-message-icon{grid-column:1;grid-row:1}
.live-chat-thread .self-assistant-message.user .self-assistant-message-bubble{border-radius:6px 14px 14px 14px;background:hsl(var(--accent-h) var(--accent-s2) 9.6%);border-color:hsl(var(--accent-h) var(--accent-s2) 21.6%)}

@media(max-width:600px){
  .self-assistant{right:12px;bottom:12px}
  .self-assistant-panel{width:calc(100vw - 24px);height:min(650px,calc(100vh - 90px));bottom:68px}
  .self-assistant-human-btn{width:32px;padding:0!important;overflow:hidden}
  .self-assistant-human-btn span{display:none}
  .self-assistant-human-btn:after{content:"?";font-size:12px}
}

/* =========================================================
   V1.26 smoother discord hero demo
   ========================================================= */
.discord-windowbar{
  justify-content:flex-start;
  gap:16px;
}
.discord-windowbar span{margin-right:0}
.discord-chat-shell{
  grid-template-columns:72px minmax(0,1fr);
  min-height:470px;
}
.discord-chat-side{
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 6.1% / .96),hsl(var(--accent-h) var(--accent-s3) 4.1% / .98));
  padding:14px 0;
  gap:12px;
}
.discord-chat-separator{
  width:32px;
  height:2px;
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 70.8% / .14);
  margin:0 auto 2px;
}
.discord-chat-server{
  position:relative;
  width:48px;
  height:48px;
  border-radius:18px;
  margin:0 auto;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 23.7% / .94),hsl(var(--accent-h) var(--accent-s2) 15.1% / .98));
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 61.6% / .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.22);
  transition:transform .35s ease, border-radius .35s ease, box-shadow .35s ease;
}
.discord-chat-server:before{
  content:'';
  position:absolute;
  left:-14px;
  top:50%;
  width:4px;
  height:0;
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s4) 77.3%);
  transform:translateY(-50%);
  transition:height .35s ease, opacity .35s ease;
  opacity:.5;
}
.discord-chat-server.active{border-radius:16px;box-shadow:0 0 0 1px hsl(var(--accent-h) var(--accent-s4) 73.5% / .14),0 10px 40px hsl(var(--accent-h) var(--accent-s3) 53.1% / .22), inset 0 10px 30px hsl(var(--accent-h) var(--accent-s4) 71.8% / .12)}
.discord-chat-server.active:before{height:22px;opacity:1}
.discord-chat-server.self-logo{overflow:hidden;display:grid;place-items:center;padding:0}
.discord-chat-server.self-logo img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) brightness(.95)}
.discord-chat-server.alt:after{
  content:'';
  position:absolute;
  inset:13px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, hsl(var(--accent-h) var(--accent-s4) 71.4% / .18), hsl(var(--accent-h) var(--accent-s4) 71.4% / .03) 60%, transparent 61%);
  box-shadow:inset 0 0 0 1px hsl(var(--accent-h) var(--accent-s4) 76.7% / .08);
}
.discord-chat-header{
  height:64px;
  padding:0 24px;
}
.discord-chat-feed{
  height:265px;
  min-height:265px;
  max-height:265px;
  overflow:hidden;
  padding:22px 24px 8px;
}
.discord-msg-thread{
  display:flex;
  flex-direction:column;
  gap:14px;
  opacity:1;
  transform:translateY(0);
  transition:opacity .78s cubic-bezier(.22,.61,.36,1), transform .78s cubic-bezier(.22,.61,.36,1), filter .78s ease;
}
.discord-msg-thread.is-fading{
  opacity:0;
  transform:translateY(-14px) scale(.985);
  filter:blur(2px);
}
.discord-msg{
  opacity:0;
  transform:translateY(12px);
  animation:discordMessageIn .62s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes discordMessageIn{to{opacity:1;transform:translateY(0)}}
.discord-bubble{max-width:560px}
.discord-bubble-user,
.discord-bubble-embed{
  backdrop-filter:blur(8px);
}
.discord-bubble-user{
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 22.0% / .52),hsl(var(--accent-h) var(--accent-s2) 15.9% / .82));
}
.discord-bubble-embed{
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 15.9% / .96),hsl(var(--accent-h) var(--accent-s2) 11.4% / .98));
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 60.6% / .18);
  box-shadow:inset 3px 0 0 0 hsl(var(--accent-h) var(--accent-s4) 71.8% / .72), 0 18px 40px rgba(0,0,0,.18);
}
.discord-bubble-embed strong{font-size:15px;margin-bottom:8px}
.discord-bubble-embed p{font-size:15px;line-height:1.52}
.discord-bubble-embed code{font-size:11px}
.reveal-reply strong,
.reveal-reply p,
.reveal-reply code{
  animation:replyReveal .54s cubic-bezier(.22,1,.36,1) both;
}
.reveal-reply p{animation-delay:.06s}
.reveal-reply code{animation-delay:.12s}
@keyframes replyReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.discord-chat-compose-wrap{padding:0 18px 18px}
.discord-chat-compose{
  min-height:56px;
  border-radius:14px;
  background:hsl(var(--accent-h) var(--accent-s2) 10.2% / .98);
}
#heroDiscordInput{
  height:54px;
  font-size:14px;
  letter-spacing:.01em;
  caret-color:hsl(var(--accent-h) var(--accent-s4) 79.8%);
}
#heroDiscordInput::placeholder{color:hsl(var(--accent-h) var(--accent-s1) 55.7%)}
#heroDiscordInput{
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  background-size:1px 1.2em;
  background-position:right 50%;
  animation:heroCaret 1s steps(1,end) infinite;
}
@keyframes heroCaret{50%{background-size:0 1.2em}}
.discord-chat-typing{
  min-height:22px;
  padding:0 24px 12px;
}
@media(max-width:700px){
  .discord-chat-shell{grid-template-columns:56px minmax(0,1fr)}
  .discord-chat-side{display:flex}
  .discord-chat-server{width:40px;height:40px;border-radius:14px}
  .discord-chat-header{padding:0 16px}
  .discord-chat-feed{padding:18px 16px 8px;height:250px;min-height:250px;max-height:250px}
  .discord-chat-compose-wrap{padding:0 12px 14px}
  .discord-bubble{max-width:100%}
}

/* =========================================================
   V1.27 hero polish pass
   ========================================================= */
.discord-hero-card{
  background:
    radial-gradient(circle at 20% 16%, hsl(var(--accent-h) var(--accent-s3) 47.6% / .12), transparent 32%),
    linear-gradient(180deg, hsl(var(--accent-h) var(--accent-s2) 5.1% / .98), hsl(var(--accent-h) var(--accent-s3) 3.5% / 1));
  box-shadow:
    0 28px 90px rgba(0, 0, 0, .46),
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 1px hsl(var(--accent-h) var(--accent-s3) 62.0% / .12);
}
.discord-windowbar{
  height:58px;
  padding:0 22px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s3) 67.8% / .10);
  background:linear-gradient(180deg, hsl(var(--accent-h) var(--accent-s2) 6.5% / .94), hsl(var(--accent-h) var(--accent-s2) 5.1% / .9));
}
.discord-window-dots i{
  width:9px;
  height:9px;
  background:hsl(var(--accent-h) var(--accent-s2) 69.8% / .22);
  box-shadow:0 0 0 1px hsl(var(--accent-h) var(--accent-s3) 74.9% / .03);
}
.discord-windowbar span{
  color:hsl(var(--accent-h) var(--accent-s2) 73.5%);
  font-size:12px;
  letter-spacing:.22em;
}
.discord-chat-shell{min-height:500px}
.discord-chat-side{
  border-right:1px solid hsl(var(--accent-h) var(--accent-s3) 67.8% / .10);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.02);
}
.discord-chat-header{
  height:72px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s3) 67.8% / .09);
  background:linear-gradient(180deg, hsl(var(--accent-h) var(--accent-s2) 8.0% / .74), hsl(var(--accent-h) var(--accent-s2) 6.7% / .5));
}
.discord-chat-header b{font-size:17px}
.discord-chat-header span{font-size:13px;color:hsl(var(--accent-h) var(--accent-s1) 65.5%)}
.discord-chat-feed{
  height:306px;
  min-height:306px;
  max-height:306px;
  padding:24px 28px 6px;
}
.discord-msg-thread{
  gap:18px;
  transition:
    opacity 1.45s cubic-bezier(.22,.61,.36,1),
    transform 1.45s cubic-bezier(.22,.61,.36,1),
    filter 1.45s ease;
}
.discord-msg-thread.is-fading{
  opacity:0;
  transform:translateY(-10px) scale(.992);
  filter:blur(5px);
}
.discord-msg{
  animation-duration:.8s;
}
.discord-avatar.user{
  background:radial-gradient(circle at 30% 30%, hsl(var(--accent-h) var(--accent-s4) 82.7%), hsl(var(--accent-h) var(--accent-s2) 57.6%) 60%, hsl(var(--accent-h) var(--accent-s2) 34.9%) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 10px 30px hsl(var(--accent-h) var(--accent-s2) 38.6% / .22);
}
.discord-msg-head b{font-size:14px}
.discord-msg-head small{font-size:12px}
.discord-bubble{
  border-radius:18px;
  max-width:590px;
}
.discord-bubble-user{
  padding:14px 18px;
  background:linear-gradient(180deg, hsl(var(--accent-h) var(--accent-s2) 22.0% / .54), hsl(var(--accent-h) var(--accent-s2) 15.5% / .9));
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 61.2% / .14);
  box-shadow:0 14px 36px rgba(0,0,0,.16);
}
.discord-bubble-user code{
  font-size:15px;
  color:hsl(var(--accent-h) var(--accent-s4) 91.4%);
}
.discord-bubble-embed{
  padding:18px 20px 16px;
  background:linear-gradient(180deg, hsl(var(--accent-h) var(--accent-s2) 17.3% / .96), hsl(var(--accent-h) var(--accent-s2) 11.4% / .98));
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 65.3% / .18);
  box-shadow:
    inset 4px 0 0 0 hsl(var(--accent-h) var(--accent-s4) 71.8% / .76),
    0 20px 45px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.015);
}
.discord-bubble-embed strong{
  font-size:16px;
  margin-bottom:10px;
  letter-spacing:-.02em;
}
.discord-bubble-embed p{
  font-size:15px;
  line-height:1.62;
  color:hsl(var(--accent-h) var(--accent-s2) 85.1%);
}
.discord-bubble-embed code{
  margin-top:12px;
  padding:9px 12px;
  border-radius:12px;
  background:hsl(var(--accent-h) var(--accent-s2) 30.8% / .22);
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.7% / .08);
  color:hsl(var(--accent-h) var(--accent-s4) 80.0%);
  white-space:normal;
  line-height:1.45;
}
.reveal-reply strong,
.reveal-reply p,
.reveal-reply code{animation-duration:.74s}
.discord-chat-typing{
  min-height:26px;
  padding:0 28px 12px;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .28s ease, transform .28s ease;
  pointer-events:none;
}
.discord-chat-typing.is-visible{
  opacity:1;
  transform:translateY(0);
}
.discord-chat-typing b,
.discord-chat-typing small{
  font-size:12px;
}
.discord-chat-typing small{
  color:hsl(var(--accent-h) var(--accent-s1) 58.6%);
}
.discord-chat-typing.bot-active b{color:hsl(var(--accent-h) var(--accent-s4) 80.6%)}
.discord-typing-avatar{
  width:8px;
  height:8px;
  background:hsl(var(--accent-h) var(--accent-s4) 73.7%);
  box-shadow:0 0 18px hsl(var(--accent-h) var(--accent-s4) 67.8% / .52);
}
.discord-chat-compose-wrap{padding:0 22px 22px}
.discord-chat-compose{
  min-height:60px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 65.3% / .14);
  background:linear-gradient(180deg, hsl(var(--accent-h) var(--accent-s2) 12.2% / .98), hsl(var(--accent-h) var(--accent-s2) 9.4% / .98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 16px 36px rgba(0,0,0,.18);
}
.discord-plus{font-size:20px;color:hsl(var(--accent-h) var(--accent-s3) 74.1%)}
#heroDiscordInput{
  height:58px;
  font-size:15px;
  color:hsl(var(--accent-h) var(--accent-s4) 92.4%);
}
.discord-compose-actions{font-size:13px;color:hsl(var(--accent-h) var(--accent-s1) 61.0%)}
@media(max-width:700px){
  .discord-chat-feed{height:290px;min-height:290px;max-height:290px;padding:20px 18px 6px}
  .discord-chat-compose-wrap{padding:0 14px 16px}
  .discord-chat-typing{padding:0 18px 10px}
  .discord-bubble{max-width:100%}
}

/* =========================================================
   V1.29 generic member identity in Discord preview
   ========================================================= */
.discord-avatar.user{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s1) 26.7% / .98),hsl(var(--accent-h) var(--accent-s1) 18.4% / .98));
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 67.3% / .14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.18);
}
.discord-avatar.user:before{
  content:'';
  position:absolute;
  width:11px;
  height:11px;
  left:50%;
  top:7px;
  transform:translateX(-50%);
  border-radius:50%;
  background:hsl(var(--accent-h) var(--accent-s2) 72.5% / .56);
}
.discord-avatar.user:after{
  content:'';
  position:absolute;
  width:22px;
  height:13px;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  border-radius:12px 12px 8px 8px;
  background:hsl(var(--accent-h) var(--accent-s2) 72.5% / .42);
}

/* =========================================================
   V1.30 Discord preview structural polish
   ========================================================= */
.discord-hero-card{
  padding:0 0 76px;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
.discord-hero-card:after{
  inset:-8px -10px 58px;
  border-radius:32px;
  opacity:.42;
}
.discord-frame{
  position:relative;
  overflow:hidden;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 65.5% / .22);
  border-radius:28px;
  background:
    radial-gradient(circle at 20% 12%, hsl(var(--accent-h) var(--accent-s3) 47.6% / .10), transparent 34%),
    linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 5.1% / .99),hsl(var(--accent-h) var(--accent-s3) 4.1% / .995));
  box-shadow:
    0 30px 90px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 0 1px hsl(var(--accent-h) var(--accent-s2) 52.9% / .035);
}
.public-hero-stage:hover .discord-frame{
  border-color:hsl(var(--accent-h) var(--accent-s4) 71.2% / .29);
  box-shadow:
    0 34px 100px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 54px hsl(var(--accent-h) var(--accent-s3) 56.5% / .065);
}
.discord-windowbar{
  height:56px;
  padding:0 24px;
  background:hsl(var(--accent-h) var(--accent-s2) 5.1% / .82);
  backdrop-filter:blur(14px);
}
.discord-chat-shell{
  height:454px;
  min-height:454px;
  grid-template-columns:72px minmax(0,1fr);
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 6.7% / .95),hsl(var(--accent-h) var(--accent-s3) 4.7% / .98));
}
.discord-chat-main{
  display:grid;
  grid-template-rows:72px minmax(0,1fr) 30px;
  min-width:0;
  min-height:0;
  position:relative;
}
.discord-chat-header{
  height:auto;
  min-height:0;
  padding:0 26px;
}
.discord-chat-header b{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:17px;
  letter-spacing:-.015em;
}
.discord-channel-hash{
  color:hsl(var(--accent-h) var(--accent-s1) 58.6%);
  font-size:19px;
  font-weight:600;
}
.discord-chat-header em{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  font-size:9px;
  letter-spacing:.16em;
  color:hsl(var(--accent-h) var(--accent-s4) 78.4%);
  background:hsl(var(--accent-h) var(--accent-s2) 39.4% / .10);
  border-color:hsl(var(--accent-h) var(--accent-s3) 65.5% / .13);
}
.discord-chat-header em i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:hsl(var(--accent-h) var(--accent-s4) 71.2%);
  box-shadow:0 0 12px hsl(var(--accent-h) var(--accent-s4) 65.7% / .7);
}
.discord-chat-feed{
  height:auto;
  min-height:0;
  max-height:none;
  overflow:hidden;
  padding:22px 28px 10px;
}
.discord-msg-thread{
  width:100%;
  max-width:100%;
  gap:16px;
}
.discord-msg{
  gap:12px;
}
.discord-bubble-group{
  width:min(100%, 610px);
}
.discord-bubble{
  width:fit-content;
  max-width:100%;
}
.discord-bubble-user{
  padding:12px 16px;
  border-radius:14px;
}
.discord-bubble-embed{
  width:100%;
  padding:16px 18px 15px;
  border-radius:16px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 16.5% / .96),hsl(var(--accent-h) var(--accent-s2) 11.0% / .99));
  box-shadow:
    inset 3px 0 0 hsl(var(--accent-h) var(--accent-s4) 70.4% / .78),
    0 14px 34px rgba(0,0,0,.17);
}
.discord-bubble-embed strong{
  font-size:15px;
  margin-bottom:8px;
}
.discord-bubble-embed p{
  font-size:14px;
  line-height:1.56;
}
.discord-bubble-embed code{
  display:none;
}
.discord-reply-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin:2px 0 0 8px;
  color:hsl(var(--accent-h) var(--accent-s2) 59.0%);
  font-size:11px;
  line-height:1.4;
}
.discord-reply-note span{
  color:hsl(var(--accent-h) var(--accent-s4) 70.0%);
  opacity:.72;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.reveal-note{
  animation:replyNoteIn .72s .14s cubic-bezier(.22,1,.36,1) both;
}
@keyframes replyNoteIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
.discord-chat-typing{
  min-height:30px;
  height:30px;
  padding:0 28px 8px;
  align-self:end;
}
.discord-chat-compose-wrap.discord-chat-compose-floating{
  position:absolute;
  left:94px;
  right:18px;
  bottom:0;
  z-index:5;
  padding:0;
}
.discord-chat-compose{
  min-height:64px;
  padding:0 18px;
  border-radius:18px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 12.7% / .985),hsl(var(--accent-h) var(--accent-s2) 9.6% / .99));
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 66.1% / .18);
  box-shadow:
    0 24px 52px rgba(0,0,0,.33),
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 0 1px rgba(255,255,255,.012);
  backdrop-filter:blur(18px);
}
#heroDiscordInput{
  height:62px;
  font-size:15px;
}
.discord-plus{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:hsl(var(--accent-h) var(--accent-s2) 74.1%);
  background:hsl(var(--accent-h) var(--accent-s2) 61.8% / .08);
  font-size:20px;
}
.discord-compose-actions{
  color:hsl(var(--accent-h) var(--accent-s1) 55.3%);
  letter-spacing:.08em;
}
@media(max-width:900px){
  .discord-hero-card{padding-bottom:72px}
  .discord-chat-shell{height:430px;min-height:430px}
}
@media(max-width:700px){
  .discord-chat-shell{grid-template-columns:56px minmax(0,1fr);height:410px;min-height:410px}
  .discord-chat-header{padding:0 16px}
  .discord-chat-feed{padding:18px 16px 8px}
  .discord-chat-typing{padding:0 16px 8px}
  .discord-chat-compose-wrap.discord-chat-compose-floating{left:68px;right:10px}
  .discord-chat-compose{min-height:58px;padding:0 14px}
  #heroDiscordInput{height:56px;font-size:13px}
  .discord-compose-actions{display:none}
}

/* =========================================================
   V1.33 internal dashboard polish
   ========================================================= */
.dashboard-page{
  --dash-bg:hsl(var(--accent-h) var(--accent-s2) 4.3%);
  --dash-surface:hsl(var(--accent-h) var(--accent-s2) 6.9%);
  --dash-surface-2:hsl(var(--accent-h) var(--accent-s2) 9.8%);
  --dash-surface-3:hsl(var(--accent-h) var(--accent-s2) 12.5%);
  --dash-border:hsl(var(--accent-h) var(--accent-s2) 15.9%);
  --dash-border-soft:hsl(var(--accent-h) var(--accent-s3) 67.6% / .12);
  --dash-text:hsl(var(--accent-h) var(--accent-s4) 96.5%);
  --dash-soft:hsl(var(--accent-h) var(--accent-s1) 77.8%);
  --dash-muted:hsl(var(--accent-h) var(--accent-s1) 56.3%);
  --dash-dim:hsl(var(--accent-h) var(--accent-s1) 41.6%);
  --dash-blue:hsl(var(--accent-h) var(--accent-s4) 74.7%);
  --dash-blue-strong:hsl(var(--accent-h) var(--accent-s4) 79.0%);
  background:
    radial-gradient(circle at 78% -10%,hsl(var(--accent-h) var(--accent-s2) 49.8% / .14),transparent 36rem),
    radial-gradient(circle at 8% 88%,hsl(var(--accent-h) var(--accent-s3) 29.8% / .07),transparent 32rem),
    var(--dash-bg);
  color:var(--dash-text);
  font-size:14px;
}
.dashboard-page button,
.dashboard-page input,
.dashboard-page select,
.dashboard-page textarea{
  font-family:inherit;
}
.dashboard-page button,
.dashboard-page a,
.dashboard-page input,
.dashboard-page select,
.dashboard-page textarea{
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease;
}
.dashboard-page .app{
  grid-template-columns:248px minmax(0,1fr);
}
.dashboard-page .sidebar{
  width:248px;
  padding:18px 14px 16px;
  background:
    linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 6.3% / .98),hsl(var(--accent-h) var(--accent-s2) 4.5% / .99));
  border-right:1px solid hsl(var(--accent-h) var(--accent-s3) 67.6% / .10);
  box-shadow:18px 0 60px rgba(0,0,0,.16);
}
.dashboard-page .side-brand{
  height:62px;
  padding:0 9px;
  border-radius:14px;
}
.dashboard-page .side-brand img{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 74.7% / .18);
  box-shadow:0 0 24px hsl(var(--accent-h) var(--accent-s3) 57.1% / .12);
}
.dashboard-page .side-brand b{
  color:hsl(var(--accent-h) var(--accent-s4) 97.6%);
  font-size:15px;
  letter-spacing:-.01em;
}
.dashboard-page .side-brand span{
  margin-top:2px;
  color:hsl(var(--accent-h) var(--accent-s1) 52.7%);
  font-size:10px;
}
.dashboard-page .access-card{
  margin:10px 2px 2px;
  padding:12px 13px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 65.1% / .12);
  border-radius:14px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 11.6% / .82),hsl(var(--accent-h) var(--accent-s2) 7.5% / .9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.dashboard-page .access-card span{
  color:hsl(var(--accent-h) var(--accent-s1) 46.1%);
  font-size:8px;
  letter-spacing:.16em;
}
.dashboard-page .access-card b{
  margin-top:4px;
  color:hsl(var(--accent-h) var(--accent-s4) 81.0%);
  font-size:11px;
}
.dashboard-page .side-label{
  margin:19px 10px 8px;
  color:hsl(var(--accent-h) var(--accent-s1) 42.0%);
  font-size:8px;
  letter-spacing:.16em;
}
.dashboard-page .guild-btn{
  min-height:62px;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:10px;
  padding:9px 10px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.2% / .13);
  border-radius:14px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 10.4% / .9),hsl(var(--accent-h) var(--accent-s2) 7.1% / .96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.dashboard-page .guild-btn:hover{
  border-color:hsl(var(--accent-h) var(--accent-s4) 73.9% / .24);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 12.9% / .96),hsl(var(--accent-h) var(--accent-s2) 8.2% / .98));
}
.dashboard-page .guild-btn img{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 69.2% / .10);
}
.dashboard-page .guild-btn b{
  color:hsl(var(--accent-h) var(--accent-s4) 94.7%);
  font-size:11px;
}
.dashboard-page .guild-btn span{
  margin-top:3px;
  color:hsl(var(--accent-h) var(--accent-s1) 50.8%);
  font-size:9px;
}
.dashboard-page .guild-menu{
  top:180px;
  left:14px;
  right:14px;
  padding:8px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.2% / .16);
  border-radius:14px;
  background:hsl(var(--accent-h) var(--accent-s2) 7.6% / .98);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
}
.dashboard-page .guild-option{
  min-height:45px;
  padding:7px 9px;
  border-radius:10px;
}
.dashboard-page .guild-option:hover{background:hsl(var(--accent-h) var(--accent-s2) 12.0%)}
.dashboard-page .side-nav{
  gap:5px;
  margin-top:18px;
}
.dashboard-page .nav-btn{
  min-height:43px;
  height:auto;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:10px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:hsl(var(--accent-h) var(--accent-s1) 56.7%);
  font-size:12px;
  font-weight:650;
  letter-spacing:-.005em;
}
.dashboard-page .nav-btn:hover{
  color:hsl(var(--accent-h) var(--accent-s2) 85.7%);
  background:hsl(var(--accent-h) var(--accent-s2) 11.2% / .72);
  border-color:hsl(var(--accent-h) var(--accent-s2) 63.7% / .07);
}
.dashboard-page .nav-btn.active{
  color:hsl(var(--accent-h) var(--accent-s4) 96.7%);
  background:linear-gradient(90deg,hsl(var(--accent-h) var(--accent-s2) 38.8% / .22),hsl(var(--accent-h) var(--accent-s2) 12.4% / .74));
  border-color:hsl(var(--accent-h) var(--accent-s4) 71.2% / .13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.dashboard-page .nav-btn.active:before{
  content:'';
  position:absolute;
  left:0;
  width:3px;
  height:19px;
  border-radius:0 999px 999px 0;
  background:hsl(var(--accent-h) var(--accent-s4) 74.7%);
  box-shadow:0 0 16px hsl(var(--accent-h) var(--accent-s4) 74.7% / .36);
}
.dashboard-page .nav-ico,
.dashboard-page .nav-ico svg{
  width:17px;
  height:17px;
}
.dashboard-page .nav-btn em,
.dashboard-page #liveSupportBadge,
.dashboard-page #ticketBadge{
  min-width:21px;
  height:21px;
  padding:0 6px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 70.2% / .13);
  background:hsl(var(--accent-h) var(--accent-s2) 44.7% / .14);
  color:hsl(var(--accent-h) var(--accent-s4) 76.9%);
  font-size:8px;
}
.dashboard-page .bot-mini{
  padding:13px 8px 4px;
  border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 62.2% / .10);
  grid-template-columns:34px minmax(0,1fr) 8px;
}
.dashboard-page .bot-mini img{
  width:34px;
  height:34px;
  border-radius:10px;
}
.dashboard-page .bot-mini b{font-size:11px}
.dashboard-page .bot-mini span{margin-top:2px;font-size:9px;color:hsl(var(--accent-h) var(--accent-s1) 48.0%)}
.dashboard-page .main{
  grid-column:2;
  min-width:0;
  padding:0 38px 70px;
}
.dashboard-page .main>header{
  position:sticky;
  top:0;
  z-index:18;
  height:78px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 62.2% / .09);
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 4.3% / .94),hsl(var(--accent-h) var(--accent-s2) 4.3% / .78));
  backdrop-filter:blur(20px);
}
.dashboard-page .main>header>span{
  color:hsl(var(--accent-h) var(--accent-s1) 44.1%);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.dashboard-page .main>header>span b{color:hsl(var(--accent-h) var(--accent-s1) 67.6%)}
.dashboard-page .user{
  gap:10px;
}
.dashboard-page .header-access{
  padding:7px 10px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.2% / .13);
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 8.8% / .78);
  color:hsl(var(--accent-h) var(--accent-s2) 65.1%)!important;
  font-size:9px!important;
  font-weight:750;
}
.dashboard-page .user img{
  width:36px;
  height:36px;
  border-radius:11px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 70.8% / .12);
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}
.dashboard-page .user div b{
  color:hsl(var(--accent-h) var(--accent-s3) 95.1%);
  font-size:11px;
}
.dashboard-page .logout-btn{
  width:34px;
  height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.2% / .11);
  border-radius:10px;
  background:hsl(var(--accent-h) var(--accent-s2) 8.0% / .72);
  color:hsl(var(--accent-h) var(--accent-s1) 53.5%)!important;
  font-size:13px;
}
.dashboard-page .logout-btn:hover{
  color:hsl(var(--accent-h) var(--accent-s3) 82.9%)!important;
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .22);
  background:hsl(var(--accent-h) var(--accent-s2) 11.0%);
}
.dashboard-page .view{
  max-width:1480px;
  padding-top:42px;
}
.dashboard-page .view.active{animation:dashIn .34s cubic-bezier(.22,1,.36,1)}
@keyframes dashIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.dashboard-page .heading{
  min-height:112px;
  align-items:flex-start;
}
.dashboard-page .eyebrow{
  color:hsl(var(--accent-h) var(--accent-s1) 45.3%);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.dashboard-page .heading h1{
  margin:9px 0 8px;
  color:hsl(var(--accent-h) var(--accent-s4) 97.1%);
  font-size:39px;
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:760;
}
.dashboard-page .heading p{
  max-width:700px;
  color:hsl(var(--accent-h) var(--accent-s1) 56.3%);
  font-size:12px;
  line-height:1.6;
}
.dashboard-page .chip,
.dashboard-page .support-chip,
.dashboard-page .update-count,
.dashboard-page .update-version{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 65.7% / .14);
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 8.4% / .8);
  color:hsl(var(--accent-h) var(--accent-s1) 59.8%);
  font-size:9px;
  font-weight:750;
  letter-spacing:.02em;
}
.dashboard-page .chip.online,
.dashboard-page .live-badge{
  color:#90cdb0;
}
.dashboard-page .panel,
.dashboard-page .module{
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 63.7% / .13);
  border-radius:18px;
  background:
    linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 9.4% / .96),hsl(var(--accent-h) var(--accent-s2) 6.1% / .98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 16px 48px rgba(0,0,0,.10);
}
.dashboard-page .panel{padding:22px}
.dashboard-page .panel h2{
  color:hsl(var(--accent-h) var(--accent-s3) 95.1%);
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.dashboard-page .stats{
  gap:12px;
  margin-bottom:14px;
}
.dashboard-page .stats article,
.dashboard-page .ticket-stats article,
.dashboard-page .system-grid article{
  position:relative;
  overflow:hidden;
  padding:18px 19px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.3% / .12);
  border-radius:16px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 10.2% / .92),hsl(var(--accent-h) var(--accent-s2) 6.5% / .98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.dashboard-page .stats article:after,
.dashboard-page .ticket-stats article:after,
.dashboard-page .system-grid article:after{
  content:'';
  position:absolute;
  width:90px;
  height:90px;
  right:-38px;
  top:-45px;
  border-radius:50%;
  background:radial-gradient(circle,hsl(var(--accent-h) var(--accent-s3) 59.2% / .10),transparent 68%);
  pointer-events:none;
}
.dashboard-page .stats small,
.dashboard-page .ticket-stats small,
.dashboard-page .system-grid small{
  color:hsl(var(--accent-h) var(--accent-s1) 47.3%);
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}
.dashboard-page .stats b,
.dashboard-page .ticket-stats b,
.dashboard-page .system-grid b{
  margin:12px 0 4px;
  color:hsl(var(--accent-h) var(--accent-s4) 92.5%);
  font-size:23px;
  font-weight:720;
  letter-spacing:-.03em;
}
.dashboard-page .stats span{
  color:hsl(var(--accent-h) var(--accent-s1) 46.9%);
  font-size:9px;
}
.dashboard-page .overview-info-grid,
.dashboard-page .grid2,
.dashboard-page .feedback-layout,
.dashboard-page .clean-support-layout,
.dashboard-page .live-support-layout{
  gap:14px;
}
.dashboard-page .overview-card-head h2,
.dashboard-page .ticket-panel-head h2,
.dashboard-page .staff-queue-title h2{
  margin-top:7px;
}
.dashboard-page .staff-counter-wrap{
  padding:18px 0;
}
.dashboard-page .staff-count-main strong{
  color:hsl(var(--accent-h) var(--accent-s4) 93.5%);
  font-size:38px;
  letter-spacing:-.05em;
}
.dashboard-page .staff-count-main span,
.dashboard-page .bot-status-block small,
.dashboard-page .bot-status-block b{
  font-size:10px;
}
.dashboard-page .staff-online-list,
.dashboard-page .overview-latest-update{
  border-top-color:hsl(var(--accent-h) var(--accent-s2) 62.2% / .09);
}
.dashboard-page .field{
  margin-top:18px;
  color:hsl(var(--accent-h) var(--accent-s1) 47.3%);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
.dashboard-page .text-input,
.dashboard-page select,
.dashboard-page textarea{
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.7% / .15);
  background:hsl(var(--accent-h) var(--accent-s2) 6.1%);
  color:hsl(var(--accent-h) var(--accent-s2) 85.1%);
  border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.dashboard-page .text-input,
.dashboard-page select{
  height:43px;
  padding:0 12px;
  font-size:11px;
}
.dashboard-page textarea{
  padding:12px 13px;
  font-size:11px;
  line-height:1.58;
}
.dashboard-page .text-input:focus,
.dashboard-page select:focus,
.dashboard-page textarea:focus,
.dashboard-page .command-search:focus-within,
.dashboard-page .ticket-search:focus-within{
  outline:0;
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .38);
  box-shadow:0 0 0 3px hsl(var(--accent-h) var(--accent-s3) 53.9% / .08);
}
.dashboard-page .text-input::placeholder,
.dashboard-page textarea::placeholder,
.dashboard-page input::placeholder{color:hsl(var(--accent-h) var(--accent-s1) 39.2%)}
.dashboard-page .setting,
.dashboard-page .rows>label{
  min-height:74px;
  border-bottom-color:hsl(var(--accent-h) var(--accent-s2) 62.2% / .09);
}
.dashboard-page .setting b,
.dashboard-page .rows b{font-size:12px;color:hsl(var(--accent-h) var(--accent-s2) 88.0%)}
.dashboard-page .setting span,
.dashboard-page .rows span{margin-top:5px;font-size:10px;line-height:1.45;color:hsl(var(--accent-h) var(--accent-s1) 53.1%)}
.dashboard-page .switch+i{
  width:42px;
  height:24px;
  border-color:hsl(var(--accent-h) var(--accent-s2) 62.4% / .18);
  background:hsl(var(--accent-h) var(--accent-s2) 11.8%);
}
.dashboard-page .switch+i:after{
  width:16px;
  height:16px;
  left:3px;
  top:3px;
  background:hsl(var(--accent-h) var(--accent-s1) 52.0%);
}
.dashboard-page .switch:checked+i{
  background:hsl(var(--accent-h) var(--accent-s3) 25.5%);
  border-color:hsl(var(--accent-h) var(--accent-s3) 39.4%);
  box-shadow:0 0 20px hsl(var(--accent-h) var(--accent-s3) 51.2% / .10);
}
.dashboard-page .switch:checked+i:after{left:21px;background:hsl(var(--accent-h) var(--accent-s4) 80.2%)}
.dashboard-page .ticket-primary,
.dashboard-page .mini-btn{
  border-radius:10px;
  font-size:10px;
  font-weight:800;
}
.dashboard-page .ticket-primary{
  min-height:41px;
  padding:0 15px;
  border-color:hsl(var(--accent-h) var(--accent-s4) 76.1% / .26);
  background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s4) 75.7%),hsl(var(--accent-h) var(--accent-s4) 65.1%));
  color:hsl(var(--accent-h) var(--accent-s3) 7.1%);
  box-shadow:0 8px 24px hsl(var(--accent-h) var(--accent-s3) 51.2% / .14);
}
.dashboard-page .ticket-primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 12px 30px hsl(var(--accent-h) var(--accent-s3) 51.2% / .19);
}
.dashboard-page .mini-btn{
  min-height:33px;
  padding:0 11px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.7% / .14);
  background:hsl(var(--accent-h) var(--accent-s2) 9.4%);
  color:hsl(var(--accent-h) var(--accent-s1) 61.0%);
}
.dashboard-page .mini-btn:hover{
  color:hsl(var(--accent-h) var(--accent-s2) 84.9%);
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .24);
  background:hsl(var(--accent-h) var(--accent-s2) 12.0%);
}
.dashboard-page .update-composer{
  margin-bottom:16px;
}
.dashboard-page .update-composer-head>span{
  color:hsl(var(--accent-h) var(--accent-s1) 48.6%);
  font-size:9px;
  font-weight:750;
}
.dashboard-page .update-publish-row,
.dashboard-page .ticket-compose-actions,
.dashboard-page .feedback-submit-row{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 62.2% / .09);
}
.dashboard-page .update-publish-row>span,
.dashboard-page .ticket-compose-actions>span,
.dashboard-page .feedback-submit-row>small{
  color:hsl(var(--accent-h) var(--accent-s1) 48.2%);
  font-size:10px;
}
.dashboard-page .update-entry{
  margin-bottom:12px;
}
.dashboard-page .update-entry h2{font-size:20px}
.dashboard-page .update-summary,
.dashboard-page .update-body{
  color:hsl(var(--accent-h) var(--accent-s1) 67.1%);
  font-size:11px;
  line-height:1.65;
}
.dashboard-page .command-heading{
  align-items:flex-start;
}
.dashboard-page .command-total{
  min-width:100px;
  padding:13px 15px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.3% / .13);
  border-radius:14px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 9.8%),hsl(var(--accent-h) var(--accent-s2) 6.9%));
}
.dashboard-page .command-total b{font-size:22px;color:hsl(var(--accent-h) var(--accent-s4) 86.3%)}
.dashboard-page .command-total span{font-size:9px;color:hsl(var(--accent-h) var(--accent-s1) 52.4%)}
.dashboard-page .command-shell{
  gap:14px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.3% / .11);
  border-radius:18px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 7.8% / .84),hsl(var(--accent-h) var(--accent-s2) 5.5% / .96));
  overflow:hidden;
}
.dashboard-page .command-categories{
  padding:14px;
  border-right:1px solid hsl(var(--accent-h) var(--accent-s3) 64.3% / .10);
  background:hsl(var(--accent-h) var(--accent-s2) 5.5% / .7);
}
.dashboard-page .command-cat{
  min-height:39px;
  border-radius:10px;
  color:hsl(var(--accent-h) var(--accent-s1) 56.5%);
  font-size:10px;
}
.dashboard-page .command-cat:hover{background:hsl(var(--accent-h) var(--accent-s2) 10.6%);color:hsl(var(--accent-h) var(--accent-s2) 82.5%)}
.dashboard-page .command-cat.active{
  background:linear-gradient(90deg,hsl(var(--accent-h) var(--accent-s2) 43.9% / .20),hsl(var(--accent-h) var(--accent-s2) 12.4% / .74));
  color:hsl(var(--accent-h) var(--accent-s4) 93.9%);
}
.dashboard-page .command-main{padding:18px}
.dashboard-page .command-search{
  min-height:45px;
  padding:0 13px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.7% / .14);
  border-radius:12px;
  background:hsl(var(--accent-h) var(--accent-s2) 6.1%);
}
.dashboard-page .command-search input{font-size:11px;color:hsl(var(--accent-h) var(--accent-s2) 85.1%)}
.dashboard-page .command-category-intro b{font-size:13px;color:hsl(var(--accent-h) var(--accent-s3) 92.0%)}
.dashboard-page .command-category-intro span{font-size:10px;color:hsl(var(--accent-h) var(--accent-s1) 51.2%)}
.dashboard-page .command-grid{gap:10px}
.dashboard-page .command-card{
  padding:14px 15px;
  border-color:hsl(var(--accent-h) var(--accent-s2) 62.7% / .11);
  border-radius:13px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 8.8%),hsl(var(--accent-h) var(--accent-s2) 6.5%));
}
.dashboard-page .command-card:hover{
  transform:translateY(-1px);
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .24);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 11.0%),hsl(var(--accent-h) var(--accent-s2) 7.3%));
}
.dashboard-page .command-card code{font-size:11px;color:hsl(var(--accent-h) var(--accent-s3) 82.7%)}
.dashboard-page .command-card p{font-size:10px;line-height:1.55;color:hsl(var(--accent-h) var(--accent-s1) 56.5%)}
.dashboard-page .command-card small,
.dashboard-page .cmd-premium{font-size:8px}
.dashboard-page .support-mode-tabs{
  gap:8px;
  padding:5px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.7% / .10);
  border-radius:14px;
  background:hsl(var(--accent-h) var(--accent-s2) 6.1%);
}
.dashboard-page .support-mode{
  min-height:43px;
  border-radius:10px;
  color:hsl(var(--accent-h) var(--accent-s1) 57.1%);
  font-size:11px;
}
.dashboard-page .support-mode.active{
  color:hsl(var(--accent-h) var(--accent-s4) 96.5%);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 14.9%),hsl(var(--accent-h) var(--accent-s2) 11.2%));
  box-shadow:0 6px 20px rgba(0,0,0,.14),inset 0 0 0 1px hsl(var(--accent-h) var(--accent-s4) 69.2% / .10);
}
.dashboard-page .support-section-head{margin:24px 0 12px}
.dashboard-page .support-section-head h2{font-size:20px;color:hsl(var(--accent-h) var(--accent-s3) 94.3%)}
.dashboard-page .my-ticket-summary{
  gap:7px;
  margin:14px 0 3px;
}
.dashboard-page .my-ticket-summary span{
  padding:7px 9px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.7% / .10);
  border-radius:9px;
  background:hsl(var(--accent-h) var(--accent-s2) 7.3%);
  color:hsl(var(--accent-h) var(--accent-s1) 52.0%);
  font-size:9px;
}
.dashboard-page .ticket-row{
  min-height:66px;
  padding:10px 12px;
  border-color:hsl(var(--accent-h) var(--accent-s2) 62.7% / .10);
  border-radius:12px;
  background:hsl(var(--accent-h) var(--accent-s2) 6.7%);
}
.dashboard-page .ticket-row:hover{
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .22);
  background:hsl(var(--accent-h) var(--accent-s2) 9.6%);
}
.dashboard-page .ticket-row b{font-size:10px;color:hsl(var(--accent-h) var(--accent-s2) 84.9%)}
.dashboard-page .ticket-row small{font-size:9px;color:hsl(var(--accent-h) var(--accent-s1) 48.4%)}
.dashboard-page .ticket-state,
.dashboard-page .priority{
  font-size:8px;
  letter-spacing:.04em;
}
.dashboard-page .ticket-state{text-transform:capitalize}
.dashboard-page .ticket-detail-head h2{font-size:19px}
.dashboard-page .ticket-detail-head p{font-size:9px;color:hsl(var(--accent-h) var(--accent-s1) 50.4%)}
.dashboard-page .ticket-message{
  padding:13px 14px;
  border-color:hsl(var(--accent-h) var(--accent-s2) 62.7% / .10);
  border-radius:12px;
  background:hsl(var(--accent-h) var(--accent-s2) 6.7%);
}
.dashboard-page .ticket-message b{font-size:10px}
.dashboard-page .ticket-message span{font-size:8px}
.dashboard-page .ticket-message p{font-size:10px;line-height:1.6;color:hsl(var(--accent-h) var(--accent-s1) 62.7%)}
.dashboard-page .ticket-placeholder b{font-size:11px;color:hsl(var(--accent-h) var(--accent-s1) 68.2%)}
.dashboard-page .ticket-placeholder p{font-size:9px;color:hsl(var(--accent-h) var(--accent-s1) 46.5%)}
.dashboard-page .ticket-search{
  height:41px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 62.7% / .14);
  border-radius:11px;
  background:hsl(var(--accent-h) var(--accent-s2) 6.1%);
}
.dashboard-page .ticket-search input{font-size:10px;color:hsl(var(--accent-h) var(--accent-s2) 82.5%)}
.dashboard-page .staff-ticket-layout,
.dashboard-page .live-support-layout{
  gap:14px;
}
.dashboard-page .staff-ticket-queue,
.dashboard-page .staff-ticket-detail,
.dashboard-page .live-support-queue,
.dashboard-page .live-support-detail{
  padding:17px;
}
.dashboard-page .staff-queue-title>span{font-size:9px;color:hsl(var(--accent-h) var(--accent-s1) 47.6%)}
.dashboard-page .feedback-type-row{gap:7px}
.dashboard-page .feedback-type{
  min-height:36px;
  border-radius:10px;
  font-size:9px;
}
.dashboard-page .feedback-type.active{
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .22);
  background:hsl(var(--accent-h) var(--accent-s3) 34.3% / .18);
  color:hsl(var(--accent-h) var(--accent-s4) 82.5%);
}
.dashboard-page .security p,
.dashboard-page .security li,
.dashboard-page .system-info p{
  color:hsl(var(--accent-h) var(--accent-s1) 58.4%);
  font-size:10px;
  line-height:1.7;
}
.dashboard-page .system-info pre{
  border-color:hsl(var(--accent-h) var(--accent-s2) 62.7% / .12);
  background:hsl(var(--accent-h) var(--accent-s2) 4.9%);
  color:hsl(var(--accent-h) var(--accent-s1) 64.1%);
  font-size:9px;
  line-height:1.55;
}
.dashboard-page .premium-hero,
.dashboard-page .premium-panel,
.dashboard-page .premium-summary article{
  border-color:hsl(var(--accent-h) var(--accent-s3) 61.0% / .15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 18px 52px rgba(0,0,0,.10);
}
.dashboard-page .premium-hero h1{letter-spacing:-.045em}
.dashboard-page .premium-hero p,
.dashboard-page .premium-purchase-card p{color:hsl(var(--accent-h) var(--accent-s1) 60.6%);line-height:1.65}
.dashboard-page .premium-buy,
.dashboard-page .premium-discord{border-radius:11px}
.dashboard-page .toast{
  right:28px;
  bottom:28px;
  padding:11px 14px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 74.7% / .18);
  border-radius:11px;
  background:hsl(var(--accent-h) var(--accent-s2) 9.0% / .96);
  color:hsl(var(--accent-h) var(--accent-s2) 84.3%);
  box-shadow:0 18px 55px rgba(0,0,0,.35);
  backdrop-filter:blur(14px);
  font-size:10px;
}
.dashboard-page .premium-nudge{
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .16);
  border-radius:16px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 9.4% / .98),hsl(var(--accent-h) var(--accent-s2) 6.1% / .98));
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 34px hsl(var(--accent-h) var(--accent-s3) 56.9% / .08);
}

@media(max-width:1100px){
  .dashboard-page .app{grid-template-columns:220px minmax(0,1fr)}
  .dashboard-page .sidebar{width:220px}
  .dashboard-page .main{padding:0 26px 58px}
}
@media(max-width:900px){
  .dashboard-page .app{grid-template-columns:82px minmax(0,1fr)}
  .dashboard-page .sidebar{width:82px;padding:16px 10px}
  .dashboard-page .side-brand{justify-content:center;padding:0}
  .dashboard-page .side-brand div,
  .dashboard-page .access-card,
  .dashboard-page .side-label,
  .dashboard-page .guild-btn div,
  .dashboard-page .guild-btn strong,
  .dashboard-page .bot-mini div{display:none}
  .dashboard-page .guild-btn{display:grid;grid-template-columns:1fr;place-items:center;padding:7px}
  .dashboard-page .guild-btn img{width:40px;height:40px}
  .dashboard-page .side-nav{margin-top:16px}
  .dashboard-page .nav-btn{grid-template-columns:1fr;place-items:center;padding:0}
  .dashboard-page .nav-btn .nav-label{display:none}
  .dashboard-page .nav-btn em,
  .dashboard-page #liveSupportBadge,
  .dashboard-page #ticketBadge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;font-size:7px}
  .dashboard-page .bot-mini{grid-template-columns:1fr;place-items:center}
  .dashboard-page .main{padding:0 20px 50px}
}
@media(max-width:650px){
  .dashboard-page .main{padding:0 16px 46px}
  .dashboard-page .main>header{height:68px}
  .dashboard-page .user div{display:none}
  .dashboard-page .heading{min-height:96px}
  .dashboard-page .heading h1{font-size:32px}
  .dashboard-page .panel{padding:17px}
  .dashboard-page .stats,
  .dashboard-page .ticket-stats,
  .dashboard-page .system-grid{grid-template-columns:1fr 1fr}
  .dashboard-page .grid2,
  .dashboard-page .overview-info-grid,
  .dashboard-page .feedback-layout,
  .dashboard-page .clean-support-layout,
  .dashboard-page .live-support-layout{grid-template-columns:1fr}
}

/* =========================================================
   V1.36 What's New / Discord sync polish
   ========================================================= */
.update-heading-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.updates-source-chip{
  min-height:30px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 68.8% / .16);
  border-radius:999px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s2) 22.7% / .28),hsl(var(--accent-h) var(--accent-s2) 9.4% / .55));
  color:hsl(var(--accent-h) var(--accent-s4) 81.2%);
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}
.updates-source-chip i,
.update-source-badge i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:hsl(var(--accent-h) var(--accent-s4) 72.2%);
  box-shadow:0 0 12px hsl(var(--accent-h) var(--accent-s4) 65.3% / .48);
}
.update-entry{
  position:relative;
  overflow:hidden;
}
.update-entry.discord-update:before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s4) 72.2% / .82),hsl(var(--accent-h) var(--accent-s4) 72.2% / .06));
}
.update-entry-labels{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.update-source-badge{
  min-height:22px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 66.5% / .14);
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 36.5% / .12);
  color:hsl(var(--accent-h) var(--accent-s4) 76.7%);
  font-size:7px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.update-entry-author-row{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.update-author{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.update-author img,
.update-author-fallback{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:11px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 68.2% / .14);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 15.1%),hsl(var(--accent-h) var(--accent-s2) 8.8%));
  box-shadow:0 8px 24px rgba(0,0,0,.20);
}
.update-author img{object-fit:cover}
.update-author-fallback{
  display:grid;
  place-items:center;
  color:hsl(var(--accent-h) var(--accent-s4) 81.0%);
  font-size:12px;
  font-weight:900;
}
.update-author div{min-width:0;display:flex;flex-direction:column;gap:3px}
.update-author b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:hsl(var(--accent-h) var(--accent-s3) 91.8%);
  font-size:11px;
}
.update-author small{
  color:hsl(var(--accent-h) var(--accent-s1) 47.5%);
  font-size:8px;
}
.update-source-link{
  flex:0 0 auto;
  color:hsl(var(--accent-h) var(--accent-s2) 60.2%);
  font-size:8px;
  font-weight:800;
  text-decoration:none;
  transition:color .18s ease, transform .18s ease;
}
.update-source-link:hover{color:hsl(var(--accent-h) var(--accent-s4) 82.5%);transform:translateY(-1px)}
.update-media{
  margin-top:16px;
  display:block;
  width:min(620px,100%);
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.5% / .12);
  border-radius:14px;
  overflow:hidden;
  background:hsl(var(--accent-h) var(--accent-s2) 6.5%);
  box-shadow:0 16px 36px rgba(0,0,0,.16);
}
.update-media img{
  display:block;
  width:100%;
  max-height:360px;
  object-fit:cover;
}
.overview-update-labels{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.overview-update-source{
  color:hsl(var(--accent-h) var(--accent-s4) 73.1%);
  font-size:7px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#syncDiscordUpdatesBtn:disabled{
  opacity:.55;
  cursor:wait;
}
@media(max-width:760px){
  .update-heading-meta{justify-content:flex-start}
  .update-entry-author-row{align-items:flex-start;flex-direction:column}
  .update-source-link{align-self:flex-start}
}

/* V1.37 — Discord-native announcement rendering inside Self's dashboard theme */
.dashboard-page .update-type.update{
  color:hsl(var(--accent-h) var(--accent-s4) 80.8%);
  border-color:hsl(var(--accent-h) var(--accent-s4) 66.5% / .26);
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s3) 32.0% / .28),hsl(var(--accent-h) var(--accent-s2) 15.3% / .48));
  box-shadow:0 0 20px hsl(var(--accent-h) var(--accent-s4) 60.0% / .07);
}
.dashboard-page .update-entry.discord-update{
  padding:22px 22px 19px;
  border-color:hsl(var(--accent-h) var(--accent-s4) 68.2% / .13);
  background:
    radial-gradient(circle at 96% 0,hsl(var(--accent-h) var(--accent-s2) 50.6% / .07),transparent 19rem),
    linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 8.2%),hsl(var(--accent-h) var(--accent-s2) 6.1%));
}
.dashboard-page .update-entry.discord-update:before{
  width:2px;
  background:linear-gradient(180deg,hsl(var(--accent-h) var(--accent-s4) 74.7% / .95),hsl(var(--accent-h) var(--accent-s4) 74.7% / .04));
}
.dashboard-page .update-entry.discord-update .update-entry-top{
  min-height:28px;
}
.dashboard-page .update-entry.discord-update .update-entry-version{
  padding:4px 7px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.5% / .11);
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 10.6% / .72);
  color:hsl(var(--accent-h) var(--accent-s1) 53.1%);
  font-size:8px;
  letter-spacing:.04em;
}
.dashboard-page .update-entry-author-row{
  margin-top:17px;
  padding:0 0 15px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s3) 63.5% / .08);
}
.dashboard-page .update-author{
  gap:11px;
}
.dashboard-page .update-author img,
.dashboard-page .update-author-fallback{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:50%;
}
.dashboard-page .update-author b{
  color:hsl(var(--accent-h) var(--accent-s3) 92.5%);
  font-size:11px;
  line-height:1.2;
}
.dashboard-page .update-author small{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:1px;
  color:hsl(var(--accent-h) var(--accent-s1) 46.5%);
  font-size:8px;
  line-height:1.45;
}
.dashboard-page .discord-server-name{
  color:hsl(var(--accent-h) var(--accent-s1) 59.2%);
  font-weight:800;
}
.dashboard-page .discord-channel-name{
  color:hsl(var(--accent-h) var(--accent-s3) 68.4%);
  font-weight:800;
}
.dashboard-page .discord-meta-dot{
  color:hsl(var(--accent-h) var(--accent-s1) 26.9%);
}
.dashboard-page .discord-edited{
  margin-left:1px;
  color:hsl(var(--accent-h) var(--accent-s1) 37.5%);
  font-size:7px;
}
.dashboard-page .update-entry.discord-update h2{
  margin:17px 0 11px;
  color:hsl(var(--accent-h) var(--accent-s4) 96.3%);
  font-size:20px;
  line-height:1.32;
  letter-spacing:-.025em;
}
.dashboard-page .discord-rich-text{
  color:hsl(var(--accent-h) var(--accent-s1) 66.7%);
  font-size:10px;
  line-height:1.82;
}
.dashboard-page .discord-rich-text strong,
.dashboard-page .discord-rich-title strong{
  color:hsl(var(--accent-h) var(--accent-s3) 92.2%);
  font-weight:850;
}
.dashboard-page .discord-rich-text em,
.dashboard-page .discord-rich-title em{
  color:hsl(var(--accent-h) var(--accent-s1) 74.9%);
}
.dashboard-page .discord-rich-text u,
.dashboard-page .discord-rich-title u{
  text-decoration-color:hsl(var(--accent-h) var(--accent-s1) 50.2%);
  text-underline-offset:2px;
}
.dashboard-page .discord-inline-code{
  padding:2px 5px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.3% / .10);
  border-radius:5px;
  background:hsl(var(--accent-h) var(--accent-s2) 4.7%);
  color:hsl(var(--accent-h) var(--accent-s2) 80.2%);
  font:inherit;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:.92em;
}
.dashboard-page .discord-inline-emoji{
  width:1.35em;
  height:1.35em;
  display:inline-block;
  vertical-align:-.28em;
  object-fit:contain;
  margin:0 .08em;
}
.dashboard-page .discord-rich-title .discord-inline-emoji{
  width:1.2em;
  height:1.2em;
  vertical-align:-.22em;
}
.dashboard-page .discord-channel-mention,
.dashboard-page .discord-user-mention{
  display:inline;
  padding:1px 4px 2px;
  border-radius:4px;
  background:hsl(var(--accent-h) var(--accent-s2) 47.3% / .20);
  color:hsl(var(--accent-h) var(--accent-s4) 79.0%);
  font-weight:750;
  white-space:nowrap;
}
.dashboard-page .discord-user-mention{
  background:hsl(var(--accent-h) var(--accent-s2) 49.8% / .18);
  color:hsl(var(--accent-h) var(--accent-s4) 81.8%);
}
.dashboard-page .update-entry.discord-update footer{
  margin-top:18px;
  color:hsl(var(--accent-h) var(--accent-s1) 34.5%);
}
.dashboard-page .update-entry.discord-update footer span:first-child{
  color:hsl(var(--accent-h) var(--accent-s1) 45.7%);
}
.dashboard-page .update-source-link{
  padding:6px 8px;
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 64.5% / .10);
  border-radius:7px;
  background:hsl(var(--accent-h) var(--accent-s2) 8.0% / .56);
  color:hsl(var(--accent-h) var(--accent-s1) 55.5%);
}
.dashboard-page .update-source-link:hover{
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .20);
  color:hsl(var(--accent-h) var(--accent-s4) 82.5%);
}


/* V1.38 — Developer access preview */
.dashboard-page .access-preview-toggle{
  width:100%;
  min-height:31px;
  margin-top:11px;
  padding:0 10px;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 74.7% / .16);
  border-radius:9px;
  background:hsl(var(--accent-h) var(--accent-s2) 9.8% / .82);
  color:hsl(var(--accent-h) var(--accent-s4) 74.9%);
  font-size:8px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.dashboard-page .access-preview-toggle:hover{
  transform:translateY(-1px);
  border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .28);
  background:hsl(var(--accent-h) var(--accent-s2) 14.1% / .92);
  color:hsl(var(--accent-h) var(--accent-s4) 87.6%);
}
.dashboard-page.access-preview-active .access-card{
  border-color:hsl(var(--accent-h) var(--accent-s2) 58.6% / .16);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s1) 8.4% / .92),hsl(var(--accent-h) var(--accent-s2) 5.5% / .95));
}
.dashboard-page.access-preview-active .access-card b{color:hsl(var(--accent-h) var(--accent-s1) 76.9%);text-shadow:none}
.dashboard-page .access-preview-banner{
  position:sticky;
  top:0;
  z-index:24;
  min-height:60px;
  margin:0 -30px;
  padding:10px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid hsl(var(--accent-h) var(--accent-s3) 65.1% / .15);
  background:hsl(var(--accent-h) var(--accent-s2) 5.1% / .94);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 34px rgba(0,0,0,.18);
}
.dashboard-page .access-preview-banner>div{min-width:0;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px}
.dashboard-page .access-preview-banner span{grid-row:1/3;color:hsl(var(--accent-h) var(--accent-s2) 58.8%);font-size:7px;font-weight:900;letter-spacing:.16em}
.dashboard-page .access-preview-banner b{color:hsl(var(--accent-h) var(--accent-s3) 91.6%);font-size:10px}
.dashboard-page .access-preview-banner small{color:hsl(var(--accent-h) var(--accent-s1) 47.8%);font-size:8px}
.dashboard-page .access-preview-banner button{
  min-height:34px;
  padding:0 13px;
  flex:none;
  border:1px solid hsl(var(--accent-h) var(--accent-s4) 74.7% / .22);
  border-radius:10px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 14.3%),hsl(var(--accent-h) var(--accent-s2) 10.2%));
  color:hsl(var(--accent-h) var(--accent-s4) 79.8%);
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.dashboard-page .access-preview-banner button:hover{border-color:hsl(var(--accent-h) var(--accent-s4) 74.7% / .36);color:hsl(var(--accent-h) var(--accent-s4) 91.4%)}
@media(max-width:760px){
  .dashboard-page .access-preview-toggle{display:none!important}
  .dashboard-page .access-preview-banner{margin:0 -16px;padding:10px 16px}
  .dashboard-page .access-preview-banner>div{display:block}
  .dashboard-page .access-preview-banner span,.dashboard-page .access-preview-banner b,.dashboard-page .access-preview-banner small{display:block}
  .dashboard-page .access-preview-banner b{margin-top:3px}
  .dashboard-page .access-preview-banner small{margin-top:2px}
}

/* === V1.39 developer runtime + premium nudge === */
.dashboard-page .system-heading{align-items:flex-end}
.dashboard-page .system-refresh{min-width:82px;height:32px}
.dashboard-page .system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-page .system-stat{position:relative;min-height:128px;padding:22px 24px;overflow:hidden;background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 8.8%),hsl(var(--accent-h) var(--accent-s2) 6.3%))}
.dashboard-page .system-stat:after{content:"";position:absolute;inset:auto -35px -50px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,hsl(var(--accent-h) var(--accent-s4) 58.4% / .08),transparent 68%);pointer-events:none}
.dashboard-page .system-stat small{color:hsl(var(--accent-h) var(--accent-s1) 40.2%);font-size:7px;letter-spacing:.16em}
.dashboard-page .system-stat b{display:block;margin-top:16px;color:hsl(var(--accent-h) var(--accent-s3) 89.4%);font-size:25px;line-height:1.05;letter-spacing:-.03em}
.dashboard-page .system-stat>span{display:block;margin-top:9px;color:hsl(var(--accent-h) var(--accent-s1) 38.0%);font-size:7px}
.dashboard-page .runtime-state{position:relative;padding-left:17px}
.dashboard-page .runtime-state:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:hsl(var(--accent-h) var(--accent-s0) 51.2%);box-shadow:0 0 0 4px hsl(var(--accent-h) var(--accent-s0) 51.2% / .07)}
.dashboard-page .runtime-state.online:before{background:#68d89b;box-shadow:0 0 14px rgba(104,216,155,.42)}
.dashboard-page .runtime-state.degraded:before{background:#e1b865;box-shadow:0 0 14px rgba(225,184,101,.30)}
.dashboard-page .runtime-state.offline:before{background:#d76f79;box-shadow:0 0 14px rgba(215,111,121,.30)}
.dashboard-page .runtime-monitor{margin-top:12px;padding:22px 24px;background:linear-gradient(160deg,hsl(var(--accent-h) var(--accent-s2) 7.5%),hsl(var(--accent-h) var(--accent-s2) 5.5%))}
.dashboard-page .runtime-monitor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 13.5%)}
.dashboard-page .runtime-monitor-head h2{margin:7px 0 6px;font-size:18px}
.dashboard-page .runtime-monitor-head p{margin:0;color:hsl(var(--accent-h) var(--accent-s1) 45.3%);font-size:8px}
.dashboard-page .runtime-monitor-head>small{padding-top:4px;color:hsl(var(--accent-h) var(--accent-s1) 33.5%);font-size:7px;white-space:nowrap}
.dashboard-page .runtime-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:16px 0}
.dashboard-page .runtime-service{min-height:38px;padding:0 11px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 14.5%);border-radius:9px;background:hsl(var(--accent-h) var(--accent-s2) 5.7%)}
.dashboard-page .runtime-service i{width:6px;height:6px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s0) 44.9%)}
.dashboard-page .runtime-service span{color:hsl(var(--accent-h) var(--accent-s1) 54.5%);font-size:7px;font-weight:750}
.dashboard-page .runtime-service b{color:hsl(var(--accent-h) var(--accent-s1) 38.2%);font-size:6px;text-transform:uppercase;letter-spacing:.08em}
.dashboard-page .runtime-service.online i{background:#68d89b;box-shadow:0 0 10px rgba(104,216,155,.35)}
.dashboard-page .runtime-service.degraded i{background:#e1b865}
.dashboard-page .runtime-service.offline i{background:#d76f79}
.dashboard-page .runtime-log-head{padding:12px 12px 9px;display:flex;justify-content:space-between;gap:14px;color:hsl(var(--accent-h) var(--accent-s1) 33.1%);font-size:6px;font-weight:900;letter-spacing:.14em}
.dashboard-page .runtime-log{overflow:hidden;border:1px solid hsl(var(--accent-h) var(--accent-s2) 13.5%);border-radius:11px;background:hsl(var(--accent-h) var(--accent-s2) 4.5%)}
.dashboard-page .runtime-row{min-height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s2) 10.6%)}
.dashboard-page .runtime-row:last-child{border-bottom:0}
.dashboard-page .runtime-row-main{min-width:0;display:flex;align-items:center;gap:10px}
.dashboard-page .runtime-row-main>i{width:8px;height:8px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s2) 57.8%);box-shadow:0 0 12px hsl(var(--accent-h) var(--accent-s3) 58.2% / .18)}
.dashboard-page .runtime-row-main>i.script{border-radius:2px;background:hsl(var(--accent-h) var(--accent-s4) 70.8%)}
.dashboard-page .runtime-row-main b,.dashboard-page .runtime-row-main span{display:block}
.dashboard-page .runtime-row-main b{color:hsl(var(--accent-h) var(--accent-s1) 73.1%);font-size:8px}
.dashboard-page .runtime-row-main span{margin-top:3px;color:hsl(var(--accent-h) var(--accent-s1) 33.7%);font-size:6px}
.dashboard-page .runtime-row code{color:hsl(var(--accent-h) var(--accent-s1) 40.8%);font-size:7px;white-space:nowrap}
.dashboard-page .runtime-empty{padding:24px;color:hsl(var(--accent-h) var(--accent-s1) 38.4%);font-size:8px;text-align:center}

.dashboard-page .premium-nudge{width:315px;min-height:126px;padding:17px 40px 17px 17px;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;border:1px solid hsl(var(--accent-h) var(--accent-s3) 56.9% / .28);border-radius:15px;background:linear-gradient(150deg,hsl(var(--accent-h) var(--accent-s2) 8.0% / .985),hsl(var(--accent-h) var(--accent-s2) 4.7% / .99));box-shadow:0 14px 44px rgba(0,0,0,.42),0 0 24px hsl(var(--accent-h) var(--accent-s3) 55.1% / .08);backdrop-filter:blur(18px);opacity:0;transform:translateY(12px) scale(.985);transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1);isolation:isolate}
.dashboard-page .premium-nudge:before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;pointer-events:none;box-shadow:0 0 18px hsl(var(--accent-h) var(--accent-s4) 60.4% / .10);animation:selfPremiumGlow 3.2s ease-in-out infinite}
.dashboard-page .premium-nudge.show{opacity:1;transform:translateY(0) scale(1);animation:selfPremiumFloat 5.2s ease-in-out infinite}
.dashboard-page .premium-nudge-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid hsl(var(--accent-h) var(--accent-s4) 64.9% / .30);border-radius:10px;background:hsl(var(--accent-h) var(--accent-s3) 42.9% / .12);color:hsl(var(--accent-h) var(--accent-s4) 74.3%);font-size:11px;box-shadow:inset 0 0 18px hsl(var(--accent-h) var(--accent-s3) 56.9% / .06)}
.dashboard-page .premium-nudge-copy span{color:hsl(var(--accent-h) var(--accent-s2) 52.9%);font-size:6px;font-weight:900;letter-spacing:.17em}
.dashboard-page .premium-nudge-copy b{display:block;margin-top:5px;color:hsl(var(--accent-h) var(--accent-s3) 91.0%);font-size:11px;letter-spacing:-.01em}
.dashboard-page .premium-nudge-copy p{margin:5px 0 0;color:hsl(var(--accent-h) var(--accent-s1) 45.9%);font-size:7px;line-height:1.45}
.dashboard-page .premium-nudge-actions{margin-top:10px;display:flex;align-items:center;gap:10px}
.dashboard-page .premium-nudge-actions a{margin:0;padding:6px 9px;border:1px solid hsl(var(--accent-h) var(--accent-s3) 60.2% / .28);border-radius:8px;background:hsl(var(--accent-h) var(--accent-s3) 46.9% / .10);color:hsl(var(--accent-h) var(--accent-s4) 77.3%);font-size:7px;font-weight:850;text-decoration:none}
.dashboard-page .premium-nudge-actions a:hover{background:hsl(var(--accent-h) var(--accent-s3) 53.1% / .16);border-color:hsl(var(--accent-h) var(--accent-s4) 66.7% / .38)}
.dashboard-page .premium-nudge-actions button{padding:0;border:0;background:transparent;color:hsl(var(--accent-h) var(--accent-s1) 39.4%);font-size:6px;font-weight:750;cursor:pointer}
.dashboard-page .premium-nudge-actions button:hover{color:hsl(var(--accent-h) var(--accent-s1) 59.8%)}
.dashboard-page .premium-nudge-close{top:9px;right:9px;width:25px;height:25px;border-radius:7px;background:transparent;color:hsl(var(--accent-h) var(--accent-s1) 39.2%)}
.dashboard-page .premium-nudge-close:hover{background:hsl(var(--accent-h) var(--accent-s2) 10.4%);color:hsl(var(--accent-h) var(--accent-s2) 73.9%)}
@keyframes selfPremiumGlow{0%,100%{box-shadow:0 0 16px hsl(var(--accent-h) var(--accent-s4) 60.4% / .08)}50%{box-shadow:0 0 29px hsl(var(--accent-h) var(--accent-s4) 60.4% / .20)}}
@keyframes selfPremiumFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1)}}

@media(max-width:980px){.dashboard-page .system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .runtime-services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-page .system-grid,.dashboard-page .runtime-services{grid-template-columns:1fr}.dashboard-page .runtime-monitor-head{display:block}.dashboard-page .runtime-monitor-head>small{display:block;margin-top:10px}.dashboard-page .runtime-row{align-items:flex-start;flex-direction:column;padding:11px 13px;gap:7px}.dashboard-page .premium-nudge{width:calc(100% - 28px);right:14px;bottom:82px}}
@media(prefers-reduced-motion:reduce){.dashboard-page .premium-nudge.show,.dashboard-page .premium-nudge:before{animation:none}}


/* =========================================================
   V1.44 public feature accuracy + full hero parallax + Premium
   ========================================================= */
.public-hero{
  --hero-glow-x:50%;
  --hero-glow-y:48%;
  isolation:isolate;
}
.public-hero:before{
  content:"";
  position:absolute;
  inset:-130px -100px -100px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--hero-glow-x) var(--hero-glow-y),hsl(var(--accent-h) var(--accent-s4) 60% / .075),transparent 23%),
    radial-gradient(circle at calc(var(--hero-glow-x) + 10%) calc(var(--hero-glow-y) + 6%),hsl(var(--accent-h) var(--accent-s2) 45% / .035),transparent 36%);
  filter:blur(8px);
  opacity:.95;
}
.public-hero-copy,.public-hero-stage{
  will-change:transform;
  transition:transform .08s linear;
}
.public-hero-copy h1,.public-hero-copy .public-kicker,.public-hero-copy>p,.public-actions{
  transform:translateZ(0);
}
.public-feature-strip>article,.public-feature-strip>a{
  min-height:172px;
  padding:20px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 13.3%);
  border-radius:15px;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 7.1%),hsl(var(--accent-h) var(--accent-s2) 5.3%));
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.public-feature-strip>article:after,.public-feature-strip>a:after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,hsl(var(--accent-h) var(--accent-s4) 69.2% / .25),transparent);
  opacity:0;transition:opacity .18s ease;
}
.public-feature-strip>article:hover,.public-feature-strip>a:hover{
  transform:translateY(-2px);
  border-color:hsl(var(--accent-h) var(--accent-s2) 22.4%);
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 8.6%),hsl(var(--accent-h) var(--accent-s2) 5.3%));
}
.public-feature-strip>article:hover:after,.public-feature-strip>a:hover:after{opacity:1}
.public-feature-strip>article b,.public-feature-strip>a b{color:hsl(var(--accent-h) var(--accent-s1) 87.1%);font-size:11px}
.public-feature-strip>article span,.public-feature-strip>a span{margin-top:10px;color:hsl(var(--accent-h) var(--accent-s0) 48%);font-size:8px;line-height:1.65}
.public-feature-strip small{
  margin-top:auto;padding-top:15px;color:hsl(var(--accent-h) var(--accent-s2) 48%);
  font:650 7px/1.55 "SFMono-Regular",Consolas,monospace;letter-spacing:.01em;
}
.public-feature-link{color:inherit;text-decoration:none}
.public-feature-link em{
  margin-top:10px;color:hsl(var(--accent-h) var(--accent-s4) 74%);font-size:7px;font-style:normal;font-weight:850;letter-spacing:.02em;
}
.public-feature-strip-premium{
  border-color:hsl(var(--accent-h) var(--accent-s3) 28% / .72)!important;
  background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s3) 10% / .94),hsl(var(--accent-h) var(--accent-s2) 5.3%))!important;
  box-shadow:inset 0 0 34px hsl(var(--accent-h) var(--accent-s4) 60% / .035);
}
.public-feature-strip-premium:hover{box-shadow:inset 0 0 38px hsl(var(--accent-h) var(--accent-s4) 60% / .05),0 18px 50px rgba(0,0,0,.16)}
@media(prefers-reduced-motion:reduce){.public-hero-copy,.public-hero-stage{transform:none!important;transition:none!important}.public-hero:before{display:none}}

/* Public Premium page */
.premium-public-page{min-height:100vh;overflow-x:hidden}
.premium-public-main{width:min(1220px,calc(100% - 56px));margin:0 auto;padding:72px 0 110px;position:relative;z-index:2}
.premium-public-hero{
  min-height:700px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:56px;align-items:center;position:relative;
}
.premium-public-hero:before{
  content:"";position:absolute;inset:-130px -140px -120px;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 68% 50%,hsl(var(--accent-h) var(--accent-s4) 48% / .10),transparent 32%),radial-gradient(circle at 30% 72%,hsl(var(--accent-h) var(--accent-s3) 38% / .055),transparent 30%);filter:blur(8px);
}
.premium-public-kicker{display:flex;align-items:center;gap:12px;color:hsl(var(--accent-h) var(--accent-s2) 64%);font-size:8px;font-weight:900;letter-spacing:.28em;text-transform:uppercase}
.premium-public-kicker:after{content:"";width:28px;height:1px;background:hsl(var(--accent-h) var(--accent-s4) 68% / .65);box-shadow:0 0 14px hsl(var(--accent-h) var(--accent-s4) 62% / .25)}
.premium-public-copy h1{margin:22px 0 20px;font-size:clamp(50px,5.2vw,78px);line-height:.98;letter-spacing:-.06em}
.premium-public-copy h1 em{color:hsl(var(--accent-h) var(--accent-s4) 68%);font-style:normal;text-shadow:0 0 30px hsl(var(--accent-h) var(--accent-s4) 55% / .10)}
.premium-public-lead{max-width:680px;color:hsl(var(--accent-h) var(--accent-s0) 61%);font-size:13px;line-height:1.85}
.premium-benefit-grid{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.premium-benefit{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.premium-benefit i{width:34px;height:34px;display:grid;place-items:center;border:1px solid hsl(var(--accent-h) var(--accent-s3) 35%);border-radius:10px;background:hsl(var(--accent-h) var(--accent-s3) 13% / .72);color:hsl(var(--accent-h) var(--accent-s4) 76%);font-style:normal;font-size:13px;box-shadow:inset 0 0 18px hsl(var(--accent-h) var(--accent-s4) 50% / .035)}
.premium-benefit b{display:block;color:hsl(var(--accent-h) var(--accent-s0) 88%);font-size:10px}
.premium-benefit span{display:block;margin-top:4px;color:hsl(var(--accent-h) var(--accent-s0) 48%);font-size:8px;line-height:1.6}
.premium-purchase-panel{margin-top:34px;padding:14px;border:1px solid hsl(var(--accent-h) var(--accent-s3) 22%);border-radius:18px;background:hsl(var(--accent-h) var(--accent-s2) 6.5% / .88);box-shadow:0 18px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)}
.premium-purchase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 14%);border-radius:13px;background:hsl(var(--accent-h) var(--accent-s1) 4.5%)}
.premium-purchase-tabs span{padding:9px 7px;text-align:center;border-radius:9px;color:hsl(var(--accent-h) var(--accent-s0) 50%);font-size:8px;font-weight:800}
.premium-purchase-tabs span:first-child{background:hsl(var(--accent-h) var(--accent-s3) 16%);color:hsl(var(--accent-h) var(--accent-s4) 86%);box-shadow:inset 0 0 16px hsl(var(--accent-h) var(--accent-s4) 55% / .04)}
.premium-purchase-row{padding:18px 3px 2px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.premium-purchase-meta strong{display:block;color:hsl(var(--accent-h) var(--accent-s0) 93%);font-size:25px;letter-spacing:-.04em}.premium-purchase-meta strong em{color:hsl(var(--accent-h) var(--accent-s4) 72%);font-style:normal}
.premium-purchase-meta small{display:block;margin-top:5px;color:hsl(var(--accent-h) var(--accent-s0) 43%);font-size:8px}
.premium-purchase-button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid hsl(var(--accent-h) var(--accent-s4) 68% / .36);border-radius:13px;background:linear-gradient(135deg,hsl(var(--accent-h) var(--accent-s3) 43%),hsl(var(--accent-h) var(--accent-s4) 49%));color:#fff;font-size:9px;font-weight:900;box-shadow:0 12px 38px hsl(var(--accent-h) var(--accent-s4) 42% / .18);transition:.18s ease}.premium-purchase-button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.premium-purchase-note{margin:12px 0 0;color:hsl(var(--accent-h) var(--accent-s0) 38%);font-size:7px}
.premium-compare-stage{min-height:600px;position:relative;perspective:1200px}
.premium-compare-card{position:absolute;width:min(430px,90%);padding:24px;border:1px solid hsl(var(--accent-h) var(--accent-s3) 24%);border-radius:24px;background:linear-gradient(155deg,hsl(var(--accent-h) var(--accent-s3) 12% / .97),hsl(var(--accent-h) var(--accent-s2) 6% / .97));box-shadow:0 34px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(18px)}
.premium-compare-card.regular{right:4%;top:20px;transform:rotate(-4deg)}
.premium-compare-card.premium{left:0;bottom:22px;transform:rotate(3deg);border-color:hsl(var(--accent-h) var(--accent-s4) 44% / .7);background:linear-gradient(155deg,hsl(var(--accent-h) var(--accent-s4) 24% / .84),hsl(var(--accent-h) var(--accent-s3) 8% / .96));box-shadow:0 35px 110px rgba(0,0,0,.38),0 0 54px hsl(var(--accent-h) var(--accent-s4) 48% / .08)}
.premium-card-profile{display:flex;align-items:center;gap:13px}.premium-card-profile img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid hsl(var(--accent-h) var(--accent-s4) 65% / .38)}.premium-card-profile div{min-width:0}.premium-card-profile b{display:block;color:hsl(var(--accent-h) var(--accent-s0) 92%);font-size:16px}.premium-card-profile span{color:hsl(var(--accent-h) var(--accent-s0) 42%);font-size:8px}.premium-card-profile em{margin-left:7px;padding:4px 7px;border:1px solid hsl(var(--accent-h) var(--accent-s4) 58% / .36);border-radius:7px;background:hsl(var(--accent-h) var(--accent-s4) 25% / .20);color:hsl(var(--accent-h) var(--accent-s4) 82%);font-size:7px;font-style:normal;font-weight:800}
.premium-card-command{margin:20px 0 18px;padding:16px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 16%);border-radius:14px;background:hsl(var(--accent-h) var(--accent-s1) 5% / .72);color:hsl(var(--accent-h) var(--accent-s0) 69%);font:700 9px/1.55 "SFMono-Regular",Consolas,monospace}.premium-compare-card.premium .premium-card-command{border-color:hsl(var(--accent-h) var(--accent-s4) 40% / .22);background:hsl(var(--accent-h) var(--accent-s4) 13% / .18);color:hsl(var(--accent-h) var(--accent-s0) 88%)}
.premium-card-foot{padding-top:15px;border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 14%)}.premium-card-foot b{display:block;color:hsl(var(--accent-h) var(--accent-s0) 84%);font-size:10px}.premium-card-foot span{display:block;margin-top:5px;color:hsl(var(--accent-h) var(--accent-s0) 42%);font-size:8px;line-height:1.55}
.premium-detail-section{padding-top:40px;border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 8%)}
.premium-detail-head{max-width:720px}.premium-detail-head span{color:hsl(var(--accent-h) var(--accent-s2) 58%);font-size:8px;font-weight:900;letter-spacing:.18em}.premium-detail-head h2{margin:12px 0 10px;font-size:38px;letter-spacing:-.045em}.premium-detail-head p{color:hsl(var(--accent-h) var(--accent-s0) 48%);font-size:10px;line-height:1.7}.premium-detail-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.premium-detail-grid article{min-height:160px;padding:20px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 14%);border-radius:16px;background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s2) 7%),hsl(var(--accent-h) var(--accent-s2) 4.8%))}.premium-detail-grid b{display:block;color:hsl(var(--accent-h) var(--accent-s0) 86%);font-size:11px}.premium-detail-grid p{margin:9px 0;color:hsl(var(--accent-h) var(--accent-s0) 46%);font-size:8px;line-height:1.6}.premium-detail-grid code{color:hsl(var(--accent-h) var(--accent-s4) 68%);font-size:7px}.premium-public-footer{margin-top:90px;padding:30px 0 0;border-top:1px solid hsl(var(--accent-h) var(--accent-s1) 8%);display:flex;justify-content:space-between;gap:20px;color:hsl(var(--accent-h) var(--accent-s0) 35%);font-size:8px}.premium-public-footer a{color:hsl(var(--accent-h) var(--accent-s2) 60%)}
@media(max-width:960px){.premium-public-hero{grid-template-columns:1fr;gap:20px}.premium-compare-stage{min-height:560px}.premium-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.premium-public-main{width:calc(100% - 30px);padding-top:40px}.premium-public-hero{min-height:unset}.premium-benefit-grid,.premium-detail-grid{grid-template-columns:1fr}.premium-purchase-row{align-items:flex-start;flex-direction:column}.premium-purchase-button{width:100%}.premium-compare-stage{min-height:500px}.premium-compare-card{width:92%;padding:18px}.premium-compare-card.regular{right:0}.premium-compare-card.premium{left:0}.premium-public-footer{flex-direction:column}}

/* V1.45 — premium purchase information */
.premium-purchase-panel-v2{padding:22px}
.premium-purchase-heading>span{display:block;color:hsl(var(--accent-h) var(--accent-s2) 62%);font-size:7px;font-weight:900;letter-spacing:.18em}
.premium-purchase-heading h2{margin:9px 0 10px;color:hsl(var(--accent-h) var(--accent-s0) 93%);font-size:22px;line-height:1.18;letter-spacing:-.035em}
.premium-purchase-heading h2 em{color:hsl(var(--accent-h) var(--accent-s4) 73%);font-style:normal}
.premium-purchase-heading p{max-width:650px;margin:0;color:hsl(var(--accent-h) var(--accent-s0) 56%);font-size:9px;line-height:1.7}
.premium-purchase-heading strong{color:hsl(var(--accent-h) var(--accent-s0) 84%)}
.premium-price-options{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.premium-price-option{padding:17px 18px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 16%);border-radius:14px;background:hsl(var(--accent-h) var(--accent-s1) 4.8%);position:relative;overflow:hidden}
.premium-price-option:after{content:"";position:absolute;inset:auto -30px -55px auto;width:130px;height:100px;border-radius:50%;background:hsl(var(--accent-h) var(--accent-s4) 60% / .055);filter:blur(12px)}
.premium-price-option.featured{border-color:hsl(var(--accent-h) var(--accent-s4) 48% / .42);background:linear-gradient(145deg,hsl(var(--accent-h) var(--accent-s3) 12% / .78),hsl(var(--accent-h) var(--accent-s1) 4.8%));box-shadow:inset 0 0 28px hsl(var(--accent-h) var(--accent-s4) 55% / .035)}
.premium-price-option>span{display:block;color:hsl(var(--accent-h) var(--accent-s2) 58%);font-size:7px;font-weight:900;letter-spacing:.16em}
.premium-price-option strong{display:block;margin-top:5px;color:hsl(var(--accent-h) var(--accent-s0) 95%);font-size:28px;letter-spacing:-.04em}
.premium-price-option small{display:block;margin-top:2px;color:hsl(var(--accent-h) var(--accent-s0) 42%);font-size:7px}
.premium-payment-row{margin-top:16px;padding-top:16px;border-top:1px solid hsl(var(--accent-h) var(--accent-s2) 12%);display:flex;align-items:center;justify-content:space-between;gap:16px}
.premium-payment-copy b{display:block;color:hsl(var(--accent-h) var(--accent-s0) 87%);font-size:9px}
.premium-payment-copy>span{display:block;margin-top:6px;color:hsl(var(--accent-h) var(--accent-s0) 69%);font-size:9px}
.premium-payment-copy i{color:hsl(var(--accent-h) var(--accent-s4) 74%);font-style:normal;font-weight:900}
.premium-payment-copy em{margin:0 5px;color:hsl(var(--accent-h) var(--accent-s0) 30%);font-style:normal}
.premium-payment-copy small{color:hsl(var(--accent-h) var(--accent-s0) 48%);font-size:8px}
.premium-policy-note{margin-top:14px;padding:12px 13px;display:grid;grid-template-columns:25px 1fr;gap:10px;align-items:start;border:1px solid hsl(var(--accent-h) var(--accent-s2) 13%);border-radius:12px;background:hsl(var(--accent-h) var(--accent-s1) 4.5%)}
.premium-policy-note>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid hsl(var(--accent-h) var(--accent-s3) 26%);border-radius:8px;color:hsl(var(--accent-h) var(--accent-s3) 65%);font-size:9px;font-weight:900}
.premium-policy-note p{margin:1px 0 0;color:hsl(var(--accent-h) var(--accent-s0) 43%);font-size:7px;line-height:1.65}
.premium-policy-note a{color:hsl(var(--accent-h) var(--accent-s4) 70%);text-decoration:none}.premium-policy-note a:hover{text-decoration:underline}
@media(max-width:720px){.premium-price-options{grid-template-columns:1fr}.premium-payment-row{align-items:stretch;flex-direction:column}.premium-payment-row .premium-purchase-button{width:100%}}

/* V1.49 — StreamBeats / YouTube lo-fi control */
.site-audio-youtube-host{
  position:fixed!important;
  width:200px!important;
  height:200px!important;
  left:-10000px!important;
  top:-10000px!important;
  pointer-events:none!important;
  opacity:.001!important;
}
.site-audio-pill{
  position:fixed;
  right:88px;
  bottom:22px;
  z-index:58;
  min-height:50px;
  padding:5px 9px 5px 5px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 25% / .82);
  border-radius:999px;
  background:hsl(var(--accent-h) var(--accent-s2) 6.2% / .91);
  box-shadow:0 12px 32px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025),0 0 22px hsl(var(--accent-h) var(--accent-s4) 50% / .04);
  backdrop-filter:blur(12px) saturate(108%);
  -webkit-backdrop-filter:blur(12px) saturate(108%);
  user-select:none;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease;
}
.site-audio-pill:hover{
  transform:translateY(-1px);
  border-color:hsl(var(--accent-h) var(--accent-s3) 37% / .9);
  background:hsl(var(--accent-h) var(--accent-s2) 7.5% / .95);
  box-shadow:0 14px 36px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035),0 0 24px hsl(var(--accent-h) var(--accent-s4) 55% / .06);
}
.site-audio-art{
  position:relative;
  width:40px;height:40px;padding:0;overflow:hidden;flex:0 0 auto;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 28% / .9);
  border-radius:50%;background:hsl(var(--accent-h) var(--accent-s2) 10%);
  cursor:pointer;
  box-shadow:0 3px 12px rgba(0,0,0,.24);
}
.site-audio-art img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) brightness(.72);transform:scale(1.05);transition:filter .2s ease,transform .25s ease}
.site-audio-art img.is-fallback{object-fit:cover;filter:saturate(.8) brightness(.78)}
.site-audio-art:hover img,.site-audio-pill.is-playing .site-audio-art img{filter:saturate(.9) brightness(.84);transform:scale(1.09)}
.site-audio-art-state{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.26);color:#fff;transition:background .2s ease,opacity .2s ease}
.site-audio-art:hover .site-audio-art-state{background:rgba(0,0,0,.18)}
.site-audio-art-state svg{width:17px;height:17px;fill:currentColor;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}
.site-audio-pill.is-playing .site-audio-art{box-shadow:0 3px 12px rgba(0,0,0,.24),0 0 16px hsl(var(--accent-h) var(--accent-s4) 52% / .13)}
.site-audio-meta{width:120px;min-width:0;display:grid;gap:2px;line-height:1.12}
.site-audio-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--accent-h) var(--accent-s0) 80%);font-size:8px;font-weight:800;letter-spacing:-.01em}
.site-audio-credit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--accent-h) var(--accent-s0) 43%);font-size:6.5px;font-weight:650;text-decoration:none;transition:color .18s ease}
.site-audio-credit:hover{color:hsl(var(--accent-h) var(--accent-s4) 71%)}
.site-audio-mute{
  width:29px;height:29px;padding:0;display:grid;place-items:center;flex:0 0 auto;
  border:1px solid hsl(var(--accent-h) var(--accent-s2) 25% / .72);
  border-radius:999px;background:hsl(var(--accent-h) var(--accent-s2) 10% / .74);
  color:hsl(var(--accent-h) var(--accent-s1) 72%);cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.site-audio-mute:hover{transform:scale(1.035);color:hsl(var(--accent-h) var(--accent-s4) 86%);border-color:hsl(var(--accent-h) var(--accent-s3) 43% / .75)}
.site-audio-mute svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.site-audio-mute svg .sound-wave{fill:none}
.site-audio-pill.is-playing .site-audio-mute{color:hsl(var(--accent-h) var(--accent-s4) 82%)}
.site-audio-slider-wrap{width:74px;display:flex;align-items:center}
.site-audio-slider{--audio-level:16%;width:74px;height:16px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.site-audio-slider::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,hsl(var(--accent-h) var(--accent-s4) 67%) 0 var(--audio-level),hsl(var(--accent-h) var(--accent-s1) 19%) var(--audio-level) 100%)}
.site-audio-slider::-moz-range-track{height:3px;border:0;border-radius:999px;background:hsl(var(--accent-h) var(--accent-s1) 19%)}
.site-audio-slider::-moz-range-progress{height:3px;border-radius:999px;background:hsl(var(--accent-h) var(--accent-s4) 67%)}
.site-audio-slider::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px;appearance:none;-webkit-appearance:none;border:1px solid hsl(var(--accent-h) var(--accent-s4) 86% / .78);border-radius:50%;background:hsl(var(--accent-h) var(--accent-s4) 68%);box-shadow:0 0 10px hsl(var(--accent-h) var(--accent-s4) 60% / .2)}
.site-audio-slider::-moz-range-thumb{width:9px;height:9px;border:1px solid hsl(var(--accent-h) var(--accent-s4) 86% / .78);border-radius:50%;background:hsl(var(--accent-h) var(--accent-s4) 68%);box-shadow:0 0 10px hsl(var(--accent-h) var(--accent-s4) 60% / .2)}
.site-audio-level{min-width:17px;text-align:right;color:hsl(var(--accent-h) var(--accent-s0) 34%);font:700 7px/1 "SFMono-Regular",Consolas,monospace}
.site-audio-pill.is-muted .site-audio-meta,.site-audio-pill.is-muted .site-audio-level{opacity:.6}
.site-audio-pill.has-audio-error::after{content:'source unavailable';position:absolute;left:48px;right:10px;bottom:-18px;color:hsl(0 60% 65%);font-size:6px;text-align:center}
@media(max-width:760px){
  .site-audio-pill{right:76px;bottom:16px;gap:6px;padding-right:7px}
  .site-audio-meta{width:94px}
  .site-audio-slider-wrap,.site-audio-slider{width:54px}
  .site-audio-level{display:none}
}
@media(max-width:540px){
  .site-audio-meta{display:none}
  .site-audio-slider-wrap,.site-audio-slider{width:54px}
}
@media(prefers-reduced-motion:reduce){.site-audio-pill,.site-audio-mute,.site-audio-art img{transition:none}}

/* =========================================================
   V1.48 motion performance + hero edge cleanup
   ========================================================= */
.public-page .public-hero{
  --hero-x:0;
  --hero-y:0;
  contain:layout style;
}
.public-page .public-hero:before{
  inset:-90px -70px -80px;
  background:
    radial-gradient(circle at 50% 50%,hsl(var(--accent-h) var(--accent-s4) 60% / .065),transparent 25%),
    radial-gradient(circle at 58% 56%,hsl(var(--accent-h) var(--accent-s2) 45% / .026),transparent 39%);
  filter:none;
  opacity:.86;
  transform:translate3d(calc(var(--hero-x) * 54px),calc(var(--hero-y) * 36px),0);
  transition:opacity .22s ease;
}
.public-page .public-hero-copy,
.public-page .public-hero-stage{
  transition:none;
  will-change:auto;
}
.public-page .public-hero.hero-motion-active .public-hero-copy,
.public-page .public-hero.hero-motion-active .public-hero-stage,
.public-page .public-hero.hero-motion-active .public-hero-console,
.public-page .public-hero.hero-motion-active:before{
  will-change:transform;
}

/* One clean frame around the Discord preview. The old outer glow layer
   made the moving card look like it had multiple borders. */
.public-page .discord-hero-card{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.public-page .discord-hero-card:after,
.public-page .public-hero-console:after{
  display:none!important;
}
.public-page .discord-frame{
  border:1px solid hsl(var(--accent-h) var(--accent-s3) 60% / .18);
  box-shadow:0 24px 68px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.public-page .public-hero-stage:hover .discord-frame{
  border-color:hsl(var(--accent-h) var(--accent-s4) 70% / .23);
  box-shadow:0 28px 76px rgba(0,0,0,.43),0 0 34px hsl(var(--accent-h) var(--accent-s3) 56% / .04),inset 0 1px 0 rgba(255,255,255,.03);
}
.public-page .discord-windowbar,
.public-page .discord-bubble-user,
.public-page .discord-bubble-embed{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.public-page .public-hero-atmosphere:before,
.public-page .public-hero-atmosphere:after{
  filter:none;
}
.public-page .public-hero-atmosphere:before{opacity:.76}
.public-page .public-hero-atmosphere:after{opacity:.48}
.public-page .discord-msg-thread.is-fading{filter:none}

/* Off-screen public sections do not need full layout/paint work until the
   browser approaches them. This materially cuts initial homepage work. */
.public-page .public-section{
  content-visibility:auto;
  contain-intrinsic-size:1px 620px;
}

/* Avoid permanently promoting large layers when they are idle. */
.public-page .public-hero-console{will-change:auto}
.public-page .public-hero.hero-motion-active .public-hero-console{will-change:transform}

/* On low precision/touch devices the 3D pointer effect cannot add value. */
@media (pointer:coarse){
  .public-page .public-hero-copy,
  .public-page .public-hero-stage,
  .public-page .public-hero-console{transform:none!important;will-change:auto!important}
  .public-page .public-hero:before{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  .public-page .discord-msg-thread,
  .public-page .discord-msg,
  .public-page .discord-bubble-typing span,
  .public-page #heroDiscordInput{animation:none!important;transition:none!important}
}

/* =========================================================
   V1.50 hero corner cleanup + live Credits
   ========================================================= */
/* The legacy console highlight pseudo-element was still attached to the
   Discord mockup after its outer shell became transparent. Under 3D tilt it
   could peek through at the upper-left corner as a broken border fragment. */
.public-page .discord-hero-card:before,
.public-page .public-hero-console.discord-hero-card:before,
.public-page .discord-hero-card:after,
.public-page .public-hero-console.discord-hero-card:after{
  content:none!important;
  display:none!important;
}
.public-page .discord-frame{
  overflow:hidden;
  border-radius:28px;
  background-clip:padding-box;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}
.public-page .discord-windowbar{
  border-radius:27px 27px 0 0;
}
.public-page .discord-chat-shell{
  border-radius:0 0 27px 27px;
}

.credits-public-page{min-height:100vh;overflow-x:hidden}
.credits-public-main{width:min(1160px,calc(100% - 56px));margin:0 auto;padding:82px 0 105px;position:relative;z-index:2}
.credits-heading{max-width:760px;margin:0 auto 44px;text-align:center;position:relative}
.credits-heading>span{color:hsl(var(--accent-h) var(--accent-s2) 58%);font-size:8px;font-weight:900;letter-spacing:.28em;text-transform:uppercase}
.credits-heading h1{margin:18px 0 16px;color:hsl(var(--accent-h) var(--accent-s0) 92%);font-size:clamp(46px,5.4vw,72px);line-height:.98;letter-spacing:-.06em}
.credits-heading h1 em{color:hsl(var(--accent-h) var(--accent-s4) 70%);font-style:normal;text-shadow:0 0 30px hsl(var(--accent-h) var(--accent-s4) 55% / .10)}
.credits-heading p{margin:0 auto;max-width:560px;color:hsl(var(--accent-h) var(--accent-s0) 48%);font-size:11px;line-height:1.75}
.credits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:0 auto}
.credit-profile-card{min-height:410px;padding:26px;position:relative;isolation:isolate;overflow:hidden;border:1px solid hsl(var(--accent-h) var(--accent-s2) 16.5%);border-radius:24px;background:linear-gradient(155deg,hsl(var(--accent-h) var(--accent-s2) 7.5% / .97),hsl(var(--accent-h) var(--accent-s2) 4.5% / .99));box-shadow:0 26px 85px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.022);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.credit-profile-card:hover{transform:translateY(-2px);border-color:hsl(var(--accent-h) var(--accent-s3) 26%);box-shadow:0 30px 90px rgba(0,0,0,.31),0 0 40px hsl(var(--accent-h) var(--accent-s4) 55% / .035),inset 0 1px 0 rgba(255,255,255,.028)}
.credit-card-glow{position:absolute;z-index:-1;inset:-30% -20% 38%;pointer-events:none;background:radial-gradient(circle at 28% 42%,hsl(var(--accent-h) var(--accent-s4) 54% / .11),transparent 38%);opacity:.9}
.credit-profile-top{display:flex;align-items:center;gap:18px}
.credit-avatar-wrap{width:84px;height:84px;position:relative;flex:0 0 auto}
.credit-avatar{width:84px;height:84px;display:block;object-fit:cover;border:1px solid hsl(var(--accent-h) var(--accent-s3) 31%);border-radius:23px;background:hsl(var(--accent-h) var(--accent-s2) 8%);box-shadow:0 12px 35px rgba(0,0,0,.28)}
.credit-profile-copy{min-width:0;flex:1}.credit-role{display:inline-flex;padding:6px 8px;border:1px solid hsl(var(--accent-h) var(--accent-s3) 28%);border-radius:8px;background:hsl(var(--accent-h) var(--accent-s3) 13% / .65);color:hsl(var(--accent-h) var(--accent-s4) 77%);font-size:6.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.credit-profile-copy h2{margin:10px 0 3px;overflow:hidden;text-overflow:ellipsis;color:hsl(var(--accent-h) var(--accent-s0) 91%);font-size:22px;line-height:1.1;letter-spacing:-.035em}.credit-profile-copy p{margin:0;overflow:hidden;text-overflow:ellipsis;color:hsl(var(--accent-h) var(--accent-s0) 42%);font-size:8px}
.credits-public-footer{max-width:980px;margin:62px auto 0}
.public-menu a.active{color:hsl(var(--accent-h) var(--accent-s4) 75%)}
@media(max-width:820px){.credits-grid{grid-template-columns:1fr}.credits-public-main{width:min(100% - 28px,680px);padding-top:58px}.credit-profile-card{min-height:0}.credits-heading{margin-bottom:30px}}
@media(max-width:520px){.credit-profile-card{padding:20px}.credit-avatar-wrap,.credit-avatar{width:70px;height:70px}.credit-avatar{border-radius:19px}.credit-profile-copy h2{font-size:18px}.credits-heading h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.credit-profile-card{transition:none}.credit-profile-card:hover{transform:none}}
/* V1.50 small runtime-cost reductions found during the site pass. */
.public-page .premium-compare-card{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}


/* =========================================================
   V1.53 — mobile dashboard + developer operations
   ========================================================= */
.developer-operations-panel{margin:10px 0;padding:18px}
.developer-ops-grid{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.developer-op{min-width:0;padding:13px;border:1px solid hsl(var(--accent-h) var(--accent-s2) 18%);border-radius:12px;background:hsl(var(--accent-h) var(--accent-s2) 5.5% / .72)}
.developer-op>span,.developer-op>b,.developer-op>small{display:block}
.developer-op>span{color:hsl(var(--accent-h) var(--accent-s1) 43%);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.developer-op>b{margin-top:7px;overflow:hidden;text-overflow:ellipsis;color:hsl(var(--accent-h) var(--accent-s3) 85%);font-size:12px;white-space:nowrap}
.developer-op>small{margin-top:5px;color:hsl(var(--accent-h) var(--accent-s0) 40%);font-size:7px;line-height:1.45}
@media(max-width:1180px){.developer-ops-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .dashboard-page{padding-bottom:94px}
  .dashboard-page .app{display:block;min-height:100vh}
  .dashboard-page .sidebar{display:flex;position:fixed;z-index:120;left:10px;right:10px;top:auto;bottom:10px;width:auto;height:66px;padding:7px;border:1px solid hsl(var(--accent-h) var(--accent-s3) 52% / .18);border-radius:18px;background:hsl(var(--accent-h) var(--accent-s2) 5.1% / .94);box-shadow:0 20px 55px rgba(0,0,0,.46),0 0 28px hsl(var(--accent-h) var(--accent-s4) 60% / .08);backdrop-filter:blur(18px)}
  .dashboard-page .side-brand,.dashboard-page .access-card,.dashboard-page .side-label,.dashboard-page .guild-btn,.dashboard-page .guild-menu,.dashboard-page .bot-mini{display:none!important}
  .dashboard-page .side-nav{height:100%;margin:0;display:flex;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
  .dashboard-page .side-nav::-webkit-scrollbar{display:none}
  .dashboard-page .nav-btn{position:relative;flex:0 0 52px;width:52px;min-width:52px;height:50px;min-height:50px;padding:0;display:grid;place-items:center;border-radius:13px}
  .dashboard-page .nav-btn .nav-label{display:none!important}
  .dashboard-page .nav-ico{display:inline-grid;width:22px;height:22px}
  .dashboard-page .main{width:100%;padding:0 14px 112px;margin:0}
  .dashboard-page .main>header{height:64px}
  .dashboard-page .heading{min-height:86px}
  .dashboard-page .heading h1{font-size:29px}
  .dashboard-page .command-heading{gap:10px}
  .dashboard-page .command-total{min-width:82px;padding:10px 12px}
  .dashboard-page .command-total b{font-size:19px}
  .dashboard-page .command-shell{display:flex;flex-direction:column;gap:0;max-height:min(68vh,620px);overflow:hidden;border-radius:16px}
  .dashboard-page .command-categories{position:static;flex:0 0 auto;display:flex;gap:5px;padding:9px;overflow-x:auto;overflow-y:hidden;border:0;border-bottom:1px solid hsl(var(--accent-h) var(--accent-s3) 64% / .10);border-radius:0;scrollbar-width:none}
  .dashboard-page .command-categories::-webkit-scrollbar{display:none}
  .dashboard-page .command-categories #commandCategories{display:flex;gap:5px}
  .dashboard-page .command-cat{flex:0 0 auto;width:auto;min-width:max-content;min-height:34px;padding:0 10px}
  .dashboard-page .command-main{min-height:0;padding:10px 11px 12px;display:flex;flex-direction:column;overflow:hidden}
  .dashboard-page .command-search{flex:0 0 auto;min-height:42px}
  .dashboard-page .command-category-intro{flex:0 0 auto;min-height:44px;padding:8px 2px}
  .dashboard-page .command-grid{min-height:0;max-height:48vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px;grid-template-columns:1fr;scrollbar-width:thin}
  .dashboard-page .command-card{min-height:78px}
  .dashboard-page .staff-list,.dashboard-page .live-support-list{max-height:260px;overflow:auto;overscroll-behavior:contain}
  .dashboard-page .staff-ticket-layout{min-height:0}
  .dashboard-page .ticket-thread,.dashboard-page .staff-thread{max-height:300px}
  .dashboard-page .developer-ops-grid{grid-template-columns:1fr 1fr}
  .dashboard-page .developer-operations-panel{padding:15px}
  .dashboard-page .site-audio-pill{bottom:88px}
  .dashboard-page .premium-nudge{bottom:154px}
}
@media(max-width:430px){
  .dashboard-page .main{padding-left:11px;padding-right:11px}
  .dashboard-page .heading h1{font-size:27px}
  .dashboard-page .heading p{font-size:9px}
  .dashboard-page .stats,.dashboard-page .ticket-stats,.dashboard-page .system-grid,.dashboard-page .developer-ops-grid{grid-template-columns:1fr}
  .dashboard-page .premium-nudge{width:calc(100% - 22px);right:11px}
}

/* V1.55 — bounded conversations and text inputs. */
.dashboard-page .live-support-queue,
.dashboard-page .live-support-detail{
  height:clamp(420px,70vh,680px);
  min-height:0;
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.dashboard-page .live-support-queue>.staff-queue-title,
.dashboard-page .live-chat-head,
.dashboard-page .live-chat-compose{
  flex:0 0 auto;
  min-width:0;
}
.dashboard-page .live-support-list{
  flex:1 1 0;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overflow-x:hidden;
  align-content:start;
  grid-auto-rows:min-content;
}
.dashboard-page .live-chat-thread{
  flex:1 1 0;
  min-height:0;
  min-width:0;
  overflow-y:auto;
  overflow-x:hidden;
}
.dashboard-page .ticket-thread{
  height:clamp(240px,42vh,420px);
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overflow-x:hidden;
}
.dashboard-page .ticket-message,
.dashboard-page .feedback-item{
  flex:0 0 auto;
  min-width:0;
  overflow-wrap:anywhere;
}
.dashboard-page .ticket-message>div{
  flex-wrap:wrap;
}
.dashboard-page .ticket-detail-head>div,
.dashboard-page .live-chat-head>div{
  min-width:0;
  overflow-wrap:anywhere;
}
.dashboard-page .feedback-list{
  height:clamp(240px,42vh,435px);
  min-height:0;
  max-height:none;
}
.dashboard-page textarea{
  min-width:0;
  max-width:100%;
  resize:none;
  overflow-y:auto;
  overflow-x:hidden;
}
.dashboard-page #ticketBody{height:130px;min-height:130px;max-height:130px}
.dashboard-page #feedbackBody,
.dashboard-page #updateBody{height:160px;min-height:160px;max-height:160px}
.dashboard-page .ticket-reply textarea,
.dashboard-page .live-chat-compose textarea{height:72px;min-height:72px;max-height:72px}
.self-assistant-compose textarea{height:46px;min-height:46px;max-height:46px;resize:none;overflow-y:auto}
.self-assistant-messages{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden}
.self-assistant-message-content,
.self-assistant-message-bubble{min-width:0;overflow-wrap:anywhere}
.dashboard-page .ticket-thread,
.dashboard-page .live-chat-thread,
.dashboard-page .live-support-list,
.dashboard-page .feedback-list,
.self-assistant-messages{
  overscroll-behavior-y:contain;
  scrollbar-width:thin;
  scrollbar-color:hsl(var(--accent-h) var(--accent-s2) 28%) transparent;
  -webkit-overflow-scrolling:touch;
}
@media(max-width:850px){
  .dashboard-page .live-support-detail{height:clamp(360px,65vh,540px)}
  .dashboard-page .live-support-queue{height:300px}
}
@media(max-width:760px){
  .dashboard-page .ticket-thread{height:280px}
  .dashboard-page .feedback-list{height:300px}
}

/* V1.55 — simple creator cards with a slow role glow. */
.credits-public-page .credits-grid{max-width:920px;gap:24px}
.credits-public-page .credit-profile-card{
  min-height:300px;
  padding:36px 24px;
  background:radial-gradient(ellipse at 50% 0,hsl(var(--accent-h) var(--accent-s3) 30% / .12),transparent 70%),linear-gradient(155deg,hsl(var(--accent-h) var(--accent-s2) 8%),hsl(var(--accent-h) var(--accent-s2) 4.5%));
}
.credits-public-page .credit-card-glow{inset:-20% 0 10%;background:radial-gradient(ellipse at 50% 35%,hsl(var(--accent-h) var(--accent-s4) 65% / .10),transparent 65%)}
.credits-public-page .credit-profile-top{flex-direction:column;text-align:center;gap:22px}
.credits-public-page .credit-avatar-wrap,
.credits-public-page .credit-avatar{width:100px;height:100px}
.credits-public-page .credit-avatar{border-radius:28px;border-color:hsl(var(--accent-h) var(--accent-s3) 52% / .35);box-shadow:0 16px 36px rgba(0,0,0,.25),0 0 35px hsl(var(--accent-h) var(--accent-s4) 50% / .08)}
.credits-public-page .credit-profile-copy{width:100%}
.credits-public-page .credit-profile-copy h2{margin:0 0 19px;font-size:26px;line-height:1.2;overflow-wrap:anywhere}
.credits-public-page .credit-role{
  position:relative;
  isolation:isolate;
  max-width:100%;
  padding:10px 14px;
  border-radius:12px;
  font-size:11px;
  font-weight:650;
  letter-spacing:.015em;
  text-transform:none;
  line-height:1.55;
  overflow-wrap:anywhere;
  background:hsl(var(--accent-h) var(--accent-s3) 16% / .35);
  color:hsl(var(--accent-h) var(--accent-s3) 83%);
  text-shadow:0 0 16px hsl(var(--accent-h) var(--accent-s4) 66% / .20);
}
.credits-public-page .credit-role::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:-3px;
  border-radius:inherit;
  background:hsl(var(--accent-h) var(--accent-s4) 62% / .17);
  filter:blur(9px);
  pointer-events:none;
  animation:credit-role-glow 8s ease-in-out infinite;
}
.credits-public-page .credit-profile-card:nth-child(2) .credit-role::before{animation-delay:-4s}
@keyframes credit-role-glow{0%,100%{opacity:.28;transform:scale(.98)}50%{opacity:.64;transform:scale(1.025)}}
@media(max-width:520px){
  .credits-public-page .credit-profile-card{min-height:270px;padding:30px 20px}
  .credits-public-page .credit-avatar-wrap,.credits-public-page .credit-avatar{width:84px;height:84px}
  .credits-public-page .credit-profile-copy h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.credits-public-page .credit-role::before{animation:none;opacity:.4}}