/* BFC V4 visual refresh: energetic and readable across desktop and phones. */
:root{--bg:#090d20;--panel:#131b37;--panel2:#1b2546;--line:#37446d;--line2:#4b5984;--text:#f6f7ff;--muted:#b9c3df;--accent:#9c78ff;--cyan:#4de1f0;--pink:#ff86b8;--lime:#d4f579;--orange:#ffae71;--violet:#9c78ff;--aqua:#4de1f0;--ink:#f6f7ff;--quiet:#b9c3df}
body,body:has(#page-home){background:#090d20!important;color:#f6f7ff!important;background-image:radial-gradient(circle at 88% 4%,rgba(156,120,255,.15),transparent 36%),radial-gradient(circle at 4% 40%,rgba(77,225,240,.08),transparent 35%)!important}
body:has(#page-home) header{background:rgba(12,17,39,.96)!important;border-color:#35416d!important;box-shadow:0 12px 30px rgba(2,5,20,.3)!important}
body:has(#page-home) header .brand{background:linear-gradient(125deg,#372370,#192e62)!important;border:1px solid #6654ac!important;color:white!important}
body:has(#page-home) header .brand span{color:#8ff2fa!important}
body:has(#page-home) .search input{background:#151d39!important;color:#f6f7ff!important;border-color:#485884!important;min-height:42px;font-size:14px!important}
body:has(#page-home) .search input::placeholder,input::placeholder,textarea::placeholder{color:#a6b5d5!important;opacity:1}
body:has(#page-home) .bfc-rail{background:#111831!important;border-color:#39476e!important}
body:has(#page-home) .bfc-rail-label{color:#a6b5d8!important;font-size:11px!important}
body:has(#page-home) .bfc-rail button{color:#d8e1f6!important;font-size:14px!important;min-height:45px}
body:has(#page-home) .bfc-rail button:hover{background:#24305a!important}
body:has(#page-home) .bfc-rail button.active{background:linear-gradient(105deg,#6140b8,#245584)!important;border-color:#8066ca!important;color:#fff!important;box-shadow:inset 4px 0 0 #4de1f0!important}
body:has(#page-home) .bfc-rail .rail-icon{color:#80eaf4!important}
body:has(#page-home) .rail-footer{color:#b6c3de!important}
body:has(#page-home) .ticker{background:#19213c!important;border:1px solid #4a5884!important;border-radius:12px!important;color:#d4e0f4!important}
/* A distinct colour identifies each section while the interface stays consistent. */
#page-home{--section-accent:#a98cff}#page-discussions{--section-accent:#68dbe9}#page-trending{--section-accent:#ffa1c4}#page-polls{--section-accent:#d4f579}#page-content{--section-accent:#ffb47e}#page-tools{--section-accent:#9bb5ff}#page-suggestions{--section-accent:#bca0ff}
body:has(#page-home) .page-head{position:relative!important;border-bottom:1px solid #3b4870!important}
body:has(#page-home) .page-head:before{content:"";position:absolute;left:24px;top:22px;width:55px;height:4px;border-radius:10px;background:var(--section-accent)}
body:has(#page-home) .page-head .eyebrow{color:var(--section-accent)!important;font-size:12px!important;font-weight:800!important}
body:has(#page-home) .page-head h1{color:#fff!important;text-shadow:0 4px 26px rgba(0,0,0,.16)!important}
body:has(#page-home) .page-head p{color:#c3cee6!important;font-size:16px!important;line-height:1.6!important}
#page-home .hero{margin-top:24px!important;padding:44px 32px!important;border:1px solid #6d5dba!important;border-radius:28px!important;background:radial-gradient(circle at 68% 20%,rgba(77,225,240,.14),transparent 33%),linear-gradient(125deg,#281b5b,#162653 63%,#12243f)!important;box-shadow:0 20px 70px rgba(3,6,25,.35)!important}
#page-home .hero:after{color:rgba(255,255,255,.04)!important}
#page-home .hero .eyebrow{color:#8ff2fa!important;font-size:12px!important}
#page-home .hero h1{font-size:clamp(44px,5.7vw,79px)!important;line-height:1.02!important;letter-spacing:-.055em!important}
#page-home .hero p{font-size:17px!important;line-height:1.6!important;color:#d8e2fa!important}
#page-home .hero-meta{background:#19274d!important;border-color:#6475aa!important}
body:has(#page-home) .section-head h2{font-size:clamp(22px,2.4vw,29px)!important}
body:has(#page-home) .section-head p,body:has(#page-home) .sync-note{color:#bec9e2!important}
body:has(#page-home) .side-block,body:has(#page-home) .notice-card,body:has(#page-home) .poll-card,body:has(#page-home) .poll-side .side-block,body:has(#page-home) .tool-panel,body:has(#page-home) .suggest-card,body:has(#page-home) .discussion-main{background:#141d3a!important;border-color:#394a78!important}
body:has(#page-home) .home-nav-card,body:has(#page-home) .platform-card{background:linear-gradient(150deg,#1c2851,#141d3b)!important;border:1px solid #465887!important;box-shadow:0 12px 26px rgba(1,5,20,.14)!important}
body:has(#page-home) .home-nav-card:hover,body:has(#page-home) .platform-card:hover,body:has(#page-home) .content-card:hover{border-color:#8c78d8!important;transform:translateY(-3px)!important;box-shadow:0 16px 38px rgba(3,5,22,.32)!important}
body:has(#page-home) .home-stat,body:has(#page-home) .signal-card,body:has(#page-home) .trend-stat,body:has(#page-home) .suggest-summary-card{background:#1b2546!important;border:1px solid #465682!important;border-radius:17px!important}
body:has(#page-home) .home-stat b{color:#f6f7ff!important}
body:has(#page-home) .primary-btn,body:has(#page-home) .login-btn,body:has(#page-home) .btn.primary{background:linear-gradient(120deg,#8863f0,#6743c9)!important;color:#fff!important;border:1px solid #a88bf6!important;font-weight:750!important;min-height:43px!important;box-shadow:0 6px 16px rgba(77,43,172,.23)!important}
body:has(#page-home) .primary-btn:hover,body:has(#page-home) .login-btn:hover{filter:brightness(1.1)!important}
body:has(#page-home) .tabs button,body:has(#page-home) .discussion-sort button,body:has(#page-home) .suggest-sort button,body:has(#page-home) .poll-filter button{min-height:38px!important;color:#d3ddf3!important}
body:has(#page-home) .tabs button.active,body:has(#page-home) .discussion-sort button.active,body:has(#page-home) .suggest-sort button.active,body:has(#page-home) .poll-filter button.active{background:#463684!important;color:white!important;border-color:#8a71da!important}
body:has(#page-home) .category-pill,body:has(#page-home) .source{background:#294264!important;color:#b6f2f9!important;border-color:#4e79a5!important}
body:has(#page-home) .discussion-simple-card,body:has(#page-home) .content-card,body:has(#page-home) .reddit-post,body:has(#page-home) .trend-card{background:#192344!important;border-color:#42527e!important}
body:has(#page-home) .discussion-simple-card:hover{background:#243059!important;border-color:#84a2dd!important}
body:has(#page-home) .community-action-panel{background:linear-gradient(120deg,#45337e,#1c4d6a)!important;border-color:#7771bd!important}
body:has(#page-home) .community-action-panel strong{font-size:18px!important}
body:has(#page-home) input,body:has(#page-home) textarea,body:has(#page-home) select{background:#111a35!important;color:#f2f6ff!important;border-color:#52628e!important;font-size:14px!important;min-height:42px}
body:has(#page-home) .tool-panel input,body:has(#page-home) .tool-panel select{font-size:15px!important}
body:has(#page-home) .trend-controlbar,body:has(#page-home) .community-filterbar,body:has(#page-home) .suggest-control-shell,body:has(#page-home) .x-tools{background:#1b2445!important;border-color:#485985!important}
body:has(#page-home) a:not(.brand):hover{color:#a1f3fa}
/* Standalone pages share the palette and readable touch targets. */
body:has(main.shell #content),body:has(.workspace),body:has(.doc),body:has(.rules){background:#0a0e20!important;color:#f6f7ff!important}
body:has(main.shell #content) header,body:has(.workspace) header{background:#111831!important;border-color:#39476e!important}
body:has(main.shell #content) .hero,body:has(.workspace) .hero{background:linear-gradient(120deg,#36256f,#1a335f)!important;border-color:#685bb4!important}
body:has(main.shell #content) .card,body:has(.workspace) .card,body:has(.workspace) .user-card,body:has(.workspace) .report-card{background:#161f3d!important;border-color:#42517e!important;color:#f6f7ff!important}
body:has(.workspace) .side-nav{background:#151d3a!important;border-color:#465482!important}
body:has(.workspace) .side-nav button.active{background:#5142a0!important;color:#fff!important}
body:has(.doc) .doc,body:has(.rules) .rule{background:#141c38!important;border-color:#3e4c7b!important;color:#e5eaf9!important}
body:has(.doc) .toc{background:#141c38!important;border-color:#3e4c7b!important}
@media(max-width:980px){body:has(#page-home) header .navlinks button{min-height:43px!important;padding:10px 13px!important}body:has(#page-home) header .navlinks button.active{background:#49368e!important;color:white!important}}
@media(max-width:650px){#page-home .hero{padding:29px 21px!important;border-radius:20px!important}#page-home .hero h1{font-size:clamp(38px,11vw,58px)!important}#page-home .hero p{font-size:15px!important}body:has(#page-home) .page-head p{font-size:14px!important}body:has(#page-home) .home-nav-card{min-height:130px!important}body:has(#page-home) .platform-card{min-height:95px!important}body:has(#page-home) .page-content{padding-bottom:42px!important}}
@media(prefers-reduced-motion:reduce){body:has(#page-home) .home-nav-card,body:has(#page-home) .platform-card,body:has(#page-home) .content-card{transition:none!important}}
/* Structured feedback: clear labels and readable responses. */
#suggestCompose .compose-grid{gap:16px!important}
#suggestCompose .field label,.bug-form label{display:block;margin-bottom:7px;font-weight:750;color:#edf1ff}
#suggestCompose .required,.bug-form .required{font-size:11px;color:#151b31;background:#d4f579;padding:3px 7px;border-radius:6px;font-weight:800;margin-left:5px}
#suggestCompose .optional,.bug-form .optional{font-size:11px;color:#b9c3df;font-weight:500}
#suggestCompose textarea,#suggestCompose input,.bug-form textarea,.bug-form input{width:100%}
#suggestCompose textarea{min-height:104px}
.suggest-body strong{display:block;color:#aff0f6;font-size:12px;margin:12px 0 4px}
.suggest-body p{white-space:pre-wrap;margin:0 0 9px;overflow-wrap:anywhere}
.inline-edit label{display:block;color:#eaf0ff;font-weight:700;margin:9px 0 5px}
.bug-report p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:650px){#suggestCompose .compose-grid,.bug-form .tool-grid-two{display:grid!important;grid-template-columns:1fr!important}}