:root{
 --bg:#071019;--bg2:#0b1622;--panel:rgba(14,28,42,.82);--panel2:#0f1d2b;--text:#edf5fb;--muted:#8ba2b5;
 --line:rgba(152,188,214,.14);--brand:#7fe7ff;--brand2:#8b7cff;--good:#56e6a5;--warn:#ffd474;--bad:#ff7f8a;
 --shadow:0 30px 90px rgba(0,0,0,.35);--r:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#173653 0,#08121c 36%,#050b11 72%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.a1{width:420px;height:420px;background:#29c8ff;top:100px;left:-240px}.a2{width:460px;height:460px;background:#7a62ff;right:-260px;top:420px}
.nav{height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:rgba(5,11,17,.6);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#071019;font-size:13px;box-shadow:0 8px 24px rgba(84,199,255,.2)}.logo.big{width:54px;height:54px;border-radius:16px;margin:auto;font-size:16px}
.nav nav{display:flex;gap:32px;color:var(--muted);font-size:14px}.nav nav a:hover{color:white}.nav-actions{display:flex;gap:10px;align-items:center}.pill{border:1px solid var(--line);background:#0b1723;border-radius:999px;padding:8px 12px;font-size:12px;color:#b5c8d6}.ghost,.secondary{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 15px;cursor:pointer}
main{max-width:1240px;margin:auto;padding:0 24px}.hero{padding:120px 0 100px;text-align:center;max-width:980px;margin:auto}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--brand)}h1{font-size:clamp(44px,6.7vw,86px);line-height:.98;letter-spacing:-.055em;margin:20px 0 24px}h1 span{background:linear-gradient(90deg,#9cecff,#aaa2ff);-webkit-background-clip:text;color:transparent}.lead{max-width:760px;margin:0 auto;color:#a9bdca;font-size:19px;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.primary{border:0;border-radius:13px;background:linear-gradient(135deg,#8cecff,#8b7cff);color:#071019;font-weight:800;padding:13px 18px;cursor:pointer;box-shadow:0 12px 30px rgba(93,191,255,.14)}.primary:hover{transform:translateY(-1px)}.xl{padding:15px 22px;font-size:15px}.secondary{display:inline-flex;align-items:center}.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:38px;color:#7993a7;font-size:12px}
.bench{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:78px 0}.section-head,.workspace-top{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-head h2,.workspace-top h2{font-size:38px;letter-spacing:-.035em;margin:9px 0 0}.section-head p{max-width:460px;color:var(--muted);line-height:1.6;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.metrics article{padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,36,53,.88),rgba(10,22,33,.88));border-radius:18px;display:flex;flex-direction:column;gap:6px}.metric{font-size:35px;font-weight:850;letter-spacing:-.04em;color:#c8f5ff}.metrics b{font-size:14px}.metrics small,.panel-title small,label small{color:var(--muted)}
.workspace-wrap{padding:90px 0 110px}.usage-card{width:320px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:rgba(13,27,41,.72)}.usage-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.usage-card strong{font-size:13px}.usage-bar{height:5px;background:#142536;border-radius:999px;margin:10px 0 7px;overflow:hidden}.usage-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--good),var(--brand));border-radius:999px}.usage-card small{color:var(--muted);font-size:10px}
.app-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;margin-top:28px}.panel{border:1px solid var(--line);background:linear-gradient(150deg,rgba(15,30,45,.95),rgba(9,20,30,.93));border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}.panel-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.panel-title div{display:flex;flex-direction:column;gap:3px}.step{width:31px;height:31px;border-radius:9px;background:rgba(127,231,255,.1);border:1px solid rgba(127,231,255,.2);display:grid;place-items:center;color:var(--brand);font-weight:800;font-size:12px}
.drop{height:154px;border:1px dashed rgba(142,190,220,.3);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:rgba(4,13,21,.34);gap:6px;transition:.2s}.drop.drag{border-color:var(--brand);background:rgba(127,231,255,.05)}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon{font-size:25px;color:var(--brand)}.drop span{font-size:11px;color:var(--muted)}.file-name{font-size:11px;color:var(--good);margin-top:5px}.or{display:flex;align-items:center;gap:10px;color:#62798c;font-size:10px;letter-spacing:.12em;margin:17px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.input-panel textarea{width:100%;height:270px;resize:vertical;background:#07131e;border:1px solid var(--line);border-radius:15px;color:var(--text);padding:17px;line-height:1.65;outline:none;font:14px/1.65 inherit}.input-panel textarea:focus,select:focus,input:focus{border-color:rgba(127,231,255,.55);box-shadow:0 0 0 3px rgba(127,231,255,.05)}.counter{display:flex;justify-content:flex-end;gap:12px;color:#667f92;font-size:10px;margin-top:8px}
.settings-panel{display:flex;flex-direction:column;gap:14px}.settings-panel .panel-title{margin-bottom:4px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#9db0bf;font-weight:650}select{appearance:none;background:#091622 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%238ba2b5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);border-radius:11px;padding:12px 38px 12px 12px;color:var(--text);outline:none}.preserve{border:1px solid rgba(86,230,165,.16);background:rgba(86,230,165,.045);border-radius:13px;padding:13px}.preserve>div{display:flex;gap:10px;align-items:center}.preserve>div>div{display:flex;flex-direction:column;gap:2px}.preserve small{font-size:10px;color:#85a798}.shield{color:var(--good);font-size:24px}.mode{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-btn{border:1px solid var(--line);background:#091621;color:var(--text);border-radius:12px;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}.mode-btn small{font-size:9px;color:var(--muted)}.mode-btn.active{border-color:rgba(127,231,255,.45);background:rgba(127,231,255,.06)}.run{margin-top:2px;width:100%;padding:15px;display:flex;justify-content:center;gap:10px}.tiny{font-size:9px;color:#627a8c;text-align:center;margin:0}
.progress-card,.result-card{margin-top:18px;border:1px solid var(--line);background:rgba(12,25,38,.94);border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}.progress-head,.result-head{display:flex;justify-content:space-between;align-items:center}.progress-head>div,.result-head>div:first-child{display:flex;gap:10px;align-items:center}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px rgba(127,231,255,.06);animation:pulse 1.6s infinite}.link-danger{background:none;border:0;color:var(--bad);cursor:pointer}.progress-main{display:flex;align-items:center;gap:18px;margin:25px 0 22px}.progress-main>span{font-size:30px;font-weight:850;letter-spacing:-.04em;width:72px}.track{height:8px;background:#172838;flex:1;border-radius:999px;overflow:hidden}.track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand2),var(--brand));border-radius:999px;transition:width .45s}.progress-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.progress-meta div{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}.progress-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#637b8e}.progress-meta b{font-size:13px}.progress-card>p{font-size:10px;color:#637b8e;margin:15px 0 0}.downloads{display:flex;gap:8px}.downloads a{padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:11px;cursor:pointer}.success{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(86,230,165,.1);color:var(--good)}.result-head>div>div{display:flex;flex-direction:column;gap:3px}.result-head small{color:var(--muted)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-top:22px}.tab{padding:11px 13px;border:0;background:none;color:#758da0;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--brand);border-color:var(--brand)}.tab-pane{padding-top:18px}.tab-pane pre{margin:0;white-space:pre-wrap;font:13px/1.75 inherit;color:#c8d9e4;background:#07131e;border:1px solid var(--line);padding:18px;border-radius:13px;max-height:520px;overflow:auto}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare>div>span{display:block;font-size:9px;color:#6e8598;letter-spacing:.12em;margin-bottom:8px}.integrity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integrity-grid>div{border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.integrity-grid small{grid-column:2;color:var(--muted)}.check{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(86,230,165,.08);color:var(--good)}
footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:28px 24px 45px;display:flex;align-items:center;justify-content:space-between;color:#61798c;font-size:10px}footer p{max-width:500px;text-align:center}
.modal{position:fixed;inset:0;background:rgba(1,6,10,.8);backdrop-filter:blur(14px);z-index:100;display:grid;place-items:center}.modal-card{width:min(390px,calc(100vw - 32px));border:1px solid var(--line);background:#0b1825;border-radius:22px;padding:30px;text-align:center;box-shadow:var(--shadow)}.modal-card h3{font-size:24px;margin:18px 0 8px}.modal-card p{color:var(--muted);font-size:13px}.modal-card input{width:100%;background:#07131e;border:1px solid var(--line);border-radius:11px;padding:13px;color:white;margin:12px 0}.modal-card button{width:100%}.modal-card small{display:block;color:var(--bad);margin-top:10px}.toast{position:fixed;right:22px;bottom:22px;background:#102130;border:1px solid var(--line);padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:12px;z-index:120}
.hidden{display:none!important}@keyframes pulse{50%{opacity:.45}}
@media(max-width:900px){.nav nav{display:none}.nav-actions .pill{display:none}.app-grid,.metrics{grid-template-columns:1fr 1fr}.section-head,.workspace-top{align-items:flex-start;flex-direction:column}.usage-card{width:100%}.hero{padding-top:80px}.compare{grid-template-columns:1fr}}
@media(max-width:620px){main{padding:0 14px}.nav{padding:0 14px;height:68px}.nav-actions .ghost{display:none}.hero{padding:65px 0}.hero-actions{flex-direction:column}.metrics,.app-grid,.progress-meta,.integrity-grid{grid-template-columns:1fr}.mode{grid-template-columns:1fr}.section-head h2,.workspace-top h2{font-size:30px}.compare{grid-template-columns:1fr}.downloads{flex-wrap:wrap}footer{flex-direction:column;gap:16px;text-align:center}}


/* ===== V5 Theme + Branding ===== */
:root{color-scheme:dark}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f8fb;--bg2:#edf4f8;--panel:rgba(255,255,255,.94);--panel2:#fff;
  --text:#102331;--muted:#637b8c;--line:rgba(32,71,98,.13);
  --brand:#197d9e;--brand2:#6858dc;--good:#16865b;--warn:#a06b00;--bad:#c94852;
  --shadow:0 24px 65px rgba(29,54,72,.12)
}
html[data-theme="light"] body{background:radial-gradient(circle at 50% -20%,#d7eff8 0,#f4f8fb 38%,#edf4f8 78%)}
html[data-theme="light"] .nav{background:rgba(247,251,253,.82)}
html[data-theme="light"] .ambient{opacity:.08}
html[data-theme="light"] .panel,
html[data-theme="light"] .progress-card,
html[data-theme="light"] .result-card,
html[data-theme="light"] .usage-card,
html[data-theme="light"] .modal-card{background:rgba(255,255,255,.94)}
html[data-theme="light"] .input-panel textarea,
html[data-theme="light"] select,
html[data-theme="light"] .mode-btn,
html[data-theme="light"] .tab-pane pre,
html[data-theme="light"] .modal-card input{background:#f7fafc;color:var(--text)}
html[data-theme="light"] .drop{background:#f8fbfd}
html[data-theme="light"] .metrics article{background:linear-gradient(145deg,#fff,#f5f9fc)}
html[data-theme="light"] .metric{color:#245b73}
html[data-theme="light"] .secondary,
html[data-theme="light"] .ghost{background:rgba(24,78,108,.04)}
html[data-theme="light"] .modal{background:rgba(231,240,246,.78)}
html[data-theme="light"] footer{color:#668091}

.brand-stack{display:flex;flex-direction:column;gap:0;line-height:1.05}
.brand-stack strong{font-size:14px}
.brand-stack small{font-size:8px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:3px}

.theme-toggle{
  width:38px;height:38px;border-radius:11px;border:1px solid var(--line);
  background:rgba(255,255,255,.035);display:grid;place-items:center;cursor:pointer;color:var(--text)
}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .icon-sun{display:none}
html[data-theme="light"] .theme-toggle .icon-moon{display:none}
html[data-theme="light"] .theme-toggle .icon-sun{display:block}

.password-wrap{position:relative;width:100%;margin:12px 0}
.modal-card .password-wrap input{width:100%;margin:0!important;padding-right:48px!important}
.modal-card .show-password{
  position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;
  width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:9px!important;
  background:transparent!important;color:var(--muted)!important;display:grid!important;place-items:center!important;
  cursor:pointer;box-shadow:none!important
}
.modal-card .show-password:hover{background:rgba(127,231,255,.08)!important;color:var(--text)!important}
.show-password svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.show-password .eye-closed{display:none}
.show-password.visible .eye-open{display:none}
.show-password.visible .eye-closed{display:block}
.modal-card .auth-continue{width:100%}
.auth-credit{margin-top:18px;font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}

.creator-section{padding:0 0 85px}
.creator-card{
  border:1px solid var(--line);border-radius:22px;padding:26px 30px;
  background:linear-gradient(135deg,rgba(16,34,50,.86),rgba(9,21,31,.86));
  display:grid;grid-template-columns:1fr auto 1.25fr;gap:28px;align-items:center;box-shadow:var(--shadow)
}
html[data-theme="light"] .creator-card{background:linear-gradient(135deg,#fff,#f5f9fc)}
.creator-brand,.creator-person{display:flex;align-items:center;gap:15px}
.sooft-mark,.doctor-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;font-weight:900}
.sooft-mark{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#071019;font-size:21px}
.doctor-avatar{border:1px solid var(--line);background:rgba(127,231,255,.07);color:var(--brand);font-size:12px}
.creator-card h3{font-size:19px;margin:5px 0 4px;letter-spacing:-.02em}
.creator-card p,.creator-card a{font-size:11px;color:var(--muted);margin:0;line-height:1.6}
.creator-card a:hover{color:var(--brand)}
.creator-divider{width:1px;height:56px;background:var(--line)}

@media(max-width:760px){
  .creator-card{grid-template-columns:1fr;gap:20px}
  .creator-divider{width:100%;height:1px}
  .brand-stack small{display:none}
}


/* ===================================================================
   AcademicRefiner V6 — production theme, access UX & SooFT branding
   =================================================================== */
:root{
  color-scheme:dark;
  --page:#061019;
  --page-accent:#0c1c2b;
  --surface:#0c1b28;
  --surface-2:#091724;
  --surface-3:#102232;
  --text:#edf6fb;
  --muted:#83a0b4;
  --border:rgba(143,190,217,.16);
  --input:#071521;
  --header:rgba(5,14,22,.90);
  --accent:#7ee5ff;
  --accent2:#8f81ff;
  --shadow-v6:0 24px 70px rgba(0,0,0,.32);
}

html[data-theme="light"]{
  color-scheme:light;
  --page:#f3f7fa;
  --page-accent:#e8f2f7;
  --surface:#ffffff;
  --surface-2:#f8fbfd;
  --surface-3:#eef5f8;
  --text:#132b3a;
  --muted:#627b8d;
  --border:rgba(31,70,94,.14);
  --input:#f7fafc;
  --header:rgba(255,255,255,.92);
  --accent:#137e9e;
  --accent2:#6558d5;
  --shadow-v6:0 18px 50px rgba(35,67,88,.12);
}

body{
  background:
    radial-gradient(circle at 50% -16%,var(--page-accent) 0,var(--page) 42%,var(--page) 100%) !important;
  color:var(--text) !important;
  transition:background .25s ease,color .25s ease;
}
.nav{
  background:var(--header) !important;
  border-color:var(--border) !important;
}
.panel,.progress-card,.result-card,.usage-card,.creator-card,.modal-card{
  background:var(--surface) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  box-shadow:var(--shadow-v6);
}
.metrics article{
  background:linear-gradient(145deg,var(--surface),var(--surface-2)) !important;
  border-color:var(--border) !important;
}
.input-panel textarea,.tab-pane pre,.modal-card input,select,.mode-btn,.drop{
  background:var(--input) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}
.modal{background:color-mix(in srgb,var(--page) 83%,transparent) !important}
.metric{color:var(--accent) !important}
.section-head p,.lead,.creator-card p,.creator-card a,.panel-title small,.usage-card small,.tiny,.counter{
  color:var(--muted) !important;
}

/* Clear, reliable two-button theme control */
.theme-switch{
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px;
  background:var(--surface-2);
  border:1px solid var(--border);
  border-radius:12px;
}
.theme-switch button{
  appearance:none;
  border:0;
  min-width:auto;
  height:30px;
  padding:0 9px;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:5px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font:700 10px/1 inherit;
  transition:.18s ease;
}
.theme-switch button svg{
  width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
html[data-theme="dark"] #darkThemeBtn,
html[data-theme="light"] #lightThemeBtn{
  background:linear-gradient(135deg,rgba(126,229,255,.18),rgba(143,129,255,.18));
  color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(126,229,255,.12)
}

/* Logout */
.logout-btn{
  border:1px solid var(--border);
  background:var(--surface-2);
  color:var(--muted);
  border-radius:11px;
  padding:10px 12px;
  cursor:pointer;
  font:700 10px/1 inherit;
}
.logout-btn:hover{color:var(--text);border-color:rgba(255,127,138,.38)}

/* Password eye: always inside field, never full-width */
.password-wrap{position:relative!important;width:100%!important;margin:12px 0!important}
.modal-card .password-wrap input{
  width:100%!important;margin:0!important;padding:13px 48px 13px 13px!important;
  height:46px!important;border-radius:11px!important
}
.modal-card button.show-password{
  position:absolute!important;
  right:6px!important;top:50%!important;transform:translateY(-50%)!important;
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:9px!important;
  background:transparent!important;color:var(--muted)!important;
  box-shadow:none!important;cursor:pointer!important
}
.modal-card button.show-password:hover{background:var(--surface-3)!important;color:var(--text)!important}
.show-password svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}
.show-password .eye-closed{display:none!important}
.show-password.visible .eye-open{display:none!important}
.show-password.visible .eye-closed{display:block!important}
.auth-continue{width:100%!important}

/* SooFT IT identity */
.creator-card{grid-template-columns:1.15fr auto 1fr!important}
.company-block,.person-block{display:flex;align-items:center;gap:16px}
.company-en{display:block;margin:2px 0 10px;font-size:13px;color:var(--text)}
.contact-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.contact-chip{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 10px;border:1px solid var(--border);border-radius:10px;
  background:var(--surface-2);color:var(--text)!important;font-size:10px!important;font-weight:700
}
.contact-chip:hover{border-color:rgba(126,229,255,.45);transform:translateY(-1px)}
.contact-chip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.contact-chip.whatsapp{color:#2eae75!important}
.creator-divider{background:var(--border)!important}
.sooft-mark{box-shadow:0 8px 22px rgba(100,164,255,.14)}

footer{border-color:var(--border)!important;color:var(--muted)!important;gap:18px}
.footer-company{display:flex;flex-direction:column;gap:5px}
.footer-ar{font-size:10px;color:var(--muted);direction:rtl}
.footer-contact{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:500px}
.footer-contact a{color:var(--accent)}
.footer-contact a:hover{text-decoration:underline}

/* Light-theme refinements for all hard-coded dark remnants */
html[data-theme="light"] .preserve{background:rgba(22,134,91,.05)!important;border-color:rgba(22,134,91,.18)!important}
html[data-theme="light"] .track,
html[data-theme="light"] .usage-bar{background:#dfeaf0!important}
html[data-theme="light"] .tab{color:#667f90}
html[data-theme="light"] .tab.active{color:var(--accent)}
html[data-theme="light"] .primary{color:#071019}
html[data-theme="light"] .secondary,
html[data-theme="light"] .ghost{background:#f7fafc!important;color:#173345!important;border-color:var(--border)!important}
html[data-theme="light"] .pill{background:#f6fafc!important;color:#4a6577!important;border-color:var(--border)!important}
html[data-theme="light"] .live-dot{background:#147d9b}
html[data-theme="light"] .progress-meta div,
html[data-theme="light"] .integrity-grid>div{background:#fbfdfe;border-color:var(--border)}
html[data-theme="light"] .ambient{opacity:.035!important}

@media(max-width:980px){
  .theme-switch button span{display:none}
  .theme-switch button{padding:0 8px}
  .workspace-btn{display:none}
}
@media(max-width:760px){
  .creator-card{grid-template-columns:1fr!important}
  .creator-divider{width:100%!important;height:1px!important}
  footer{flex-direction:column!important;text-align:center}
  .footer-contact{justify-content:center}
}


/* ===== V7 processing-scope selector ===== */
.mode-v7{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.mode-v7 .mode-btn{
  position:relative!important;
  min-height:72px!important;
  padding:13px 12px!important;
  display:grid!important;
  grid-template-columns:20px 1fr!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--border)!important;
  border-radius:13px!important;
  background:var(--surface-2)!important;
  color:var(--text)!important;
  cursor:pointer!important;
  text-align:left!important;
  opacity:1!important;
  transition:.18s ease!important;
}
.mode-v7 .mode-btn:hover{
  border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important;
  transform:translateY(-1px);
}
.mode-v7 .mode-btn.active{
  border:2px solid var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--surface))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)!important;
}
.mode-radio{
  width:18px;height:18px;border-radius:50%;
  border:2px solid var(--muted);display:grid;place-items:center
}
.mode-radio i{width:8px;height:8px;border-radius:50%;background:transparent}
.mode-btn.active .mode-radio{border-color:var(--accent)}
.mode-btn.active .mode-radio i{background:var(--accent)}
.mode-copy{display:flex;flex-direction:column;gap:4px}
.mode-copy b{font-size:12px}
.mode-copy small{font-size:9px;color:var(--muted)}
.selected-badge{
  display:none;position:absolute;right:9px;top:8px;
  padding:3px 6px;border-radius:999px;
  background:color-mix(in srgb,var(--accent) 14%,var(--surface));
  color:var(--accent);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em
}
.mode-btn.active .selected-badge{display:block}
.mode-explanation{
  margin-top:-4px;padding:9px 11px;border-radius:10px;
  background:var(--surface-2);border:1px solid var(--border);
  color:var(--muted);font-size:9px;line-height:1.45
}
@media(max-width:620px){.mode-v7{grid-template-columns:1fr!important}}


/* ===== V8 inline revision highlighting ===== */
.diff-summary{
  margin:0 0 12px;padding:10px 12px;border:1px solid var(--border);
  border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10px
}
.diff-summary.no-change{color:var(--warn)}
.diff-summary.changed{color:var(--good)}
.diff-box{
  margin:0;white-space:pre-wrap;font:13px/1.75 inherit;color:var(--text);
  background:var(--input);border:1px solid var(--border);padding:18px;border-radius:13px;
  max-height:520px;overflow:auto;min-height:100px
}
.diff-box mark{border-radius:4px;padding:1px 2px;color:inherit}
.diff-box .diff-del{
  background:rgba(255,94,110,.17);text-decoration:line-through;
  text-decoration-color:rgba(255,94,110,.75)
}
.diff-box .diff-add{
  background:rgba(65,210,144,.18);box-shadow:inset 0 -1px 0 rgba(65,210,144,.55)
}
html[data-theme="light"] .diff-box .diff-del{background:rgba(210,52,67,.13)}
html[data-theme="light"] .diff-box .diff-add{background:rgba(24,150,91,.13)}