:root{color-scheme:light;--page:#f5f7fc;--surface:#fff;--surface-2:#f8f9ff;--ink:#172039;--muted:#74809a;--line:#e6e9f2;--brand:#6558e8;--brand-dark:#4e43c5;--brand-soft:#efedff;--cyan:#22c7b8;--shadow:0 16px 45px rgba(31,42,84,.07);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{padding-top:82px;background:radial-gradient(ellipse at 12% 0%,rgba(101,88,232,.09),transparent 36%),var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}a{color:var(--brand);text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease}a:hover{color:var(--brand-dark);text-decoration:none}button,input,textarea,select{font:inherit}ul{padding:0;margin:0;list-style:none}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.navbar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:0;border-bottom:1px solid rgba(230,233,242,.9);box-shadow:0 4px 24px rgba(31,42,84,.035);min-height:70px;margin:0}.navbar .container{display:flex;align-items:center}.navbar-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink)!important;font-weight:850;letter-spacing:-.04em;font-size:21px}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#8c7dff);color:#fff;font-size:15px;font-weight:900;letter-spacing:-.06em;box-shadow:0 7px 18px rgba(101,88,232,.26)}.brand-word span{color:var(--brand)}.navbar-nav{align-items:center;gap:5px}.navbar-nav>li>a.nav-link{color:#65708a!important;padding:10px 14px!important;border-radius:11px;font-weight:650}.navbar-nav>li>a.nav-link:hover,.navbar-nav>li>a.nav-link:focus{background:var(--brand-soft);color:var(--brand)!important}.navbar .navbar-toggler{border-color:var(--line);border-radius:10px}.navbar .navbar-toggler-icon{filter:invert(.4)}.navbar .btn{margin-left:8px}.app-shell{max-width:1240px;padding:0 22px;margin:34px auto 0}.layout-grid{align-items:flex-start}.main-col,.sidebar{min-width:0}.main-col>.block{padding:0;overflow:hidden}.block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:0 0 20px;box-shadow:var(--shadow)}.page-heading{padding:26px 28px 20px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,#fff,#fbfaff)}.page-heading h1,.page-heading h2{font-size:24px;line-height:1.25;font-weight:850;letter-spacing:-.045em;margin:0;color:var(--ink)}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:14px}.page-heading .heading-kicker{display:block;color:var(--brand);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:850;margin-bottom:7px}.page-body{padding:24px 28px 28px}.heading-meta{color:var(--muted);font-size:13px;font-weight:600}.hero-panel{position:relative;overflow:hidden;padding:30px;border-radius:18px;background:linear-gradient(125deg,#201b53 0%,#5146bd 60%,#786df3 100%);color:#fff;margin-bottom:24px}.hero-panel:before{content:"";position:absolute;width:240px;height:240px;right:-75px;top:-100px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.045),0 0 0 55px rgba(255,255,255,.035)}.hero-panel>*{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#dcd8ff;margin-bottom:12px}.hero-dot{width:7px;height:7px;background:#57e0ca;border-radius:50%;box-shadow:0 0 0 4px rgba(87,224,202,.15)}.hero-panel h2{max-width:520px;font-size:clamp(25px,3vw,37px);font-weight:850;letter-spacing:-.05em;line-height:1.12;margin:0 0 12px}.hero-panel p{max-width:510px;color:rgba(255,255,255,.78);margin:0 0 22px}.hero-panel .btn{background:#fff;color:#4338a8;border:0;padding:11px 17px}.hero-panel .btn:hover{background:#f0edff;color:#302681}.hero-stats{display:flex;gap:25px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}.hero-stat strong{display:block;font-size:20px;line-height:1.2}.hero-stat span{display:block;color:rgba(255,255,255,.65);font-size:11px;margin-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}.section-title h3{font-size:16px;font-weight:850;letter-spacing:-.025em;margin:0}.section-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.topic-list{display:grid;gap:12px}.topic-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-2px);border-color:#d4d0ff;box-shadow:0 12px 28px rgba(58,51,135,.07)}.topic-avatar{width:46px;height:46px;border-radius:15px;object-fit:cover;background:var(--brand-soft);border:1px solid #e4e0ff}.avatar-fallback{display:grid;place-items:center;font-weight:850;color:var(--brand);font-size:17px}.topic-card h3{font-size:16px;line-height:1.4;font-weight:800;letter-spacing:-.025em;margin:0 0 7px;overflow-wrap:anywhere}.topic-card h3 a{color:var(--ink)}.topic-card h3 a:hover{color:var(--brand)}.topic-excerpt{color:var(--muted);font-size:13px;margin:0 0 9px;overflow-wrap:anywhere}.topic-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px}.topic-meta a{font-weight:700}.meta-dot{width:3px;height:3px;background:#c3c9d8;border-radius:50%}.category-pill,.reply-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:999px;font-size:11px;font-weight:750;padding:6px 10px}.category-pill{background:var(--brand-soft);color:var(--brand)}.reply-pill{background:#f1f4f9;color:#5c6781}.topic-card .reply-pill{margin-top:2px}.empty-state{text-align:center;padding:44px 20px;border:1px dashed #d9deeb;border-radius:16px;background:var(--surface-2)}.empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;margin:0 auto 13px;background:var(--brand-soft);color:var(--brand);font-size:22px}.empty-state h3{font-size:17px;font-weight:850;margin:0 0 6px}.empty-state p{color:var(--muted);font-size:13px;margin:0 0 16px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.stat-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.stat-card strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.04em}.stat-card span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.sidebar .block{padding:21px}.sidebar-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:850;letter-spacing:-.02em;margin:0 0 16px}.sidebar-title .title-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--brand-soft);color:var(--brand)}.sidebar-subtitle{font-size:12px;color:var(--muted);margin:-9px 0 16px}.auth-form .form-group,.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:750;color:#49536c;margin-bottom:7px}.form-control{height:auto;min-height:44px;padding:11px 13px;border:1px solid #dfe4ef;border-radius:11px;background:#fbfcff;color:var(--ink);font-size:14px;box-shadow:none;transition:border-color .18s,box-shadow .18s}.form-control:focus{border-color:#9b92ff;box-shadow:0 0 0 4px rgba(101,88,232,.12);background:#fff;outline:0}.form-control::placeholder{color:#a0a8b9}.form-control-file{font-size:12px;color:var(--muted)}textarea.form-control{min-height:150px;resize:vertical}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:800;line-height:1.4;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 15px rgba(101,88,232,.18)}.btn-primary:hover,.btn-primary:focus{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;box-shadow:0 9px 20px rgba(101,88,232,.25)}.btn-outline-secondary{border-color:var(--line);background:#fff;color:#59637a}.btn-outline-secondary:hover{border-color:#c9c4ff;background:var(--brand-soft);color:var(--brand)}.btn-block{width:100%}.auth-footnote{font-size:12px;color:var(--muted);margin:13px 0 0}.auth-footnote a{font-weight:800}.user-welcome{display:flex;align-items:center;gap:12px;padding:13px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);margin-bottom:14px}.user-avatar-small{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-weight:850}.user-welcome strong{display:block;font-size:13px}.user-welcome span{display:block;font-size:11px;color:var(--muted)}.category-list{display:grid;gap:5px}.category-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;color:#65708a;font-size:13px;font-weight:650}.category-link:hover,.category-link.active{background:var(--brand-soft);color:var(--brand)}.category-count{display:grid;place-items:center;min-width:25px;height:24px;padding:0 6px;border-radius:8px;background:#f0f2f8;color:#74809a;font-size:10px;font-weight:800}.category-link.active .category-count{background:#fff;color:var(--brand)}.search-form{display:flex;gap:8px;margin-bottom:20px}.search-form .form-control{min-width:0}.search-form .btn{flex-shrink:0}.alert{border:1px solid transparent;border-radius:12px;padding:12px 15px;font-size:13px;margin:0 0 18px}.alert-success{background:#eafaf4;color:#16765b;border-color:#c9f0e1}.alert-danger{background:#fff0f1;color:#b42338;border-color:#ffd6da}.discussion-header{padding:27px 28px 22px;background:linear-gradient(130deg,#fff,#fbfaff);border-bottom:1px solid var(--line)}.discussion-header h1{font-size:clamp(22px,3vw,30px);font-weight:850;line-height:1.2;letter-spacing:-.045em;margin:0 0 12px;overflow-wrap:anywhere}.discussion-body{padding:26px 28px}.discussion-content{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.discussion-content p{margin:0;white-space:pre-wrap}.discussion-author{display:flex;align-items:center;gap:12px;padding:13px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.discussion-author img{width:43px;height:43px;border-radius:14px;object-fit:cover}.discussion-author strong{display:block;font-size:13px}.discussion-author span{display:block;color:var(--muted);font-size:11px}.reply-list{display:grid;gap:12px;margin-top:20px}.reply-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.reply-card .discussion-author{margin:-2px 0 13px;padding:0;border:0;background:transparent}.reply-card .discussion-content{font-size:14px}.reply-form{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.reply-form h3{font-size:16px;font-weight:850;margin:0 0 15px}.form-intro{color:var(--muted);font-size:13px;margin:-7px 0 22px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer{max-width:1240px;margin:24px auto 0;padding:24px 22px 36px;color:var(--muted);font-size:12px}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px}.site-footer strong{color:var(--ink)}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:8px}.reduced-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media(min-width:992px){.sidebar{position:sticky;top:98px}}@media(max-width:991px){.app-shell{margin-top:22px}.sidebar{margin-top:8px}.sidebar .block{padding:19px}}@media(max-width:767px){body{padding-top:70px}.navbar .container{display:block}.navbar-header{display:flex;align-items:center;justify-content:space-between;min-height:68px}.navbar-collapse{border-top:1px solid var(--line);box-shadow:none}.navbar-nav{align-items:stretch;padding:10px 0}.navbar-nav>li>a.nav-link{padding:10px 12px!important}.navbar .btn{margin:7px 0}.app-shell{padding:0 13px;margin-top:16px}.block{border-radius:17px;margin-bottom:15px}.page-heading,.discussion-header{padding:22px 20px 17px}.page-heading h1,.page-heading h2{font-size:22px}.page-body,.discussion-body{padding:19px 16px 21px}.hero-panel{padding:23px 20px;border-radius:15px}.hero-panel h2{font-size:28px}.hero-stats{gap:18px}.topic-card{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px}.topic-avatar{width:38px;height:38px;border-radius:12px}.topic-card .reply-pill{grid-column:2;justify-self:start;margin-top:-2px}.topic-card h3{font-size:15px}.stats-grid{gap:7px}.stat-card{padding:12px 10px}.stat-card strong{font-size:19px}.stat-card span{font-size:10px}.sidebar .block{padding:18px}.site-footer{padding:10px 15px 28px}.site-footer-inner{align-items:flex-start;flex-direction:column}.discussion-author{align-items:flex-start}.search-form{gap:6px}.search-form .btn{padding:10px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Modern, accessible profile-image picker */
.avatar-upload-group .avatar-upload{
  position:relative;display:flex;align-items:center;gap:13px;min-height:82px;
  padding:14px 15px;border:1px dashed #cbd2e4;border-radius:14px;
  background:linear-gradient(135deg,#fbfcff,#f7f6ff);
  transition:border-color .2s,background .2s,box-shadow .2s
}
.avatar-upload-group .avatar-upload:hover,
.avatar-upload-group .avatar-upload:focus-within{
  border-color:#9389f6;background:#f8f7ff;box-shadow:0 0 0 4px rgba(101,88,232,.09)
}
.avatar-upload-group .avatar-upload input[type=file]{
  position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2
}
.avatar-upload-icon{
  display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;
  background:#eeecff;color:var(--brand);font-size:22px;font-weight:800
}
.avatar-upload-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.avatar-upload-copy strong{color:var(--ink);font-size:13px;font-weight:800}
.avatar-upload-copy span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.avatar-upload-action{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  padding:8px 11px;border:1px solid #e0dcff;border-radius:9px;background:#fff;
  color:var(--brand);font-size:12px;font-weight:800
}
.avatar-upload.has-file{border-style:solid;border-color:#b9e9dc;background:#f5fcf9}
.avatar-upload.has-file .avatar-upload-icon{background:#ddf8ee;color:#128365}
.avatar-upload.has-error{border-color:#e9a6ae;background:#fff8f8}
.avatar-upload.has-error .avatar-upload-icon{background:#ffebed;color:#b42338}
.avatar-upload-help{display:block;margin-top:8px}
.avatar-upload-error{display:block;margin-top:6px;color:#b42338;font-size:12px;font-weight:650}
.avatar-upload-error[hidden]{display:none}
@media(max-width:480px){
  .avatar-upload-group .avatar-upload{gap:10px;padding:12px}
  .avatar-upload-icon{flex-basis:36px;height:36px}
  .avatar-upload-action{padding:7px 8px;font-size:11px}
}

/* Live profile image preview */
.avatar-upload-preview{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;overflow:hidden;border-radius:14px;background:#eeecff;color:var(--brand)}
.avatar-upload-preview .avatar-upload-icon{display:grid;place-items:center;width:100%;height:100%;flex:initial}
.avatar-upload-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar-upload-preview img[hidden]{display:none}
.avatar-upload.has-file .avatar-upload-preview{background:#ddf8ee}
@media(max-width:480px){.avatar-upload-preview{flex-basis:40px;width:40px;height:40px;border-radius:12px}}