/* aero.css - sb.sb Vista AeroGlass / Frutiger Aero theme */

:root{
  color-scheme:dark;
  --bg:#04314c;
  --panel:rgba(7,48,72,.66);
  --panel-alt:rgba(10,60,88,.55);
  --panel-hover:rgba(24,96,132,.42);
  --line:rgba(120,214,255,.22);
  --line-soft:rgba(120,214,255,.13);
  --line-strong:rgba(140,224,255,.34);
  --text-strong:#ffffff;
  --text:#eaf9ff;
  --text-muted:#b3dfee;
  --text-subtle:#8fc2d8;
  --text-disabled:#6f9db2;
  --brand:#4fd8ff;
  --brand-hover:#8feaff;
  --brand-soft:rgba(0,180,230,.16);
  --brand-border:rgba(0,212,255,.45);
  --focus-ring:#5fd8ff;
  --action:linear-gradient(180deg,#a7ecff 0%,#4fd0f0 10%,#00b4dc 46%,#0080aa 92%,#006e94 100%);
  --action-hover:linear-gradient(180deg,#c2f4ff 0%,#6cdcf6 10%,#18c2e6 46%,#0092be 92%,#0080a8 100%);
  --action-text:#03293c;
  --action-border:rgba(160,235,255,.75);
  --mark:#ffd23f;
  --mark-deep:#ffb400;
  --mark-text:#20315c;
  --mark-soft:rgba(255,210,63,.16);
  --mark-soft-text:#ffe08a;
  --success:#2ecc71;
  --success-soft:rgba(46,204,113,.14);
  --success-soft-text:#7dedb1;
  --danger:#ff8f7e;
  --on-danger:#3a0d06;
  --danger-fill:#d94b4b;
  --on-danger-fill:#fff;
  --danger-soft:rgba(217,75,75,.16);
  --danger-soft-text:#ffb3a8;
  --danger-border:rgba(217,75,75,.5);
  --warning:#ffc94d;
  --warning-border:rgba(255,201,77,.4);
  --warning-soft:rgba(255,201,77,.12);
  --warning-soft-text:#ffe08a;
  --info:#4fd8ff;
  --info-soft:rgba(79,216,255,.14);
  --info-soft-text:#9fecff;
  --accent-teal-soft:rgba(0,212,255,.16);
  --accent-teal-text:#8feaff;
  --inverse:rgba(4,38,58,.85);
  --inverse-text:#eaf9ff;
  --inverse-border:rgba(140,224,255,.35);
  --backdrop:rgba(1,20,36,.55);
  --selection:rgba(0,180,230,.4);
  --shadow-base:0 1px 2px rgba(0,10,20,.25);
  --shadow-medium:0 12px 40px -8px rgba(0,8,18,.55);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.28);
  --glass-edge:0 0 0 1px rgba(140,224,255,.16);
  --aqua-glow:0 0 10px rgba(0,200,250,.4),0 0 26px rgba(0,170,230,.22);
  --glow-hot:0 0 8px rgba(120,235,255,.55),0 0 20px rgba(0,190,245,.38),0 0 44px rgba(0,160,225,.2);
}
[data-theme=dark]{
  color-scheme:dark;
  --bg:#02182a;
  --panel:rgba(4,30,48,.72);
  --panel-alt:rgba(6,40,62,.62);
  --panel-hover:rgba(16,78,110,.45);
  --line:rgba(100,196,240,.2);
  --line-soft:rgba(100,196,240,.11);
  --line-strong:rgba(120,208,250,.3);
  --text-strong:#f4feff;
  --text:#ddeffa;
  --text-muted:#9cc4d6;
  --text-subtle:#7ea8bc;
  --text-disabled:#5c8296;
  --brand:#33c6ef;
  --brand-hover:#6fdcff;
  --brand-soft:rgba(0,150,200,.2);
  --brand-border:rgba(0,190,235,.42);
}

html{background:
    radial-gradient(340px 220px at 78% 4%,rgba(255,252,230,.5),rgba(255,240,190,.14) 45%,transparent 70%),
    radial-gradient(900px 420px at 78% 0%,rgba(255,244,200,.16),transparent 70%),
    linear-gradient(180deg,rgba(140,230,255,.24) 0%,rgba(90,205,245,.12) 17%,transparent 34%),
    repeating-linear-gradient(112deg,transparent 0 46px,rgba(160,240,255,.045) 46px 52px,transparent 52px 118px),
    repeating-linear-gradient(68deg,transparent 0 64px,rgba(120,225,255,.035) 64px 70px,transparent 70px 148px),
    repeating-radial-gradient(220px 60px at 30% 34%,transparent 0 18px,rgba(170,245,255,.03) 18px 24px,transparent 24px 56px),
    repeating-radial-gradient(260px 70px at 74% 52%,transparent 0 22px,rgba(150,240,255,.028) 22px 28px,transparent 28px 64px),
    radial-gradient(3.5px 3.5px at 12% 76%,rgba(210,250,255,.4) 40%,transparent 60%),
    radial-gradient(5px 5px at 22% 62%,rgba(210,250,255,.3) 40%,transparent 60%),
    radial-gradient(3px 3px at 31% 83%,rgba(210,250,255,.35) 40%,transparent 60%),
    radial-gradient(6px 6px at 44% 57%,rgba(210,250,255,.22) 40%,transparent 60%),
    radial-gradient(4px 4px at 57% 71%,rgba(210,250,255,.3) 40%,transparent 60%),
    radial-gradient(3.5px 3.5px at 69% 86%,rgba(210,250,255,.32) 40%,transparent 60%),
    radial-gradient(5px 5px at 81% 65%,rgba(210,250,255,.24) 40%,transparent 60%),
    radial-gradient(3px 3px at 90% 79%,rgba(210,250,255,.34) 40%,transparent 60%),
    radial-gradient(42% 12% at 4% 102%,rgba(24,140,90,.34),transparent 70%),
    radial-gradient(36% 10% at 30% 103%,rgba(18,120,80,.3),transparent 70%),
    radial-gradient(46% 12% at 98% 102%,rgba(24,140,90,.34),transparent 70%),
    radial-gradient(60% 22% at 50% 108%,rgba(2,60,90,.75),rgba(2,50,78,.4) 60%,transparent 100%),
    linear-gradient(180deg,#0a5f8e 0%,#05507c 26%,#04456b 44%,#03395a 62%,#02304c 80%,#022741 100%);
  background-attachment:fixed}
[data-theme=dark] html{background:
    radial-gradient(300px 190px at 78% 3%,rgba(255,248,214,.22),rgba(255,236,170,.06) 45%,transparent 70%),
    linear-gradient(180deg,rgba(60,150,200,.12) 0%,transparent 30%),
    repeating-linear-gradient(112deg,transparent 0 46px,rgba(120,210,250,.03) 46px 52px,transparent 52px 118px),
    repeating-linear-gradient(68deg,transparent 0 64px,rgba(90,190,240,.024) 64px 70px,transparent 70px 148px),
    radial-gradient(3.5px 3.5px at 12% 76%,rgba(180,235,255,.28) 40%,transparent 60%),
    radial-gradient(5px 5px at 22% 62%,rgba(180,235,255,.2) 40%,transparent 60%),
    radial-gradient(3px 3px at 31% 83%,rgba(180,235,255,.24) 40%,transparent 60%),
    radial-gradient(6px 6px at 44% 57%,rgba(180,235,255,.15) 40%,transparent 60%),
    radial-gradient(4px 4px at 57% 71%,rgba(180,235,255,.2) 40%,transparent 60%),
    radial-gradient(3.5px 3.5px at 69% 86%,rgba(180,235,255,.22) 40%,transparent 60%),
    radial-gradient(42% 12% at 4% 102%,rgba(16,110,74,.3),transparent 70%),
    radial-gradient(36% 10% at 30% 103%,rgba(12,92,62,.26),transparent 70%),
    radial-gradient(46% 12% at 98% 102%,rgba(16,110,74,.3),transparent 70%),
    radial-gradient(60% 22% at 50% 108%,rgba(1,40,64,.8),rgba(1,32,52,.4) 60%,transparent 100%),
    linear-gradient(180deg,#043650 0%,#032c46 26%,#02253c 44%,#021f34 62%,#01192b 82%,#011324 100%);
  background-attachment:fixed}

body{background:transparent}

/* dreamscene aurora */
body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;mix-blend-mode:screen;will-change:transform}
body::before{top:-50vh;left:-50vw;width:200vw;height:200vh;background:
    radial-gradient(ellipse 80% 50% at 30% 22%,rgba(0,255,160,.3),transparent 62%),
    radial-gradient(ellipse 60% 42% at 72% 38%,rgba(46,204,113,.24),transparent 66%),
    radial-gradient(ellipse 45% 30% at 52% 10%,rgba(120,255,210,.18),transparent 60%);
  filter:blur(64px);
  animation:aero-aurora-a 16s ease-in-out infinite}
body::after{inset:-8%;background:
    radial-gradient(ellipse 60% 34% at 45% 22%,rgba(0,240,170,.14),transparent 70%),
    linear-gradient(0deg,transparent 4%,rgba(0,255,160,.4) 40%,rgba(46,204,113,.24) 64%,transparent 94%),
    linear-gradient(0deg,transparent 10%,rgba(0,228,255,.34) 46%,rgba(0,190,220,.18) 66%,transparent 96%),
    linear-gradient(0deg,transparent 14%,rgba(120,255,210,.28) 48%,rgba(0,200,160,.15) 68%,transparent 98%);
  background-repeat:no-repeat;
  background-size:70% 58%,56% 84%,42% 72%,48% 78%;
  background-position:15% 0,-4% 100%,36% 100%,72% 100%;
  filter:blur(18px);
  animation:aero-aurora-b 11s ease-in-out infinite}
@keyframes aero-aurora-a{
  0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}
  25%{transform:translate(5%,-4%) rotate(4deg) scale(1.07)}
  50%{transform:translate(-5%,4%) rotate(-4deg) scale(1.12)}
  75%{transform:translate(3%,-2%) rotate(2deg) scale(1.05)}
}
@keyframes aero-aurora-b{
  0%{background-position:15% 0,-4% 100%,36% 100%,72% 100%;transform:skewX(-6deg) scaleX(1);opacity:.85}
  33%{background-position:15% 0,6% 100%,30% 100%,64% 100%;transform:skewX(7deg) scaleX(1.08);opacity:1}
  66%{background-position:15% 0,-10% 100%,42% 100%,76% 100%;transform:skewX(-3deg) scaleX(.95);opacity:.9}
  100%{background-position:15% 0,4% 100%,38% 100%,70% 100%;transform:skewX(-6deg) scaleX(1);opacity:.85}
}
[data-theme=dark] body::before,[data-theme=dark] body::after{opacity:.72}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none}}

