/* Workspace accent: hue 340° on the 360° HSL color wheel. */
:root { --dash-accent:hsl(340 78% 44%); --dash-tint:hsl(340 80% 97%); --dash-border:#e4e5e9; --dash-panel:#fff; --dash-inset:#f8f8fa; --dash-text:#24242a; --dash-muted:#73737e; }
[data-theme="dark"] { --dash-accent:hsl(340 85% 72%); --dash-tint:hsl(340 27% 17%); --dash-border:#303039; --dash-panel:#19191f; --dash-inset:#202027; --dash-text:#ededf1; --dash-muted:#aaaab6; }
body:not(.landing-active) { background:var(--dash-inset); }
body:not(.landing-active) > header { background:var(--dash-panel)!important; border-color:var(--dash-border)!important; }
body:not(.landing-active) > header > div { max-width:1280px; padding-block:20px; }
#navUserIp { display:none!important; }
#dashboardUserBar { font-family:Inter,sans-serif; }
#dashboardView { padding-top:40px; padding-bottom:64px; color:var(--dash-text); }
#dashboardView .font-mono { font-family:Inter,sans-serif; letter-spacing:0; }
#dashboardView .font-black,#dashboardView .font-extrabold { font-weight:600; }
#dashboardView .uppercase { text-transform:none; letter-spacing:0; }
#dashboardView [class*="text-slate-"],#dashboardView .text-white { color:var(--dash-text)!important; }
#dashboardView .text-slate-400 { color:var(--dash-muted)!important; }
#dashboardView [class*="bg-slate-"],#dashboardView [class*="bg-[#07090E]"],#dashboardView [class*="bg-gradient-to-"] { background:var(--dash-inset)!important; }
#dashboardView [class*="border-slate-"] { border-color:var(--dash-border)!important; }
#dashboardView [class*="text-certa-"],#dashboardView [class*="text-rose-"],#dashboardView .mode-tab [class*="text-"] { color:var(--dash-accent)!important; }
#dashboardView [class*="bg-certa-"] { background:var(--dash-tint)!important; }
#dashboardView [class*="border-certa-"] { border-color:var(--dash-border)!important; }
#dashboardView .certa-glow,#dashboardView .shadow-lg,#dashboardView .shadow-xl { box-shadow:none; }
#dashboardView > section:first-child { background:transparent!important; border:0; padding:0 0 28px; border-radius:0; border-bottom:1px solid var(--dash-border); }
#dashboardView > section:first-child h1 { font-size:30px; letter-spacing:-1.1px; margin-top:10px; }
#dashboardView > section:first-child > div:first-child > div { font-size:11px; }
#dashboardView > section:first-child > div:last-child > div { border:0; background:transparent!important; padding-inline:12px; }
#dashboardView .mode-tab { background:var(--dash-panel)!important; border:1px solid var(--dash-border)!important; border-radius:12px; padding:22px; box-shadow:none; }
#dashboardView .mode-tab[aria-pressed="true"] { background:var(--dash-tint)!important; border-color:var(--dash-accent)!important; }
#dashboardView .mode-tab > div:first-child > span:last-child { display:none; }
#dashboardView .mode-tab > div:first-child { margin-bottom:14px; }
#dashboardView .mode-tab > div:nth-child(2) { color:var(--dash-text)!important; font-size:16px; font-weight:600; }
#dashboardView .mode-tab p,#dashboardView .mode-tab strong { color:var(--dash-muted)!important; font-size:12px; line-height:1.75; font-weight:400; }
#dashboardView .workspace-columns { gap:28px; margin-top:32px; }
#dashboardView .workspace-input,#dashboardView .workspace-exercise { background:var(--dash-panel)!important; padding:26px; border-radius:14px; min-width:0; }
#dashboardView .workspace-exercise { justify-content:flex-start; }
#dashboardView h2 { font-size:16px; font-weight:600; letter-spacing:-.3px; }
#dashboardView .workspace-input > div:first-child > span { display:none; }
#dashboardView .workspace-input > div:nth-child(2) { border-style:dashed; background:var(--dash-inset)!important; padding:18px; }
#dashboardView .workspace-input p { line-height:1.8; font-size:12px; }
#dashboardView #presetButtonsContainer { gap:0; }
#dashboardView #presetButtonsContainer button { background:transparent!important; border:0; border-bottom:1px solid var(--dash-border); border-radius:0; padding:13px 0; font-size:12px; }
#dashboardView #presetButtonsContainer .truncate { white-space:normal; text-overflow:clip; }
#dashboardView #presetButtonsContainer button:hover { color:var(--dash-accent)!important; }
#dashboardView textarea { background:var(--dash-panel)!important; border-radius:9px; padding:14px; line-height:1.8; font-family:Inter,sans-serif; }
#dashboardView textarea:focus { border-color:var(--dash-accent)!important; outline:2px solid var(--dash-tint); outline-offset:2px; }
#dashboardView input[type="file"] { max-width:100%; font-size:11px; }
#dashboardView input::file-selector-button { background:var(--dash-tint); color:var(--dash-accent); border:0; border-radius:6px; padding:9px 12px; }
#dashboardView .certa-gradient,#dashboardView button[onclick="verifySaboteurDefense()"] { background:hsl(340 78% 44%)!important; color:white!important; box-shadow:none; }
#dashboardView .certa-gradient *,#dashboardView button[onclick="verifySaboteurDefense()"] * { color:white!important; }
#dashboardView #primaryActionBtn,#dashboardView button[onclick="verifySaboteurDefense()"] { border-radius:9px; font-weight:500; }
#dashboardView .workspace-exercise > div:first-child { padding-bottom:20px; row-gap:14px; }
#dashboardView .workspace-exercise > div:first-child > div:last-child { flex-wrap:wrap; }
#dashboardView #activeChapterPill { white-space:normal; }
#dashboardView #engineBadge { background:transparent!important; border:0; color:var(--dash-muted)!important; padding-left:0; }
#dashboardView .workspace-exercise > div:first-child .rounded-full { background:var(--dash-tint); color:var(--dash-accent)!important; }
#dashboardView #arenaContent > div > div:first-child { background:var(--dash-tint)!important; border:0; padding:16px; line-height:1.8; }
#dashboardView #arenaContent > div > div:nth-child(2) { background:transparent!important; border:0; padding:8px 0; }
#dashboardView #sentenceContainer { display:grid; gap:8px; }
#dashboardView .sentence-token { display:block; width:100%; padding:14px; margin:0; text-align:left; font-size:13px; line-height:1.9; border:1px solid var(--dash-border); border-radius:9px; background:var(--dash-panel); transition:background .15s,border-color .15s; }
#dashboardView .sentence-token:hover { background:var(--dash-inset); border:1px solid var(--dash-accent); }
#dashboardView .sentence-selected { background:var(--dash-tint)!important; border:1px solid var(--dash-accent)!important; color:var(--dash-text)!important; font-weight:400; }
#dashboardView #arenaContent label { font-weight:500; }
#dashboardView #arenaContent label + button { background:transparent; color:var(--dash-accent); border:0; font-size:11px; }
#dashboardView button:focus-visible { outline:2px solid var(--dash-accent); outline-offset:3px; }
@media(min-width:1024px) { #dashboardView .workspace-input { grid-column:span 4; } #dashboardView .workspace-exercise { grid-column:span 8; } }
@media(max-width:640px) { #dashboardView { padding-top:24px; } #dashboardView > section:first-child h1 { font-size:25px; } #dashboardView .workspace-input,#dashboardView .workspace-exercise { padding:18px; } #dashboardView .mode-tab { padding:18px; } #dashboardView #arenaContent label + button { max-width:100px; } }
body:not(.landing-active) #landingNavLinks { display:none!important; }
#dashboardView .mode-tab p[class],#dashboardView .mode-tab p strong[class] { color:var(--dash-muted)!important; }
#dashboardView #arenaContent [class*="text-amber-"],#dashboardView #arenaContent [class*="text-emerald-"] { color:var(--dash-accent)!important; }
#dashboardView #arenaContent .italic { font-style:normal; }