/* Synapse V2. Shared semantic tokens; paper surfaces retain long-form readability.
   No external assets, fonts, analytics or inference connections. */
:root{--bg:#110D20;--card:#1A122C;--ink:#F7F2FF;--muted:#C3B1D0;--border:#563E65;--violet-bright:#C397E8;--violet-tint:#30203F;--danger:#F5A4B1;--paper:#F9F8FB;--paper-ink:#23182F;--paper-muted:#65596B;--paper-border:#D9CFDE;--field:#21172F;--scrollbar-track:#1A122C;--scrollbar-thumb:#9A7BAD;--scrollbar-hover:#C397E8;--scrollbar-active:#E2C8F5;--orange:#F89A39;--violet:#612163;--dark:#110D20;--dark-2:#22132F;--shadow:none;--radius:18px;--neural:#BA91E7}
.sidebar { background:linear-gradient(155deg,#110D20 5%,#241036 67%,#351744 100%); position:sticky;isolation:isolate; overflow:hidden; }
.sidebar::before { content:''; pointer-events:none; position:absolute;inset:0;z-index:-1;background:url('/static/visual/synapse-orbit.svg') center 74%/390px no-repeat;opacity:.21; }
.brand-wrap{margin-bottom:46px} .product-name{letter-spacing:1.9px;font-weight:800} .product-name b{color:#FFAD5F}
.nav-link{border:1px solid transparent; transition:background .2s, border-color .2s}
.nav-link.active{background:linear-gradient(90deg,rgba(248,154,57,.19),rgba(133,61,152,.1));border-color:rgba(248,154,57,.16);border-left:3px solid var(--orange)}
.nav-link:hover{border-color:rgba(221,185,255,.17)}
.topbar{background:rgba(255,255,255,.86);backdrop-filter:blur(14px)}
.topbar-context{font-size:11px;letter-spacing:2.5px}
.card{border-radius:19px;box-shadow:0 18px 47px rgba(37,17,57,.055)}
.card:hover{border-color:#DED0E5}
.button-primary{background:linear-gradient(110deg,#FFC17C,#F89A39);color:#2B162E;box-shadow:0 9px 20px rgba(248,154,57,.19)}
.button-secondary{background:linear-gradient(115deg,#612163,#7D378C);color:#fff}
.interview-card{border-radius:17px;box-shadow:0 12px 25px rgba(32,18,43,.035)}
.workflow span{border:1px solid #E4D6E7;background:#F6F0F8;border-radius:100px;color:#4B2B58;padding:9px 15px}
.workflow b{display:inline-grid;place-items:center;width:24px;height:24px;background:#F1DBF4;border-radius:100px;font-size:11px}
.heading-stat strong{color:#602A77}
/* Distinctive but subtle new hero; data-grounded actions only */
.synapse-hero{position:relative;isolation:isolate;min-height:250px;border:1px solid rgba(183,135,221,.26);border-radius:24px;overflow:hidden;background:#140C23 url('/static/visual/wusla-synapse.webp') center/cover no-repeat;color:#fff;margin-bottom:30px;box-shadow:0 26px 55px rgba(29,12,45,.16)}
.synapse-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,9,28,.96) 0%,rgba(17,10,31,.88) 39%,rgba(19,11,33,.04) 100%)}
.synapse-hero-content{position:relative;max-width:630px;padding:36px clamp(24px,3.5vw,54px)}
.synapse-overline{font-size:11px;letter-spacing:3px;font-weight:800;color:#FBB26F;text-transform:uppercase}
.synapse-hero h2{font-size:clamp(32px,3.3vw,52px);line-height:1.01;letter-spacing:-1px;margin:15px 0 15px;font-weight:850}
.synapse-hero h2 span{color:#FBAF64}
.synapse-hero p{color:#DDD1E9;max-width:440px;font-size:16px;line-height:1.55}
.synapse-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:23px}
.synapse-actions .button{text-align:center}
.synapse-link{border:1px solid rgba(244,225,255,.35);padding:10px 16px;color:#FFF;border-radius:10px;font-size:14px;font-weight:750}
.synapse-link:hover{background:rgba(255,255,255,.1)}
.synapse-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.synapse-tags span{font-size:11px;color:#D3BDDF;border-left:2px solid #F89A39;padding:2px 10px}
/* Login preserves original V1 auth and accessibility; visual upgrade only */
.guest-shell .page-content{max-width:1600px}
.login-grid{position:relative;min-height:70vh;gap:clamp(30px,4vw,85px)}
.login-copy{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(15,10,29,.92),rgba(15,10,29,.18)),url('/static/visual/wusla-synapse.webp') center/cover;border-radius:25px;padding:clamp(30px,4vw,56px);overflow:hidden}
.login-copy .eyebrow{color:#F9AD60}
.login-copy h1{color:#FFF;font-size:clamp(41px,4.8vw,68px)}
.login-copy h1 em{color:#FFAA54}
.login-copy p{color:#E2D7EB;font-size:17px}
.login-copy .capsules span{color:#FFE2C1;border-color:rgba(255,170,84,.4);background:rgba(32,17,45,.52)}
.auth-card{box-shadow:0 25px 65px rgba(35,11,57,.11);align-self:center}
/* Keep text input readable in light and RTL */
textarea[dir='auto'], .arabic{line-height:1.8;unicode-bidi:plaintext}
@media(max-width:900px){.synapse-hero{min-height:240px}.synapse-hero::after{background:linear-gradient(90deg,rgba(14,9,28,.96),rgba(14,9,28,.42))}.login-copy{min-height:380px}}
@media(max-width:580px){.synapse-hero{min-height:245px}.synapse-hero-content{padding:26px 20px}.synapse-hero h2{font-size:35px}.synapse-tags{display:none}.login-copy{padding:26px;min-height:390px}.login-copy h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

body{background:radial-gradient(ellipse at 85% 0,#281538 0,transparent 48%),var(--bg)}
.topbar{background:#1D142B;border-bottom-color:var(--border);color:var(--muted)}
.topbar-context,.eyebrow{color:var(--violet-bright)}
.guest-shell .topbar{background:var(--paper)}
.card{box-shadow:none;border-color:var(--border)}
.card:hover{border-color:#7B5891}
.paper-panel,.auth-card,.review-banner{--ink:var(--paper-ink);--muted:var(--paper-muted);--border:var(--paper-border);--card:var(--paper);--field:#FFFFFF;--violet-bright:#612163;--danger:#A82C42;color:var(--ink);background:var(--card)}
.error-text,.danger-zone .eyebrow{color:var(--danger)!important}.owner-line,.ic-bottom b{color:var(--violet-bright)!important}
.stacked-form label,.inline-form label,.form-grid label,.segment-controls label{color:var(--muted)}
input:not([type=checkbox]),textarea,select{background:var(--field);color:var(--ink);border-color:var(--border)}
input:not([type=checkbox]):focus,textarea:focus,select:focus{outline:2px solid var(--orange);border-color:var(--orange)}
select[multiple]{min-height:104px}option{background:var(--field);color:var(--ink)}
.button-ghost{background:var(--violet-tint);border-color:var(--border);color:var(--ink)}
.paper-panel .button-ghost,.auth-card .button-ghost{background:#EEE7F2;color:#612163}
.button-secondary{background:#612163;color:#FFFFFF}
.button-danger{background:#A82C42;color:#FFFFFF}
.breadcrumb a,.download-links a,.table-wrap td a,.pagination a{color:var(--violet-bright)}
.download-links a,.analysis-draft,.translated-line,.invite-result,th{background:var(--field);color:var(--ink)}
.paper-panel .download-links a,.paper-panel th{background:#EEE7F2;color:#612163}
.count-tag{background:var(--violet-tint);color:var(--ink);border:1px solid var(--border)}
.paper-panel .count-tag,.auth-card .count-tag{background:#EEE7F2;color:#612163}
.status{color:#D4DEBF}.form-note{color:var(--muted)}.icon-card{color:var(--orange)}
.research-nav,.research-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.research-nav{margin-bottom:24px;font-size:14px}.research-nav a{padding:9px 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted)}
.research-nav a:hover,.research-nav [aria-current=page]{background:var(--violet-tint);color:var(--ink);border-color:var(--orange)}
.research-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.research-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:32px}
.research-metrics span{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.research-metrics strong{display:block;font-size:48px;line-height:1.2;margin:12px 0}.research-metrics p{color:var(--muted);font-size:14px}
.research-list-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.research-list-item:hover strong{color:var(--orange)}.research-list-item p{color:var(--muted);font-size:14px;margin-top:5px}
.research-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;font-size:13px;color:var(--muted)}
.question-card{margin-bottom:16px}.question-code{color:var(--orange);font-weight:800;font-size:20px}.question-card h3{margin:10px 0;overflow-wrap:anywhere}.question-order{display:flex;gap:6px}.question-card details{margin-top:14px}
summary{cursor:pointer;min-height:36px;padding:7px 0;color:var(--violet-bright);font-weight:600}details[open]>summary{margin-bottom:16px}fieldset{border:1px solid var(--border);border-radius:10px;padding:16px;min-width:0}legend{padding:0 6px}
.research-toolbar{margin-bottom:22px}.attached-guide{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 10px 0 0;color:var(--muted);font-size:13px}
.question-workspace{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(290px,1.2fr) minmax(250px,1fr);gap:18px;align-items:start}
.question-workspace>.card{padding:20px;min-width:0}.question-rail{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto}
.question-choice{display:block;width:100%;text-align:start;border:1px solid var(--border);border-radius:12px;padding:15px 12px;background:var(--card);color:var(--ink);font-size:15px;margin:10px 0;overflow-wrap:anywhere}.question-choice small{display:block;color:var(--muted);margin-top:9px}.question-choice:hover{background:var(--violet-tint)}.question-choice[aria-pressed=true]{background:var(--violet-tint);border-color:var(--orange)}
.question-editor h2{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.question-editor h3{margin-top:18px}.question-editor .research-actions{margin:16px 0}.question-editor label,.report-heading label{display:grid;gap:6px;color:var(--muted);font-size:14px;font-weight:600}
.source-panel audio{width:100%;margin:12px 0}.source-excerpt,.evidence-card,.analysis-point,.analysis-quote{padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.source-excerpt label{display:flex;align-items:center;gap:8px;font-weight:600}.source-excerpt input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;accent-color:#612163}.source-text{white-space:pre-wrap;line-height:1.8;margin:12px 0;unicode-bidi:plaintext}
#source-segments{max-height:70dvh;overflow:auto;scrollbar-gutter:stable}
.source-text,textarea[dir=auto],blockquote[dir=auto]{font-family:'Barlow Semi Condensed','Noto Sans Arabic',Tahoma,Arial,sans-serif}
.heading-stat strong,.ic-bottom b{color:var(--orange)}.owner-line{color:var(--violet-bright)!important}
::placeholder{color:var(--muted);opacity:1}
.preview-label{color:#F7F2FF;background:#4A2859;border:1px solid #C397E8;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:24px}
.user-pill{color:var(--muted)}
.analysis-reading{padding:22px;border-radius:12px;margin:20px 0;line-height:1.65;overflow-wrap:anywhere}.analysis-reading .report-summary{margin-top:10px}.analysis-reading li{margin:14px 0}.analysis-reading li .button{display:inline-block;margin:5px 5px 0 0}.analysis-reading blockquote{margin:18px 0;border-inline-start:3px solid #612163;padding:12px 16px;background:#EEE7F2;white-space:pre-wrap;font-family:'Barlow Semi Condensed','Noto Sans Arabic',Arial,sans-serif}.analysis-reading blockquote footer{font-size:13px;color:var(--muted);direction:ltr;margin:10px 0 5px;unicode-bidi:isolate}.analysis-reading h3{font-size:20px}.analysis-reading small{display:block}
.evidence-card .source-text{max-height:260px;overflow:auto}.evidence-card .button{margin:7px 6px 7px 0}.evidence-card select{margin:8px 0}.analysis-point,.analysis-quote{display:grid;gap:12px}.analysis-point .button,.analysis-quote .button{justify-self:start}
#analysis-section{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.report-heading{margin-bottom:24px}.report-summary{white-space:pre-wrap;line-height:1.7;margin:20px 0}.question-card blockquote{border-inline-start:3px solid #612163;margin:18px 0;padding:12px 18px;background:#EEE7F2;line-height:1.8;unicode-bidi:plaintext}.question-card blockquote footer{font-size:12px;line-height:1.5;margin-top:12px;direction:ltr;unicode-bidi:isolate}
@media(max-width:1280px){.question-workspace{grid-template-columns:190px minmax(0,1fr)}.source-panel{grid-column:1/-1}.question-rail{max-height:650px}}
@media(max-width:900px){.research-two{grid-template-columns:1fr}.question-workspace{grid-template-columns:1fr}.question-rail{position:static;max-height:none}.question-rail #question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.question-rail #question-list h3{grid-column:1/-1}.question-choice{margin:0}.source-panel{grid-column:auto}}
@media(max-width:580px){.research-metrics{grid-template-columns:1fr;gap:10px}.research-metrics .card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 15px}.research-metrics strong{grid-column:2;grid-row:1/3;margin:0;font-size:40px}.research-metrics p{grid-column:1;margin:0}.question-rail #question-list{grid-template-columns:1fr}.research-nav{gap:7px}.research-nav a{font-size:12px;padding:8px}.research-actions .button{flex:1 1 160px}.source-panel audio{min-width:0}.question-workspace>.card{padding:18px}.question-order{align-self:start}.question-card .card-head{align-items:start}}
@media print{.sidebar,.topbar,.research-nav,.research-actions,form,.download-links,#toast{display:none!important}body,.card,.paper-panel{background:#FFFFFF!important;color:#000000!important}.main-area,.page-content{width:100%;max-width:none;padding:0}.card{break-inside:avoid;border-color:#999}.report-summary{color:#000}}
