:root{
  --bg:#06070a;
  --panel:#0f1118;
  --panel2:#151823;
  --surface:rgba(17,19,28,.78);
  --surface-strong:rgba(20,22,32,.96);
  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.14);
  --text:#f7f7fb;
  --muted:#a5a7b2;
  --muted2:#686b78;
  --violet:#57483f;
  --cyan:#829085;
  --radius:14px;
  --shadow:0 32px 90px rgba(0,0,0,.48);
}

html{background:var(--bg);scroll-behavior:smooth}
body{
  min-height:100vh;
  color:var(--text);
  font-family:var(--font-main,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif);
  letter-spacing:-.012em;
  background:
    radial-gradient(circle at 18% -8%,rgba(139,92,246,.16),transparent 30rem),
    radial-gradient(circle at 92% 4%,rgba(255,73,111,.13),transparent 36rem),
    radial-gradient(circle at 66% 84%,rgba(94,234,212,.05),transparent 34rem),
    #06070a;
  background-attachment:fixed;
}
body:before{content:"";position:fixed;z-index:-2;inset:0;opacity:.32;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
body:after{content:"";position:fixed;z-index:-1;width:38rem;height:38rem;right:-16rem;top:18vh;border-radius:50%;background:rgba(255,73,111,.08);filter:blur(130px);pointer-events:none}
::selection{color:#fff;background:rgba(255,73,111,.55)}
.ambient{display:none}
.site-shell{width:100%!important;max-width:none;margin:0;padding:20px 28px 56px 300px}
.site-shell>main,.site-shell>.notice,.site-shell>.community-bar,.site-shell>.site-footer{width:min(1500px,100%);margin-right:auto;margin-left:auto}

/* Desktop app rail */
.topbar{
  position:fixed;
  z-index:2000;
  inset:20px auto 20px 20px;
  width:252px;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:16px;
  overflow:visible;
  margin:0;
  padding:16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(20,21,30,.94),rgba(10,11,16,.92));
  box-shadow:0 28px 90px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(28px) saturate(140%);
}
.topbar:before{content:"";position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 16% 0,rgba(139,92,246,.14),transparent 32%),radial-gradient(circle at 110% 78%,rgba(255,73,111,.12),transparent 34%);pointer-events:none}
.brand{min-height:68px;display:flex;align-items:center;gap:12px;padding:8px;border-bottom:1px solid var(--line)}
.brand-mark{position:relative;width:48px;height:48px;flex:none;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:#fff;font-family:var(--font-main,"Segoe UI",sans-serif);font-size:1.35rem;font-weight:850;background:linear-gradient(145deg,#ff5f7e 0,#c42b55 48%,#7c3aed 100%);box-shadow:0 12px 30px rgba(222,48,89,.3),inset 0 1px 0 rgba(255,255,255,.34)}
.brand-mark:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(255,73,111,.16);border-radius:20px}
.brand b{font-size:.95rem;font-weight:820;letter-spacing:.14em}.brand small{margin-top:2px;color:#777b8c;font-size:.57rem;letter-spacing:.13em}
.topnav{min-height:0;width:100%;display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;overflow-y:auto;padding:2px 0;scrollbar-width:none}
.topnav::-webkit-scrollbar{display:none}
.topnav a{position:relative;min-height:42px;display:flex;justify-content:flex-start;padding:10px 13px 10px 38px;border:1px solid transparent;border-radius:13px;color:#9699a7;font-size:.78rem;font-weight:720;transition:.2s ease}
.topnav a:before{content:"";position:absolute;left:15px;top:50%;width:7px;height:7px;border:1px solid #5d606d;border-radius:50%;transform:translateY(-50%);transition:.2s ease}
.topnav a:hover{color:#fff;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.045);transform:translateX(2px)}
.topnav a:hover:before{border-color:#ff7d98;background:rgba(255,73,111,.25)}
.topnav a.active{color:#fff;border-color:rgba(255,255,255,.09);background:linear-gradient(100deg,rgba(255,73,111,.18),rgba(139,92,246,.09));box-shadow:inset 3px 0 0 var(--red),0 10px 28px rgba(0,0,0,.14)}
.topnav a.active:after{display:none}.topnav a.active:before{border-color:var(--red);background:var(--red);box-shadow:0 0 14px var(--red)}
.account-area{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.account-menu{min-width:0}.account-chip{width:100%;min-height:48px;padding:6px;border-color:rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)}
.account-chip>span{min-width:0}.account-chip b,.account-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip b{font-size:.73rem}.account-chip small{font-size:.54rem}
.account-avatar{width:36px;height:36px;border-radius:11px;background-color:#20222c}.account-avatar-letter{color:var(--gold);background:linear-gradient(145deg,rgba(255,201,107,.16),rgba(139,92,246,.12))}
.notification-trigger{width:48px;height:48px;border-color:rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)}
.account-popover,.notification-popover{top:auto;right:auto;bottom:0;left:calc(100% + 14px);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(14,16,23,.98);box-shadow:0 34px 100px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(30px) saturate(140%)}
.notification-popover{width:min(420px,calc(100vw - 330px))}.account-popover{width:min(390px,calc(100vw - 330px))}
.account-popover:before,.notification-popover:before{background:linear-gradient(90deg,var(--red),var(--violet),transparent)}
.account-popover-head{padding:20px}.account-popover-head .account-avatar{width:54px;height:54px;border-radius:17px}
.account-stats{background:rgba(255,255,255,.018)}.account-stats span{padding:15px 10px}.account-stats b{font-size:1rem}.account-links{gap:6px;padding:14px}.account-links a{padding:11px 12px;border-radius:12px}.account-links a:hover{background:rgba(255,255,255,.06)}

/* Secondary command bar */
.community-bar{position:sticky;z-index:1200;top:14px;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 20px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(11,12,18,.78);box-shadow:0 18px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(24px) saturate(135%)}
.community-bar:before{content:"LIVE";padding:5px 9px;border:1px solid rgba(94,234,212,.18);border-radius:999px;color:var(--cyan);font:800 .55rem/1 var(--font-mono,"Courier New",monospace);letter-spacing:.15em;background:rgba(94,234,212,.06)}
.community-bar-links{display:flex;align-items:center;gap:4px;margin-right:auto}.community-bar-links a{min-height:38px;display:flex;align-items:center;padding:8px 12px;border-radius:11px;color:#868996;font-size:.73rem;text-decoration:none;transition:.18s ease}
.community-bar-links a:hover,.community-bar-links a.active{color:#fff;background:rgba(255,255,255,.055)}.community-bar-links a.active:after{display:none}
.community-search{width:min(310px,30vw);border-color:rgba(255,255,255,.09);border-radius:13px;background:#0a0b10}.community-search input{min-height:39px;padding-inline:13px}.community-search button{min-height:39px;width:42px;color:#d3d5de;font-size:1rem}

/* Shared surfaces */
.eyebrow{color:#ff7995;font:800 .62rem/1.4 var(--font-mono,"Cascadia Mono","Courier New",monospace);letter-spacing:.19em}
.panel,.page-heading,.story-lead,.community-note,.factions-section,.content-block,.biography-card,.forum-node-list,.thread-list{border:1px solid rgba(255,255,255,.085)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(18,20,29,.9),rgba(11,12,18,.88))!important;box-shadow:0 22px 65px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035)!important}
.story-lead:before,.panel:before{display:none!important}.panel{overflow:hidden}
.primary-link,.primary-button,.save-button{min-height:46px;padding:11px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;font-weight:780;background:linear-gradient(115deg,#ff5275 0,#d92f5a 52%,#8b5cf6 120%);box-shadow:0 13px 32px rgba(220,47,90,.26),inset 0 1px 0 rgba(255,255,255,.24)}
.quiet-link,.quiet-button{min-height:44px;padding:10px 15px;border-color:rgba(255,255,255,.1);border-radius:14px;color:#dadbe2;background:rgba(255,255,255,.04)}
button,.primary-link,.quiet-link{transition:transform .2s ease,filter .2s ease,border-color .2s ease,background .2s ease}
button:hover,.primary-link:hover,.quiet-link:hover{filter:brightness(1.08);transform:translateY(-2px)}
input,select,textarea{border-color:rgba(255,255,255,.1)!important;border-radius:13px!important;color:#fff!important;background:rgba(4,5,9,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
input:focus,select:focus,textarea:focus{border-color:rgba(255,73,111,.62)!important;box-shadow:0 0 0 4px rgba(255,73,111,.1)!important;outline:0}

/* Hero */
.home-hero{position:relative;isolation:isolate;min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;overflow:hidden;padding:clamp(54px,7vw,104px);border:1px solid rgba(255,255,255,.1);border-radius:40px;background:radial-gradient(circle at 88% 20%,rgba(139,92,246,.24),transparent 25rem),radial-gradient(circle at 2% 100%,rgba(255,73,111,.2),transparent 32rem),linear-gradient(125deg,rgba(19,17,29,.98),rgba(8,10,15,.96) 58%,rgba(12,9,18,.98));box-shadow:0 38px 120px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
.home-hero:before{content:"CASSINI / NETWORK";position:absolute;right:42px;bottom:28px;color:rgba(255,255,255,.055);font:800 .64rem/1 var(--font-mono,"Courier New",monospace);letter-spacing:.3em}
.home-hero:after{content:"";position:absolute;z-index:-1;width:530px;height:530px;right:-130px;top:-170px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}
.hero-copy{z-index:2}.hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,73,111,.18);border-radius:999px;background:rgba(255,73,111,.07)}
.hero-copy>.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red)}
.hero-copy h1{max-width:980px;margin:24px 0 22px;font-family:var(--font-main,"Segoe UI Variable Display","Segoe UI",sans-serif);font-size:clamp(4.1rem,7.7vw,8rem);font-weight:760;line-height:.86;letter-spacing:-.085em;text-wrap:balance;text-shadow:none}
.hero-copy h1 i{font-style:normal;font-weight:760;background:linear-gradient(100deg,#ff5377 0,#ff8b86 45%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{max-width:760px;color:#b9bbc6;font-size:1.08rem;line-height:1.75}.hero-actions{gap:12px;margin-top:32px}
.cassini-sigil{position:relative;z-index:2;width:320px;height:320px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.12),transparent 14%),radial-gradient(circle,rgba(139,92,246,.19),rgba(255,73,111,.08) 45%,rgba(7,8,12,.7) 67%);box-shadow:0 38px 90px rgba(0,0,0,.48),inset 0 0 90px rgba(139,92,246,.12),0 0 80px rgba(139,92,246,.12);transform:none}
.cassini-sigil:before,.cassini-sigil:after{border-radius:50%;border-color:rgba(255,255,255,.12)}.cassini-sigil:before{inset:-18px;border-style:dashed;animation:orbit 30s linear infinite}.cassini-sigil:after{inset:30px;border-color:rgba(255,73,111,.2)}
.cassini-sigil>span{font-family:var(--font-main,"Segoe UI",sans-serif);font-size:8.5rem;font-weight:760;letter-spacing:-.11em;background:linear-gradient(145deg,#fff,#ff728f 55%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 18px 30px rgba(255,73,111,.2))}
.cassini-sigil>b{right:16px;top:28px;bottom:auto;width:54px;height:54px;border:1px solid rgba(94,234,212,.3);border-radius:50%;color:var(--cyan);background:rgba(8,12,16,.74);box-shadow:0 0 28px rgba(94,234,212,.14);transform:none}
.cassini-sigil>small{bottom:52px;color:#c9cad3;font-size:.57rem;letter-spacing:.22em}
@keyframes orbit{to{transform:rotate(360deg)}}

/* Home bento system */
.module-strip{grid-template-columns:220px 1fr;gap:22px;margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:26px;background:rgba(10,11,16,.58);box-shadow:none}.module-strip h2{font-size:1.55rem;letter-spacing:-.045em}
.module-cards{gap:12px}.module-card{min-height:76px;padding:13px;border-color:rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.module-card>span{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#ff5275,#7c3aed);box-shadow:0 12px 28px rgba(177,36,84,.22)}.module-card:hover:not(.locked){border-color:rgba(255,73,111,.35);background:rgba(255,255,255,.065);transform:translateY(-3px)}
.story-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px;margin:20px 0}.story-lead,.community-note{min-height:330px;padding:clamp(34px,4vw,54px)}
.story-lead{background:linear-gradient(145deg,rgba(22,24,35,.96),rgba(10,11,16,.94))!important}.story-lead h2{max-width:850px;font-size:clamp(2.7rem,5vw,5rem);font-weight:740;line-height:.94;letter-spacing:-.065em}.story-body{color:#afb1bb;line-height:1.8}
.community-note{background:radial-gradient(circle at 100% 0,rgba(139,92,246,.25),transparent 45%),radial-gradient(circle at 0 100%,rgba(255,73,111,.18),transparent 40%),#11131b!important}.community-note:after{content:"↗";position:absolute;right:26px;top:22px;color:rgba(255,255,255,.2);font-size:2.2rem}.community-note strong{font-family:var(--font-main,"Segoe UI",sans-serif);font-size:clamp(1.6rem,2.8vw,2.55rem);font-weight:680;line-height:1.08;letter-spacing:-.05em}.community-note a{color:#fff;font-weight:750}
.factions-section{margin-top:20px;padding:clamp(28px,4vw,50px);background:rgba(10,11,16,.7)!important}.section-title h2{font-size:clamp(2.5rem,4.5vw,4.6rem);font-weight:740;line-height:.95;letter-spacing:-.065em}.section-title p{max-width:460px;color:#9396a2;line-height:1.65}
.faction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.faction-card{min-height:340px;padding:24px;border-color:rgba(255,255,255,.11);border-radius:22px;filter:saturate(.84);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease,border-color .35s ease}.faction-card:before{background:linear-gradient(180deg,rgba(6,7,10,.05),rgba(6,7,10,.96) 88%)}.faction-card:after{right:24px;bottom:16px;left:24px;width:auto;height:2px;border-radius:2px}.faction-card:hover{z-index:2;border-color:rgba(255,255,255,.26);filter:saturate(1.08);transform:translateY(-8px) scale(1.015)}.faction-card h3{font-size:1.45rem;letter-spacing:-.035em}.faction-card p{color:#afb1ba}
.home-blocks{display:grid;gap:20px;margin-top:20px}.content-block{overflow:hidden!important}.content-block .block-copy h2{font-size:clamp(2.5rem,5vw,5rem);font-weight:740;line-height:.95;letter-spacing:-.065em}

/* Catalogue and editorial pages */
.content-hero,.page-heading,.forum-welcome{position:relative;overflow:hidden;margin:0 0 20px;padding:clamp(42px,6vw,82px);border:1px solid rgba(255,255,255,.09)!important;border-radius:34px!important;background:radial-gradient(circle at 92% 10%,rgba(139,92,246,.2),transparent 28rem),radial-gradient(circle at 0 110%,rgba(255,73,111,.16),transparent 30rem),linear-gradient(135deg,#151522,#090a0f 65%)!important;box-shadow:0 30px 90px rgba(0,0,0,.38)!important}
.content-hero:after,.page-heading:after,.forum-welcome:after{content:"C";position:absolute;right:4%;top:50%;color:rgba(255,255,255,.04);font-size:clamp(10rem,20vw,20rem);font-weight:850;line-height:.7;transform:translateY(-50%);pointer-events:none}
.content-hero h1,.page-heading h1,.forum-welcome h1{position:relative;z-index:1;max-width:1000px;margin:12px 0 18px;font-size:clamp(3.8rem,7vw,7rem);font-weight:760;line-height:.88;letter-spacing:-.08em}.content-hero p,.page-heading p,.forum-welcome p{position:relative;z-index:1;max-width:780px;color:#adafba;font-size:1.02rem;line-height:1.72}
.biography-hero-actions,.page-heading-actions{position:relative;z-index:2;gap:10px}
.biography-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.biography-card{position:relative;overflow:hidden;min-width:0;border-radius:26px!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease}.biography-card:hover{border-color:rgba(255,73,111,.28)!important;transform:translateY(-7px)}
.biography-card-image{height:310px;background-position:center top;filter:saturate(.9);transition:transform .5s ease,filter .4s ease}.biography-card:hover .biography-card-image{filter:saturate(1.08);transform:scale(1.025)}.biography-card-copy{padding:24px}.biography-card-copy h2{font-size:1.55rem;letter-spacing:-.045em}.biography-card-copy p{color:#a9abb4;line-height:1.65}.biography-card-copy>div:last-child{margin-top:18px;padding-top:15px;border-top-color:rgba(255,255,255,.08)}
.biography-page{border-radius:34px!important}.dossier-cover{min-height:460px}.dossier-masthead{padding:clamp(38px,6vw,76px);background:linear-gradient(135deg,rgba(20,21,30,.98),rgba(10,11,16,.96))}.dossier-masthead h1{font-size:clamp(4rem,8vw,8rem);font-weight:760;letter-spacing:-.085em}.dossier-record-layout{gap:24px;padding:24px}.dossier-subject-card,.report-section{border-radius:22px!important}.report-section{padding:clamp(26px,4vw,48px)!important}

/* Forum, lists and profiles */
.forum-shell{padding-top:0}.forum-welcome{min-height:300px;display:flex;align-items:flex-end;padding:clamp(40px,6vw,72px)}.forum-welcome>div{position:relative;z-index:1}.forum-main{gap:18px}.forum-node-list,.thread-list{overflow:hidden}.forum-node-list>header{padding:16px 20px;background:rgba(255,255,255,.035)}.forum-node-list>article{padding:20px;border-color:rgba(255,255,255,.065);transition:background .18s ease,transform .18s ease}.forum-node-list>article:hover{background:rgba(255,255,255,.035);transform:translateX(3px)}.forum-node-list>article:before{display:none}.forum-category-icon{border-radius:15px;background:linear-gradient(145deg,#ff5275,#7c3aed);box-shadow:0 12px 28px rgba(190,35,83,.2)}
.thread-row{padding:18px 20px}.thread-row:hover{background:rgba(255,255,255,.03)}.thread-heading{border-left:0!important;border-radius:24px!important}.thread-post{border-radius:22px!important}.thread-post>aside{background:rgba(255,255,255,.025)}.thread-post>div>header{background:rgba(255,255,255,.018)}
.xf-profile{border-radius:30px}.xf-profile-cover{min-height:300px}.xf-avatar,.latest-avatar,.online-avatar,.member-list-avatar,.mini-avatar,.wall-avatar,.comment-avatar,.activity-avatar,.post-avatar{border-radius:16px}.xf-tabs{border-radius:18px;background:#11131a}.profile-page,.communication-head,.message-compose,.admin-grid>.panel{border-radius:28px!important}
.message-card{border-radius:20px!important}.editor-form label{color:#c7c9d1}.editor-fields{gap:13px}.table-wrap{border-radius:18px}
.auth-stage{min-height:calc(100vh - 120px);grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:20px}.auth-copy{padding:clamp(44px,8vw,100px)}.auth-copy h1{font-size:clamp(4rem,8vw,8rem);font-weight:760;line-height:.85;letter-spacing:-.08em}.auth-panel{border-radius:30px!important}.auth-panel h2{font-size:2.7rem;letter-spacing:-.05em}
.site-footer{margin-top:24px;padding:24px 4px;border-top:1px solid rgba(255,255,255,.06);color:#606370;font:700 .61rem/1.4 var(--font-mono,"Courier New",monospace);letter-spacing:.08em;text-transform:uppercase}
.bad,.ok{border-radius:16px}

@media(max-width:1320px){
  .site-shell{padding-left:274px}.topbar{width:226px}.topnav a{padding-left:34px}.brand b{font-size:.85rem}.brand small{display:none}
  .home-hero{grid-template-columns:minmax(0,1fr) 280px;gap:40px}.cassini-sigil{width:270px;height:270px}.cassini-sigil>span{font-size:7rem}
  .biography-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1060px){
  .site-shell{padding:14px 18px 48px}
  .topbar{position:relative;inset:auto;width:100%;min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;margin:0 auto 12px;padding:10px 12px;border-radius:20px}
  .brand{min-height:0;padding:0 12px 0 0;border:0;border-right:1px solid var(--line)}.brand-mark{width:44px;height:44px;border-radius:14px}
  .topnav{width:auto;min-height:46px;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden}.topnav a{min-height:40px;flex:none;padding:9px 12px}.topnav a:before{display:none}.topnav a:hover{transform:none}.topnav a.active{box-shadow:inset 0 -2px 0 var(--red)}
  .account-area{width:auto;display:flex;margin:0;padding:0;border:0}.account-chip{width:auto}.account-popover,.notification-popover{top:calc(100% + 12px);right:0;bottom:auto;left:auto;width:min(400px,calc(100vw - 36px))}
  .community-bar{top:8px}.home-hero{min-height:560px}.hero-copy h1{font-size:clamp(4rem,9vw,7rem)}
}

@media(max-width:800px){
  .site-shell{padding:10px 10px 40px}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px}.brand{margin-right:auto;padding:0;border:0}.brand>span:last-child{display:none}.account-area{width:auto}.account-chip>span{display:none}
  .topnav{order:3;width:100%;padding-top:8px;border-top:1px solid var(--line)}.topnav a{font-size:.76rem}
  .community-bar{position:relative;top:auto;align-items:stretch;flex-wrap:wrap;margin-bottom:12px;padding:10px}.community-bar:before{align-self:center}.community-bar-links{max-width:calc(100% - 58px);overflow-x:auto}.community-search{width:100%}
  .home-hero{min-height:560px;grid-template-columns:1fr;padding:48px 28px;border-radius:28px}.home-hero:after{right:-280px}.hero-copy h1{font-size:clamp(3.5rem,15vw,6rem)}.cassini-sigil{display:none}
  .module-strip,.story-grid{grid-template-columns:1fr}.story-lead,.community-note{min-height:auto}.faction-grid,.biography-grid{grid-template-columns:1fr}.faction-card{min-height:300px}
  .content-hero,.page-heading,.forum-welcome{padding:42px 28px;border-radius:28px!important}.content-hero h1,.page-heading h1,.forum-welcome h1{font-size:clamp(3.2rem,13vw,5.5rem)}.content-hero:after,.page-heading:after,.forum-welcome:after{right:-30%;opacity:.7}
  .page-heading{align-items:flex-start;flex-direction:column}.page-heading-actions,.biography-hero-actions{width:100%;align-items:stretch;flex-direction:column}.page-heading-actions>*,.biography-hero-actions>*{width:100%;text-align:center}
  .dossier-record-layout{grid-template-columns:1fr;padding:12px}.dossier-subject-card{position:relative;top:auto}.auth-stage{grid-template-columns:1fr}.auth-copy{padding:48px 16px}.auth-copy h1{font-size:clamp(3.5rem,16vw,6rem)}
}

/* Cassini Crime Family — restrained, archival, non-neon visual language. */
body{
  background:
    radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--red) 14%,transparent),transparent 31rem),
    radial-gradient(circle at 92% 0,color-mix(in srgb,var(--gold) 7%,transparent),transparent 34rem),
    linear-gradient(180deg,#08080a 0,#0b0b0e 48%,#070709 100%);
}
body:before{opacity:.2;background-image:linear-gradient(rgba(196,161,94,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(196,161,94,.018) 1px,transparent 1px);background-size:56px 56px}
body:after{right:-20rem;top:28vh;background:color-mix(in srgb,var(--red) 10%,transparent);filter:blur(150px)}
::selection{color:#fff;background:color-mix(in srgb,var(--red) 74%,#111)}
.topbar{border-color:rgba(196,161,94,.14);border-radius:16px;background:linear-gradient(180deg,rgba(18,17,18,.97),rgba(10,10,12,.95));box-shadow:0 20px 64px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)}
.topbar:before{background:linear-gradient(90deg,color-mix(in srgb,var(--red) 9%,transparent),transparent 34%,color-mix(in srgb,var(--gold) 5%,transparent))}
.brand-mark{border-color:color-mix(in srgb,var(--gold) 28%,transparent);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--red) 82%,#1a1113),var(--red2));box-shadow:0 10px 24px color-mix(in srgb,var(--red) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.16)}
.brand-mark:after{border-color:color-mix(in srgb,var(--gold) 14%,transparent);border-radius:13px}.brand b{font-family:Georgia,"Times New Roman",serif;letter-spacing:.09em}.brand small{color:#817b77}
.topnav a{border-radius:8px;color:#aaa4a2;font-weight:680}.topnav a:hover{border-color:rgba(196,161,94,.1);background:rgba(196,161,94,.045)}
.topnav a.active{background:linear-gradient(100deg,color-mix(in srgb,var(--red) 20%,transparent),color-mix(in srgb,var(--gold) 5%,transparent));box-shadow:inset 0 -2px 0 var(--gold),0 8px 20px rgba(0,0,0,.16)}
.account-chip,.notification-trigger,.command-trigger{border-color:rgba(196,161,94,.12);border-radius:10px;background:#121214}
.account-chip:hover,.account-menu[open]>.account-chip,.notification-trigger:hover,.notification-menu[open]>.notification-trigger,.command-trigger:hover,.command-menu[open]>.command-trigger{border-color:color-mix(in srgb,var(--gold) 46%,transparent);background:#191719}
.account-avatar-letter{background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 14%,transparent),color-mix(in srgb,var(--red) 13%,transparent))}
.account-popover,.notification-popover,.command-popover{border-color:rgba(196,161,94,.2);border-radius:14px;background:rgba(15,14,16,.985);box-shadow:0 28px 90px rgba(0,0,0,.76),inset 0 1px 0 rgba(255,255,255,.04)}
.account-popover:before,.notification-popover:before,.command-popover:before{background:linear-gradient(90deg,transparent,var(--gold),color-mix(in srgb,var(--red) 70%,transparent),transparent)}
.community-bar{border-color:rgba(196,161,94,.11);border-radius:12px;background:rgba(11,11,13,.87);box-shadow:0 14px 38px rgba(0,0,0,.28)}
.community-bar:before{border-color:rgba(130,144,133,.22);color:#97a397;background:rgba(130,144,133,.06)}
.community-bar-links a{border-radius:7px;color:#8e8987}.community-bar-links a:hover,.community-bar-links a.active{background:rgba(196,161,94,.055)}
.community-search{border-radius:8px;background:#0b0b0d}
.eyebrow{color:var(--gold);letter-spacing:.14em}
.panel,.page-heading,.story-lead,.community-note,.factions-section,.content-block,.biography-card,.forum-node-list,.thread-list{border-color:rgba(196,161,94,.115)!important;border-radius:var(--radius)!important;background:linear-gradient(145deg,rgba(20,19,21,.94),rgba(11,11,13,.94))!important;box-shadow:0 18px 52px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.026)!important}
.primary-link,.primary-button,.save-button{border-color:color-mix(in srgb,var(--gold) 34%,transparent);border-radius:9px;background:linear-gradient(115deg,color-mix(in srgb,var(--red) 92%,#171014),var(--red2));box-shadow:0 10px 26px color-mix(in srgb,var(--red) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.13)}
.quiet-link,.quiet-button{border-radius:9px;background:rgba(196,161,94,.035)}
input,select,textarea{border-radius:8px!important;background:rgba(5,5,7,.7)!important}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--gold) 64%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 10%,transparent)!important}
.home-hero{min-height:560px;border-color:rgba(196,161,94,.15);border-radius:18px;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 24rem),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--red) 16%,transparent),transparent 30rem),linear-gradient(125deg,#171316,#0b0b0d 62%,#100c0e);box-shadow:0 30px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.035)}
.home-hero:before{content:"CASSINI / FAMILY RECORDS";color:rgba(196,161,94,.12)}
.home-hero:after{border-color:rgba(196,161,94,.11);box-shadow:0 0 0 80px rgba(196,161,94,.018),0 0 0 160px rgba(196,161,94,.01)}
.hero-copy>.eyebrow{border-color:color-mix(in srgb,var(--gold) 24%,transparent);background:color-mix(in srgb,var(--gold) 5%,transparent)}.hero-copy>.eyebrow:before{background:var(--gold);box-shadow:0 0 12px color-mix(in srgb,var(--gold) 52%,transparent)}
.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.055em}.hero-copy h1 i{font-family:inherit;font-weight:700;background:linear-gradient(100deg,#eee6dc,var(--gold));-webkit-background-clip:text;background-clip:text}.hero-copy p{color:#bcb4b0}
.cassini-sigil{border-color:rgba(196,161,94,.22);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.08),transparent 14%),radial-gradient(circle,color-mix(in srgb,var(--red) 18%,transparent),color-mix(in srgb,var(--gold) 6%,transparent) 48%,rgba(7,7,9,.82) 68%);box-shadow:0 34px 80px rgba(0,0,0,.52),inset 0 0 80px color-mix(in srgb,var(--red) 11%,transparent)}
.cassini-sigil:after{border-color:color-mix(in srgb,var(--gold) 22%,transparent)}.cassini-sigil>span{font-family:Georgia,"Times New Roman",serif;font-weight:700;background:linear-gradient(145deg,#f1eadf,var(--gold) 62%,#7d6036);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 16px 28px rgba(0,0,0,.45))}.cassini-sigil>b{border-color:rgba(196,161,94,.3);color:var(--gold);background:#100f11;box-shadow:none}
.module-strip{border-color:rgba(196,161,94,.1);border-radius:14px;background:rgba(10,10,12,.66)}.module-card{border-radius:11px}.module-card>span,.forum-category-icon{border:1px solid rgba(196,161,94,.24);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--red) 78%,#171014),var(--red2));box-shadow:0 10px 24px rgba(0,0,0,.28)}.module-card:hover:not(.locked),.biography-card:hover{border-color:color-mix(in srgb,var(--gold) 27%,transparent)!important}
.community-note{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--gold) 9%,transparent),transparent 45%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--red) 13%,transparent),transparent 40%),#111012!important}
.content-hero,.page-heading,.forum-welcome{border-color:rgba(196,161,94,.14)!important;border-radius:18px!important;background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--gold) 7%,transparent),transparent 28rem),radial-gradient(circle at 0 110%,color-mix(in srgb,var(--red) 13%,transparent),transparent 30rem),linear-gradient(135deg,#181417,#0a0a0c 65%)!important}
.content-hero:after,.page-heading:after,.forum-welcome:after{color:rgba(196,161,94,.045);font-family:Georgia,"Times New Roman",serif}.content-hero h1,.page-heading h1,.forum-welcome h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.055em}
.biography-card,.biography-page,.dossier-subject-card,.report-section,.xf-profile,.profile-page,.communication-head,.message-compose,.admin-grid>.panel{border-radius:var(--radius)!important}
.dossier-masthead{background:linear-gradient(135deg,#181517,#0c0c0e)}.dossier-masthead h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.06em}.report-section>header>span{border-color:color-mix(in srgb,var(--gold) 38%,transparent);color:var(--gold);background:color-mix(in srgb,var(--gold) 5%,transparent)}.history-section .biography-rich h2:before{background:linear-gradient(var(--gold),var(--red))}
.site-footer{border-color:rgba(196,161,94,.1);color:#756e69}

/* Quick operations: useful actions without adding another long navigation row. */
.command-menu{position:relative;flex:none}.command-menu>summary{list-style:none}.command-menu>summary::-webkit-details-marker{display:none}
.command-trigger{width:48px;height:48px;display:grid;place-items:center;padding:0;color:var(--gold);cursor:pointer;transition:.18s ease}.command-trigger span{display:block;font:500 1.45rem/1 var(--font-main);transform:translateY(-1px)}
.command-popover{position:absolute;z-index:2200;top:calc(100% + 12px);right:0;width:min(430px,calc(100vw - 36px));overflow:hidden}.command-popover:before{content:"";position:absolute;inset:0 0 auto;height:1px}
.command-popover>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line)}.command-popover>header>span{display:flex;flex-direction:column;gap:3px}.command-popover header small{color:var(--gold);font:700 .58rem/1.2 var(--font-mono);letter-spacing:.13em}.command-popover header b{font-size:.92rem}.command-popover kbd{padding:5px 7px;border:1px solid rgba(196,161,94,.18);border-bottom-color:rgba(196,161,94,.32);border-radius:6px;color:#8f8883;font:600 .62rem/1 var(--font-mono);background:#0a0a0c}
.command-popover nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.command-popover nav a{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:14px;color:#e6dfdb;text-decoration:none;background:#100f11;transition:.16s ease}.command-popover nav a:hover{background:color-mix(in srgb,var(--gold) 6%,#111)}.command-popover nav i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(196,161,94,.2);border-radius:7px;color:var(--gold);font:700 .58rem/1 var(--font-mono);font-style:normal}.command-popover nav span{display:flex;min-width:0;flex-direction:column;gap:3px}.command-popover nav b{font-size:.74rem}.command-popover nav small{overflow:hidden;color:#817b77;font-size:.61rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:800px){.command-popover{position:fixed;top:72px;right:10px;left:10px;width:auto}.command-trigger{width:44px;height:44px}}
@media(max-width:520px){.command-popover nav{grid-template-columns:1fr}.command-popover nav small{white-space:normal}}

@media(max-width:520px){
  .topbar{border-radius:18px}.notification-trigger{width:44px;height:44px}.account-chip{min-height:44px}.account-popover,.notification-popover{position:fixed;top:72px;right:10px;left:10px;width:auto}
  .community-bar-links a{padding-inline:10px}.home-hero{min-height:520px;padding:38px 22px}.hero-copy h1{font-size:clamp(3.2rem,16vw,4.7rem)}.hero-copy p{font-size:.95rem}.hero-actions>*{width:100%}
  .module-cards{grid-template-columns:1fr}.story-lead,.community-note,.factions-section,.panel,.page-heading{padding:22px}.section-title{align-items:flex-start;flex-direction:column}.section-title h2{font-size:2.65rem}.biography-card-image{height:330px}.site-footer{align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Cassini is a community site, not a dashboard: keep the navigation on top. */
.site-shell{padding:14px 28px 56px}
.topbar{
  position:sticky;
  inset:auto;
  top:14px;
  width:min(1500px,100%);
  min-height:76px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin:0 auto 12px;
  padding:11px 14px;
  border-radius:22px;
}
.topbar:before{background:radial-gradient(circle at 4% 0,rgba(139,92,246,.13),transparent 22rem),radial-gradient(circle at 88% 140%,rgba(255,73,111,.12),transparent 24rem)}
.brand{min-height:0;padding:0 18px 0 0;border:0;border-right:1px solid var(--line)}
.brand-mark{width:46px;height:46px;border-radius:15px}.brand b{font-size:.9rem}.brand small{display:block}
.topnav{width:auto;min-height:46px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:3px;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none}
.topnav a{min-height:42px;flex:none;justify-content:center;padding:9px 11px;border-radius:12px;font-size:.76rem}
.topnav a:before{display:none}.topnav a:hover{transform:translateY(-1px)}
.topnav a.active{box-shadow:inset 0 -2px 0 var(--red),0 9px 24px rgba(0,0,0,.12)}
.account-area{width:auto;display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0}.account-chip{width:auto}.notification-trigger{width:48px}
.account-popover,.notification-popover{top:calc(100% + 12px);right:0;bottom:auto;left:auto;width:min(410px,calc(100vw - 36px))}
.community-bar{position:relative;top:auto}

@media(max-width:800px){
  .site-shell{padding:10px 10px 40px}
  .topbar{position:relative;top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px;border-radius:18px}
  .brand{margin-right:auto;padding:0;border:0}.brand>span:last-child{display:none}
  .account-area{width:auto}.account-chip>span{display:none}
  .topnav{order:3;width:100%;padding-top:8px;border-top:1px solid var(--line)}
}

/* Final shell pass: the community layout stays horizontal without reviving neon accents. */
.topbar{border-radius:16px;background:linear-gradient(180deg,rgba(18,17,18,.97),rgba(10,10,12,.95))}
.topbar:before{background:linear-gradient(90deg,color-mix(in srgb,var(--red) 9%,transparent),transparent 38%,color-mix(in srgb,var(--gold) 5%,transparent))}
.brand-mark{border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--red) 82%,#1a1113),var(--red2))}
.topnav a{border-radius:8px}.topnav a.active{box-shadow:inset 0 -2px 0 var(--gold),0 8px 20px rgba(0,0,0,.16)}
.account-popover,.notification-popover,.command-popover{top:calc(100% + 12px);right:0;bottom:auto;left:auto}
.home-hero{min-height:500px;grid-template-columns:minmax(0,1fr) 280px;gap:42px;background:#0d0d0f!important}
.home-hero:after{content:none!important;display:none!important}
.home-hero.cms-live-region{padding:clamp(38px,5vw,68px)}
.home-hero.cms-live-region h1{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(44px,var(--cms-title-size,64px),68px)!important;font-weight:700!important;line-height:.98!important;letter-spacing:-.045em!important}
.cassini-sigil{width:260px;height:260px}.cassini-sigil>span{font-size:7.4rem}
@media(max-width:800px){.topbar{border-radius:13px}.command-popover{position:fixed;top:72px;right:10px;left:10px;width:auto}}