/* EDARIT shared visual system — 2026 */
:root{
  --edarit-bg:#0f1115;--edarit-bg-deep:#0b0e13;--edarit-panel:#171a21;--edarit-panel-2:#202532;
  --edarit-text:#f4f0e8;--edarit-muted:#b9b2a7;--edarit-line:rgba(255,255,255,.12);
  --edarit-gold:#f5b35a;--edarit-gold-soft:#ffe2aa;--edarit-blue:#8fd3ff;
  --edarit-radius:20px;--edarit-radius-sm:13px;--edarit-shadow:0 20px 60px rgba(0,0,0,.26);
  --edarit-focus:0 0 0 3px rgba(143,211,255,.34);--edarit-max:1180px
}
html{color-scheme:dark;scroll-behavior:smooth}
body.edarit-branded{margin:0;color:var(--edarit-text);background:radial-gradient(circle at 8% 0,rgba(245,179,90,.16),transparent 30rem),radial-gradient(circle at 92% 3%,rgba(143,211,255,.12),transparent 28rem),linear-gradient(180deg,var(--edarit-bg) 0%,#10141b 52%,var(--edarit-bg-deep) 100%);min-height:100vh}
body.edarit-branded a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.edarit-site-nav{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--edarit-line);background:rgba(15,17,21,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.edarit-site-nav__inner{width:min(var(--edarit-max),calc(100% - 32px));min-height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.edarit-site-brand{display:inline-flex;align-items:center;gap:11px;color:var(--edarit-text)!important;text-decoration:none!important;font:900 .98rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.105em;white-space:nowrap}
.edarit-site-brand__mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--edarit-gold),var(--edarit-gold-soft));color:#17110a;box-shadow:0 10px 30px rgba(245,179,90,.2);letter-spacing:0}
.edarit-site-links{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.edarit-site-links a{padding:8px 10px;border-radius:999px;color:var(--edarit-muted)!important;text-decoration:none!important;font:700 .9rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
.edarit-site-links a:hover,.edarit-site-links a[aria-current="page"]{background:rgba(255,255,255,.065);color:var(--edarit-text)!important}
.edarit-tool-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 10px;border:1px solid rgba(245,179,90,.28);border-radius:999px;background:rgba(245,179,90,.07);color:var(--edarit-gold);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
body.edarit-tool-page header:not(.edarit-site-nav),body.edarit-tool-page .hero{border-color:var(--edarit-line)!important}
body.edarit-tool-page .panel,body.edarit-tool-page .card,body.edarit-tool-page .control-card,body.edarit-tool-page .preview-panel,body.edarit-tool-page .sidebar,body.edarit-tool-page details,body.edarit-tool-page .stat{border-color:var(--edarit-line)!important;border-radius:var(--edarit-radius)!important;box-shadow:var(--edarit-shadow)}
body.edarit-tool-page button,body.edarit-tool-page .btn,body.edarit-tool-page .primary-btn{border-radius:12px!important}
body.edarit-tool-page button:not(.secondary):not(.ghost):not(.danger):not(.small-btn):not(.tab),body.edarit-tool-page .primary-btn{background:linear-gradient(135deg,var(--edarit-gold),var(--edarit-gold-soft))!important;color:#17110a!important;border-color:transparent!important;font-weight:800}
body.edarit-tool-page button.secondary,body.edarit-tool-page .secondary-btn,body.edarit-tool-page .ghost,body.edarit-tool-page .btn.secondary{background:rgba(143,211,255,.07)!important;color:var(--edarit-text)!important;border:1px solid rgba(143,211,255,.22)!important}
body.edarit-tool-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.edarit-tool-page textarea,body.edarit-tool-page select{border-radius:12px!important;border-color:var(--edarit-line)!important;background:rgba(8,11,16,.68)!important;color:var(--edarit-text)!important}
body.edarit-tool-page h1,body.edarit-tool-page h2,body.edarit-tool-page h3{color:var(--edarit-text)}
body.edarit-tool-page .badge,body.edarit-tool-page .tag,body.edarit-tool-page .pill{border-color:rgba(143,211,255,.25)!important;color:var(--edarit-blue)!important;background:rgba(143,211,255,.06)!important}
body.edarit-tool-page footer{border-top:1px solid var(--edarit-line);color:var(--edarit-muted)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:none!important;box-shadow:var(--edarit-focus)!important}
:where(button,a,[role="button"],[type="button"],[type="submit"]){touch-action:manipulation}
@media(max-width:760px){
  .edarit-site-nav__inner{width:min(100% - 24px,var(--edarit-max));min-height:auto;padding:12px 0;align-items:flex-start;flex-direction:column;gap:9px}
  .edarit-site-links{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:1px 0 4px;scrollbar-width:thin}
  .edarit-site-links a{flex:0 0 auto}
  body.edarit-tool-page header:not(.edarit-site-nav),body.edarit-tool-page main{padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:520px){.edarit-site-brand__mark{width:34px;height:34px}.edarit-site-links a{padding:8px 9px;font-size:.84rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body.edarit-branded a:hover,body.edarit-branded button:hover{transform:none!important}}