::selection{background:var(--selection);color:#fff}
:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--aqua-glow)}

::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:rgba(3,32,52,.55);box-shadow:inset 1px 0 0 rgba(140,224,255,.12)}
::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:7px;background:linear-gradient(180deg,#8fe6ff,#00b0d8 55%,#007aa5) padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,20,40,.5)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b8f0ff,#28c4e8 55%,#0190bd) padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),var(--glow-hot)}
::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6fd4ee,#0090b8 55%,#006a92) padding-box}
*{scrollbar-color:#00a8cf rgba(3,32,52,.55);scrollbar-width:thin}

/* top bar */
.top{background:linear-gradient(180deg,rgba(16,84,118,.78) 0%,rgba(8,58,88,.72) 8%,rgba(5,44,70,.78) 60%,rgba(4,38,60,.85) 100%);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid rgba(140,224,255,.28);box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 6px 22px rgba(0,10,22,.4)}
.brand{background:linear-gradient(180deg,#ffe89a,#ffd23f 45%,#f5a800);color:#20315c;border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 4px rgba(0,10,20,.35);text-shadow:0 1px 0 rgba(255,255,255,.4)}
.brand:hover{filter:brightness(1.06)}
.forum-link{color:var(--text-muted);transition:all .15s ease}
.forum-link:hover{background:linear-gradient(180deg,rgba(150,230,255,.22),rgba(0,160,215,.14));color:#fff;box-shadow:var(--glass-hi),inset 0 0 0 1px rgba(150,230,255,.25),var(--aqua-glow)}
.forum-link.active{background:var(--action)!important;color:var(--action-text)!important;font-weight:600;border:1px solid var(--action-border);box-shadow:var(--glass-hi),inset 0 -2px 5px rgba(0,60,90,.35),0 1px 4px rgba(0,10,20,.35),var(--aqua-glow)}
.search-form{border:1px solid var(--line-strong);border-radius:6px;background:linear-gradient(180deg,rgba(2,26,42,.65),rgba(6,48,74,.5));box-shadow:inset 0 2px 4px rgba(0,12,24,.5),inset 0 1px 0 rgba(255,255,255,.08);transition:border-color .15s,box-shadow .15s}
.search-form:focus-within{border-color:var(--brand-border);box-shadow:inset 0 2px 4px rgba(0,12,24,.5),var(--glow-hot)}
.search-input{color:var(--text)}
.search-input::placeholder{color:var(--text-subtle)}
.search-btn,.script-toggle button,.theme-toggle,.mobile-menu-button,.forum-more-toggle,.nav-mine{color:var(--text-muted);transition:all .15s ease}
.search-btn:hover,.script-toggle button:hover,.theme-toggle:hover,.mobile-menu-button:hover,.forum-more-toggle:hover,.nav-mine:hover{color:#fff;text-shadow:0 0 8px rgba(0,200,250,.9);filter:drop-shadow(0 0 6px rgba(0,190,245,.55))}
.script-toggle button{padding:5px 9px;border-radius:6px;font-size:14px;line-height:1.5}
.script-toggle button:hover{background:linear-gradient(180deg,rgba(150,230,255,.22),rgba(0,160,215,.14));box-shadow:var(--glass-hi),var(--aqua-glow)}

/* panels */
.card,.sidebar-card,.main-panel,.reply-panel,.topic-form-panel{background:linear-gradient(180deg,rgba(16,80,114,.5) 0%,rgba(8,54,82,.62) 6%,rgba(6,46,72,.68) 100%);border:1px solid var(--line);border-radius:10px;box-shadow:var(--glass-edge),var(--glass-hi),0 10px 30px -10px rgba(0,8,18,.5);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}
.sidebar-card+.sidebar-card{margin-top:var(--gap)}
.user-card .user-name{color:var(--text-strong)}
.side-auth a{display:inline-block;padding:5px 14px;border:1px solid var(--action-border);border-radius:6px;background:var(--action);color:var(--action-text);font-weight:600;text-align:center;box-shadow:var(--glass-hi),inset 0 -2px 5px rgba(0,60,90,.3),0 1px 4px rgba(0,10,20,.3),var(--aqua-glow);transition:all .12s ease;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.side-auth a:hover{background:var(--action-hover);color:var(--action-text);box-shadow:var(--glass-hi),inset 0 -2px 5px rgba(0,60,90,.3),var(--glow-hot);transform:translateY(-1px)}
.side-auth a:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,40,64,.5),0 0 10px rgba(0,190,240,.4)}
.quick-title,.stats-title,.new-users-title,.sidebar-topic-title{color:var(--text-strong)}
.quick-links a,.sidebar-topic-list a{transition:all .12s ease;border-radius:6px}
.quick-links a:hover,.sidebar-topic-list a:hover{background:linear-gradient(180deg,rgba(150,230,255,.2),rgba(0,160,215,.12));color:#fff;box-shadow:var(--glass-hi),inset 0 0 0 1px rgba(150,230,255,.22),var(--aqua-glow)}
.stats-grid strong{color:var(--brand)}
.nu-avatar-circle{border:1px solid rgba(140,224,255,.4);box-shadow:0 0 0 2px rgba(0,180,230,.15),0 0 10px rgba(46,204,113,.25)}
.nu-name{color:var(--text-muted)}

/* topic list */
.post-list{border-radius:10px}
.post-item{transition:background .12s ease,box-shadow .12s ease}
.post-item:hover{background:linear-gradient(180deg,rgba(130,225,255,.14) 0%,rgba(0,150,205,.08) 50%,rgba(0,120,175,.1) 100%);box-shadow:var(--glass-hi),inset 0 0 0 1px rgba(130,225,255,.18),inset 3px 0 8px -3px rgba(0,212,255,.5),var(--aqua-glow)}
.post-item.topic-pinned{background:linear-gradient(90deg,rgba(255,210,63,.09),transparent 40%)}
.post-item.topic-pinned:hover{background:linear-gradient(90deg,rgba(255,210,63,.12),rgba(130,225,255,.1) 50%,rgba(0,150,205,.08))}
.post-item:active{background:linear-gradient(180deg,rgba(0,140,195,.2),rgba(0,100,155,.16));box-shadow:inset 0 2px 6px rgba(0,25,45,.35)}
.post-title{color:var(--text-strong)}
.post-title:hover{color:var(--brand-hover);text-shadow:0 0 10px rgba(0,200,250,.7)}
.post-meta,.post-time,.post-reply-no{color:var(--text-subtle)}
.post-meta a:hover{color:var(--brand-hover)}
.topic-badge{border:1px solid transparent;text-shadow:none}
.topic-badge.pinned{background:linear-gradient(180deg,#ffe89a,#ffc72e);color:#5c4300;border-color:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.lottery-badge,.topic-badge.lottery-badge{background:linear-gradient(180deg,#8bf5bb,#20a85d);color:#03301a;border-color:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.post-forum-badge{background:var(--brand-soft);color:var(--accent-teal-text);border:1px solid var(--brand-border);box-shadow:var(--glass-hi)}
.avatar-img,.user-avatar-big{border-radius:50%;border:1px solid rgba(160,232,255,.45);box-shadow:0 0 0 1px rgba(0,60,90,.4),0 0 8px rgba(0,190,240,.28)}
.meta-icon{opacity:.75}
.topic-toolbar,.breadcrumb{color:var(--text-muted)}
.breadcrumb a{color:var(--brand)}
.tab-bar{border-bottom-color:var(--line)}
.tab{transition:color .12s ease}
.tab.active{color:var(--brand-hover);font-weight:600;text-shadow:0 0 8px rgba(0,200,250,.4)}
.tab.active::after{height:3px;background:linear-gradient(90deg,transparent,#00d4ff 20%,#00d4ff 80%,transparent);box-shadow:0 0 6px rgba(0,212,255,.9),0 0 16px rgba(0,190,245,.5)}
.pagination a{background:linear-gradient(180deg,rgba(30,110,150,.4),rgba(10,64,96,.5));border:1px solid var(--line-strong);box-shadow:var(--glass-hi),0 1px 3px rgba(0,10,20,.3);transition:all .12s ease}
.pagination a:hover{background:linear-gradient(180deg,rgba(90,200,240,.35),rgba(0,140,195,.35));color:#fff;box-shadow:var(--glass-hi),var(--glow-hot)}
.pagination li.active a{background:var(--action);color:var(--action-text);border-color:var(--action-border);font-weight:700;box-shadow:var(--glass-hi),inset 0 -2px 5px rgba(0,60,90,.35),var(--aqua-glow)}

/* post page */
.post-entry{border-top-color:var(--line-soft)}
.post-author{color:var(--brand-hover)}
.post-user-group--staff{color:var(--mark-soft-text)}
.post-user-level{color:var(--text-subtle)}
.post-edited{color:var(--text-disabled)}
.reply-light{color:var(--text-subtle);transition:all .12s ease}
.icon-light-static.has-lights{color:var(--brand)}
.reply-light:hover{color:var(--brand-hover);text-shadow:0 0 8px rgba(0,200,250,.9);filter:drop-shadow(0 0 5px rgba(0,190,245,.6))}
.tip-widget{background:var(--panel-alt);border:1px solid var(--line-soft);border-radius:8px}
.tip-total{color:var(--mark-soft-text)}
.tree-toggle{color:var(--brand)}
.smoji{transition:transform .12s ease}
.smoji:hover{transform:scale(1.25)}
.post-image-link{display:inline-block;border:1px solid rgba(160,232,255,.4);border-radius:8px;padding:3px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 40%,rgba(0,30,50,.2));box-shadow:0 4px 14px rgba(0,10,20,.4),var(--glass-hi)}
.post-image-link:hover{box-shadow:0 4px 14px rgba(0,10,20,.4),var(--glass-hi),var(--glow-hot)}

/* content */
.post-content{color:var(--text)}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--text-strong);text-shadow:0 1px 2px rgba(0,10,20,.5)}
.post-content h2{border-bottom:1px solid var(--line-soft)}
.post-content a{color:var(--brand);text-decoration-color:rgba(0,212,255,.5)}
.post-content a:hover{color:var(--brand-hover);text-shadow:0 0 8px rgba(0,200,250,.7)}
.post-content hr{border-top:1px solid var(--line)}
blockquote{border-left:3px solid #00d4ff;background:linear-gradient(90deg,rgba(0,180,230,.12),rgba(0,180,230,.03) 70%,transparent);border-radius:0 6px 6px 0;padding:8px 12px;color:var(--text-muted)}
code{background:rgba(2,24,38,.7);border:1px solid rgba(100,200,240,.25);color:#a5ecff;text-shadow:0 1px 1px rgba(0,10,20,.6)}
.post-content pre,.post-content pre code{background:rgba(2,20,34,.88)}
.post-content pre{border:1px solid rgba(100,200,240,.28);box-shadow:inset 0 2px 10px rgba(0,8,16,.6),var(--glass-hi),0 4px 12px rgba(0,10,20,.3);color:#c9f2ff}
table{background:rgba(6,44,68,.45);border-color:var(--line-strong)}
.post-content th{background:linear-gradient(180deg,rgba(90,200,240,.28),rgba(0,130,185,.24));color:var(--text-strong);text-shadow:0 1px 1px rgba(0,10,20,.5)}
.post-content td{background:transparent}
.post-content tr:hover td{background:rgba(120,220,255,.07)}
.post-content img{box-shadow:0 4px 14px rgba(0,10,20,.35)}

/* forms */
input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=search],select,textarea{background:linear-gradient(180deg,rgba(2,26,42,.6),rgba(8,50,76,.5));border:1px solid var(--line-strong);box-shadow:inset 0 2px 5px rgba(0,12,24,.5),inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,10,20,.25);color:var(--text);transition:border-color .15s,box-shadow .15s}
input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=url]:hover,input[type=number]:hover,input[type=search]:hover,select:hover,textarea:hover{border-color:rgba(0,212,255,.5)}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=search]:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-border);box-shadow:inset 0 2px 5px rgba(0,12,24,.5),var(--glow-hot)}
input::placeholder,textarea::placeholder{color:var(--text-subtle)}
input[type=checkbox],input[type=radio]{accent-color:#00b4dc}
input[type=range]{accent-color:#00b4dc}
select option{background:#053350;color:var(--text)}
.btn,.btn-post,input[type=submit],button[type=submit]{background:var(--action);border:1px solid var(--action-border);color:var(--action-text)!important;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:var(--glass-hi),inset 0 -3px 6px rgba(0,60,90,.32),inset 0 2px 3px rgba(255,255,255,.5),0 1px 4px rgba(0,10,20,.35);transition:all .12s ease}
.btn:hover,.btn-post:hover,input[type=submit]:hover,button[type=submit]:hover{background:var(--action-hover);box-shadow:var(--glass-hi),inset 0 -3px 6px rgba(0,60,90,.32),inset 0 2px 3px rgba(255,255,255,.55),0 1px 6px rgba(0,10,20,.4),var(--glow-hot);transform:translateY(-1px)}
.btn:active,.btn-post:active,input[type=submit]:active,button[type=submit]:active{transform:translateY(1px);background:linear-gradient(180deg,#0080aa,#00a4ca);box-shadow:inset 0 2px 6px rgba(0,40,64,.55),0 0 12px rgba(0,190,240,.45)}
.btn:disabled,.btn[disabled]{filter:saturate(.4) brightness(.75);opacity:.7;cursor:not-allowed;transform:none;box-shadow:var(--glass-hi),0 1px 3px rgba(0,10,20,.3)}
.btn.alt,.alt{background:linear-gradient(180deg,rgba(60,140,180,.35),rgba(16,80,116,.45));border:1px solid var(--line-strong);color:var(--text)!important;text-shadow:none;box-shadow:var(--glass-hi),0 1px 3px rgba(0,10,20,.3)}
.btn.alt:hover,.alt:hover{background:linear-gradient(180deg,rgba(90,180,220,.4),rgba(24,100,140,.5));box-shadow:var(--glass-hi),var(--glow-hot)}
.composer-toggle,.composer-attach,.composer-smoji{background:linear-gradient(180deg,rgba(60,140,180,.3),rgba(14,72,106,.4));border:1px solid var(--line);color:var(--text-muted);border-radius:6px;transition:all .12s ease}
.composer-toggle:hover,.composer-attach:hover,.composer-smoji:hover{color:#fff;border-color:var(--brand-border);box-shadow:var(--glass-hi),var(--glow-hot)}

/* editor */
.CodeMirror{background:rgba(2,20,34,.85)!important;color:#c9f2ff!important;border:1px solid rgba(100,200,240,.28);box-shadow:inset 0 2px 10px rgba(0,8,16,.6),var(--glass-hi)}
.CodeMirror-cursor{border-left:2px solid #00d4ff!important;box-shadow:0 0 6px rgba(0,212,255,.8)}
.CodeMirror-selected{background:rgba(0,170,220,.35)!important}
.CodeMirror ::selection{background:rgba(0,170,220,.35)}
.CodeMirror-gutters{background:rgba(2,16,28,.85)!important;border-right:1px solid rgba(100,200,240,.2)!important}
.CodeMirror-linenumber{color:#4d7f96!important}
.CodeMirror-activeline-background{background:rgba(0,150,200,.08)!important}
.code-copy{background:linear-gradient(180deg,rgba(60,140,180,.35),rgba(14,72,106,.45));border:1px solid var(--line-strong);color:var(--text-muted)}
.code-copy:hover{color:#fff;box-shadow:var(--glass-hi),var(--glow-hot)}

/* overlays */
.modal-backdrop{background:var(--backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-panel{background:linear-gradient(180deg,rgba(20,92,128,.72) 0%,rgba(8,56,86,.8) 8%,rgba(6,46,72,.86) 100%);border:1px solid rgba(140,224,255,.4);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--glass-hi),0 24px 60px -12px rgba(0,6,14,.7),0 0 34px rgba(0,160,225,.3),inset 0 0 24px rgba(0,170,230,.08)}
.modal-head{border-bottom-color:var(--line)}
.modal-close{color:var(--text-muted);transition:all .12s ease}
.modal-close:hover{color:#fff;text-shadow:0 0 8px rgba(0,200,250,.6)}
.toast{background:linear-gradient(180deg,rgba(20,92,128,.85),rgba(6,46,72,.9));border:1px solid rgba(140,224,255,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--glass-hi),0 10px 30px rgba(0,8,18,.55),0 0 22px rgba(0,170,235,.35);color:#fff}
.toast.is-error{border-color:var(--danger-border);box-shadow:var(--glass-hi),0 10px 30px rgba(0,8,18,.55),0 0 18px rgba(217,75,75,.35)}
.to-top{background:linear-gradient(180deg,rgba(30,110,150,.6),rgba(8,54,82,.7));border:1px solid var(--line-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--glass-hi),0 6px 20px rgba(0,8,18,.45);color:var(--text-muted);transition:all .15s ease}
.to-top:hover{color:#fff;box-shadow:var(--glass-hi),0 6px 20px rgba(0,8,18,.45),var(--glow-hot);transform:translateY(-2px)}
.mobile-menu-backdrop,.forum-more-region{background:rgba(1,18,32,.5)}
.mobile-menu-drawer,.forum-more-panel{background:linear-gradient(180deg,rgba(14,76,108,.9),rgba(5,42,66,.94));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:var(--line-strong);box-shadow:var(--glass-hi),0 16px 44px rgba(0,8,18,.55)}
.mobile-menu-close{color:var(--text-muted)}
.mobile-menu-link{color:var(--text-muted);border-radius:6px;transition:all .12s ease}
.mobile-menu-link:hover,.mobile-menu-link.active{background:linear-gradient(180deg,rgba(130,225,255,.18),rgba(0,150,205,.12));color:#fff;box-shadow:var(--glass-hi)}
.mobile-forum-link{color:var(--text-muted)}
.mobile-forum-link.active{color:var(--brand-hover);text-shadow:0 0 8px rgba(0,200,250,.4)}

/* footer */
.footer{background:linear-gradient(180deg,transparent,rgba(2,24,40,.55));border-top:1px solid var(--line-soft)}
.footer a{color:var(--text-muted)}
.footer a:hover{color:var(--brand-hover)}
.footer-version{color:var(--text-disabled)}

/* misc */
.attach-body,.attach-thumb,.bounty-panel{background:var(--panel-alt);border-color:var(--line-soft)}
.empty-state{color:var(--text-subtle)}
.auth-notice li::before{filter:hue-rotate(160deg)}
.captcha-noscript,.captcha-dev{background:var(--panel-alt);border-color:var(--line)}
.chat-composer,.chat-input-wrap,.chat-topbar{background:var(--panel-alt)}
hr{border-top:1px solid var(--line)}