/* ELI MEDA — Editorial Future / V1. All design overrides are local & offline. */
:root {
  color-scheme: dark;
  --night:#050504;
  --night2:#0b0907;
  --surface:#15120e;
  --surface2:#1c1711;
  --ink:#f2ebdc;
  --muted:#baaa90;
  --dim:#83725b;
  --line:rgba(214,178,119,.17);
  --line2:rgba(222,190,133,.33);
  --cyan:#dbbd86;
  --ice:#f0dabc;
  --blue:#9b7748;
  --violet:#cfa66c;
  --amber:#ebca96;
  --green:#d4c79f;
  --shadow:0 24px 70px rgba(0,0,0,.46);
  font-family:'Segoe UI','Avenir Next',Inter,system-ui,-apple-system,sans-serif;
}
body {background:#050504;color:#f2ebdc}
::selection{color:#18110a;background:#dcb67a}
a{color:#dfbd86}
a:hover{color:#f5e6c8}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#dfc28d}
.app-shell{
  background:
    radial-gradient(ellipse at 53% 16%,rgba(151,91,40,.16),transparent 35%),
    radial-gradient(ellipse at 96% 74%,rgba(121,81,31,.09),transparent 33%),
    linear-gradient(128deg,#020202 0%,#080706 49%,#0d0a08 100%);
}
.app-shell:before{
  opacity:.22;
  background-image:linear-gradient(90deg,rgba(201,157,95,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(201,157,95,.035) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:radial-gradient(ellipse at 60% 50%,black,transparent 82%);
}
.sidebar{
  width:257px;min-width:257px;
  background:linear-gradient(180deg,rgba(10,9,7,.99),rgba(5,5,4,.99));
  border-right:1px solid rgba(196,158,105,.22);
  padding:25px 19px 19px;
}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0 8px 19px;position:relative}
.brand:after{content:"";width:85%;height:1px;opacity:.8;background:linear-gradient(90deg,transparent,#bf985f,transparent);margin-top:12px}
.signature-viewport{width:214px;max-width:100%;height:75px;position:relative;overflow:hidden}
.eli-signature{display:block;position:absolute;top:-29px;left:-2px;width:221px;height:125px;max-width:none;object-fit:contain;object-position:left center;filter:invert(1) sepia(.6) saturate(.55) hue-rotate(346deg) brightness(1.12);mix-blend-mode:screen;opacity:.94}
.brand-label{font-size:10px;letter-spacing:3px;font-weight:700;color:#bda077;padding-left:7px;white-space:nowrap}
.mobile-signature-viewport{display:none}
.workspace-mark{font-size:9px;color:#ac9d88;letter-spacing:1.5px;margin:11px 7px 31px}
.live-point{background:#d4b57d;box-shadow:0 0 12px #b48754a2}
.mini-tag{color:#e7c997;border-color:#bd9c663a;background:#a67b3824}
.nav-head{color:#81705e;font-size:9px;letter-spacing:2px}
.nav-item{color:#ae9f8a;font-size:12px;font-weight:500;border-radius:9px;padding:13px 12px;transition:color .25s,border-color .25s,background .25s}
.nav-item:hover{color:#f8e7c6;background:rgba(192,153,96,.085)}
.nav-item.active{
  color:#e8d3b1;
  background:linear-gradient(95deg,rgba(155,114,60,.2),rgba(111,81,44,.04));
  border-color:rgba(213,171,106,.26);
  box-shadow:inset 2px 0 #cda36b;
}
.nav-item.active svg,.nav-dot,.sidebar-note-icon,.side-flicker{color:#d6b77d}
.nav-dot,.side-flicker{background:#cda36b}
.sidebar-note{background:linear-gradient(140deg,rgba(80,55,29,.37),rgba(22,18,14,.65));border-color:rgba(197,158,101,.19);border-radius:12px}
.sidebar-note p{color:#a79984}
.sidebar-note strong{color:#efdfc6}
.side-account{border-color:rgba(213,171,106,.16)}
.avatar-mini,.head-avatar{background:linear-gradient(135deg,#5e4931,#15100b);border-color:#af8c5b65;color:#f5e3bf}
.side-account small{color:#8b7b6a}
.topbar{padding-top:27px}
.breadcrumb,.breadcrumb-inline{color:#ae8e65;letter-spacing:1.85px;font-weight:600}
.breadcrumb span{color:#dfc59b}
.topbar h1{font-family:Georgia,'Times New Roman',serif;font-size:30px;letter-spacing:-.85px;font-weight:400;color:#f0e6d6;margin-top:7px}
.topbar p{color:#aa9982}
.topbar-version{color:#ceb188;border-color:rgba(222,189,133,.28);background:rgba(88,61,31,.16)}
.head-icon{color:#d5b98b;background:#1b1712;border-color:var(--line)}
.head-icon:hover{background:#30261b}
.demo-banner{background:linear-gradient(96deg,rgba(115,75,34,.13),rgba(28,22,15,.4));border-color:rgba(201,162,107,.22);color:#cabda8}
.demo-banner strong{color:#e4c694}
.demo-banner svg{color:#d6b17c}
.banner-version{color:#958269}
.glass-card{
  background:linear-gradient(145deg,rgba(28,24,18,.91),rgba(12,11,9,.94) 58%,rgba(19,15,11,.91));
  border:1px solid rgba(219,174,107,.17);
  box-shadow:inset 0 1px rgba(244,219,175,.035),0 22px 55px rgba(0,0,0,.32);
  border-radius:14px;
  backdrop-filter:blur(14px);
}
.glass-card:before{background:linear-gradient(125deg,rgba(227,180,112,.065),transparent 38%,rgba(164,111,51,.025))}
.card-label,.kicker{color:#b79a6f;letter-spacing:2px;font-size:9px}
.panel-title{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;letter-spacing:-.95px;color:#f4eadd}
.panel-title em,.hero-copy em{color:#d8b57d;font-weight:400}
.lead-copy,.muted{color:#b0a18d}
.btn{border-radius:8px;font-weight:600;letter-spacing:.15px}
.btn.primary{
  background:linear-gradient(108deg,#bd995f,#9b7241 53%,#876034);
  border-color:rgba(239,210,156,.4);
  color:#130f0b;
  box-shadow:0 9px 26px rgba(146,94,38,.2);
}
.btn.primary:hover{box-shadow:0 10px 34px rgba(177,124,60,.34)}
.btn.line{color:#ebd8b6;background:rgba(88,62,35,.16);border-color:rgba(217,172,109,.35)}
.btn.ghost{color:#c8b495;border-color:rgba(195,151,90,.2)}
.btn:hover:not(:disabled){transform:translateY(-2px)}
.waveform b{background:linear-gradient(0deg,#755332,#f0d9a9)}
.tool-tile{background:linear-gradient(95deg,rgba(36,29,20,.75),rgba(11,10,8,.5));border-color:rgba(195,153,98,.13);border-radius:9px}
.tool-tile:hover{background:#292016;border-color:rgba(214,168,99,.52)}
.tool-tile strong{color:#f0e6d5}
.tool-tile small{color:#a4947f}
.tile-icon{background:linear-gradient(150deg,#3b2e20,#17120d);color:#e6c18b;border-color:rgba(202,159,95,.35)}
.tile-arrow{color:#b7a080}
.source-list>div{border-color:rgba(191,149,91,.15)}
.source-list>div>span:first-child{color:#dcd0bb}
.pill{color:#b5a38b;background:rgba(149,108,58,.08);border-color:rgba(202,164,107,.22)}
.pill.cyan,.pill.amber{color:#d9b984;background:rgba(168,114,47,.13);border-color:rgba(212,166,97,.29)}
.pill.green{color:#d9cf9f;background:rgba(138,122,71,.14);border-color:rgba(180,156,91,.29)}
.subtle-note{background:#1915108c;border-color:rgba(209,164,101,.13);color:#a89983}
.subtle-note svg{color:#c4a071}
.emily-card{
  background:
    radial-gradient(ellipse at 49% 33%,rgba(160,91,37,.19),transparent 47%),
    linear-gradient(180deg,#15110c,#080706 77%,#100d09);
  border:1px solid rgba(216,172,105,.38);
  box-shadow:0 0 0 1px rgba(214,157,85,.04),0 32px 90px rgba(0,0,0,.47),inset 0 0 60px rgba(146,90,38,.08);
  position:relative;
}
.emily-card:after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#f6d6a0,transparent);opacity:.65}
.hero-top>span:first-child{color:#c3a57c}
.hero-top svg{color:#dfba81}
.emily-stage{height:359px;isolation:isolate;margin-top:2px;overflow:hidden}
.emily-stage.large{margin-top:1px}
.emily-glow{background:radial-gradient(circle,rgba(177,107,51,.28),rgba(143,84,35,.09) 48%,transparent 70%);filter:blur(22px)}
.emily-orbit{border:1px solid rgba(213,157,87,.21);box-shadow:0 0 28px rgba(185,121,54,.15)}
.emily-orbit.orbit-b{border-color:#a77d4666}
.emily-video{
  position:absolute;inset:1% 3% -1%;width:94%;height:104%;object-fit:cover;object-position:50% 46%;
  border:0;pointer-events:none;mix-blend-mode:screen;
  filter:contrast(1.13) saturate(.88) brightness(.8);
  mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 78%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 78%,transparent 100%);
}
.emily-stage.small{height:210px}
.emily-stage.small .emily-video{width:96%;left:2%;right:2%;object-position:center center}
.emily-scan{background:linear-gradient(90deg,transparent,rgba(231,185,119,.32),transparent);box-shadow:0 0 6px rgba(202,145,71,.5)}
.emily-signal{background:#edd6a6;box-shadow:0 0 12px #b7803b}
.hero-hello{color:#d9bd90;letter-spacing:3.25px}
.hero-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:400;color:#f6eada;letter-spacing:-.6px}
.hero-copy p{color:#a99984}
.emily-voice{background:linear-gradient(110deg,rgba(63,46,27,.5),rgba(18,15,11,.8));border-color:rgba(218,174,111,.25);border-radius:11px}
.voice-button{
  background:radial-gradient(circle at 35% 28%,#bb925c,#48331d 66%,#201811);
  border-color:rgba(242,211,158,.8);color:#f8e4c3;
  box-shadow:inset 0 0 12px #d39e4b63,0 0 26px rgba(187,122,52,.36);
}
.voice-button:after{border-color:#d1ad7c54}
.emily-voice strong{color:#f1dfc0}
.emily-voice span{color:#a6957a}
.guided-symbol{background:#4b342147;color:#dfbb82;border-color:#af88583e}
.guided-row p{color:#a9987c}
.status-orbit{background:radial-gradient(circle,#71513046,transparent 70%);color:#dcbc83;border-color:#ba915c66;box-shadow:0 0 18px rgba(188,131,62,.2)}
.status-main div>span,.status-grid span{color:#a4937b}
.status-grid strong{color:#e9d5b3}
.status-divider{background:var(--line)}
.run-row{border-color:rgba(186,143,86,.17)}
.run-row:hover{background:rgba(153,106,48,.095)}
.run-symbol{background:rgba(78,55,29,.38);color:#e3bf85}
.run-middle small{color:#958268}
.run-status{color:#dbb887}
.text-link{color:#e0bc84}
.timeline-node{border-color:#cba36c;box-shadow:inset 0 0 7px #d1a06477}
.timeline-mini>div:not(:last-child):before{background:#94744d55}
.timeline-mini small{color:#a5947d}
.content-title,.section-heading h2{font-family:Georgia,'Times New Roman',serif;color:#f1e6d6;font-weight:400;letter-spacing:-.65px}
.search-control,.filter-search,#review-form textarea,#review-form>input{background:rgba(13,11,8,.7);border-color:rgba(205,165,105,.34);color:#f1e2cf}
.search-control svg,.filter-search svg{color:#ccaa79}
.search-control input::placeholder,#review-form textarea::placeholder,#review-form>input::placeholder{color:#8d7b63}
.example-line,.filter-toolbar{color:#9e8c74}
.example-line button,.filter-pills button{background:#241c13;border-color:#a07c493e;color:#cfb38a}
.example-line button:hover,.filter-pills button.selected{background:#43301d;color:#f1d5a6;border-color:#be925c}
.candidate-card,.route-card,.compare-grid>div,.review-candidate,.verdict-choice{background:linear-gradient(135deg,rgba(39,30,19,.85),rgba(16,13,10,.94));border-color:rgba(196,154,97,.23)}
.source-tag,.meta-grid>div>span:first-child,.detail-doi,.keyvals dt{color:#b49970}
.meta-grid>div{border-color:var(--line)}
.inline-warning{background:rgba(119,80,31,.14);border-color:rgba(206,160,97,.34);color:#dcc5a3}
.inline-warning svg{color:#dfb779}
.route-icon,.source-icon{background:#49331d73;color:#e2bf8a;border-color:#af8e5b63}
.route-card p,.route-foot span,.compare-grid p,.check-list,.audit-event p,.setting-row small{color:#b3a18a}
.route-foot,.info-foot,.evidence-row,.setting-row{border-color:var(--line)}
.empty-state,.loading-block{background:rgba(34,25,16,.45);border-color:rgba(198,155,96,.3);color:#bba88c}
.empty-state svg,.empty-state strong,.loading-block strong{color:#dec399}
.spinner{border-color:#b08a5159;border-top-color:#eed09d}
.check-list svg,.info-feature svg{color:#d9ad70}
.audit-bullet{background:#513820;border-color:#cba16a;color:#ecd2a8}
.audit-event:not(:last-child):before{background:#a983504f}
.review-confirm{color:#e6d4ac;background:#79603822;border-color:#b99c6859}
.review-confirm p{color:#c7b99f}
.verdict-choice.checked{background:#45311d;border-color:#cdaa75;box-shadow:inset 0 0 18px #c78e4f19}
.verdict-check{border-color:#ad8d5f}
.verdict-choice.checked .verdict-check{background:#ad864f;color:#130f09}
.profile-line .big-avatar{background:linear-gradient(135deg,#6c4c2b,#211811);border-color:#c1a26c55}
.setting-row .toggle>span{background:#3a3022;border-color:#8e7250}
.setting-row .toggle input:checked+span{background:#9d7747;border-color:#d0ac76}
.admin-icon,.locked-badge{color:#d3b47f}
.admin-grid .glass-card{background:linear-gradient(140deg,#1c1610,#0b0908)}
.mobile-nav{background:linear-gradient(120deg,rgba(17,13,9,.98),rgba(7,6,5,.98));border-color:rgba(206,163,100,.3)}
.mobile-nav-item{color:#a9977a}
.mobile-nav-item.active{color:#e3bf83}
.mobile-nav-item.active svg{filter:drop-shadow(0 0 7px #bd904b55)}
.toast,.modal{background:linear-gradient(135deg,#332416,#130f0b);border-color:#cfa76d66;color:#efdbc0}
.modal-hero{color:#e6c99b;border-color:#d8b58077;background:#73553250;box-shadow:0 0 27px #c1883943}
.modal h2{font-family:Georgia,'Times New Roman',serif}
.modal p,.modal-detail span{color:#c9b497}
/* Respect reduced motion, including the actual local video. JS pauses it. */
.reduce-motion .emily-video{filter:contrast(1.13) saturate(.88) brightness(.8)}
@media(min-width:1600px){.sidebar{width:267px;min-width:267px}.emily-stage{height:390px}.emily-stage.small{height:230px}}
@media(max-width:1280px){.sidebar{width:225px;min-width:225px}.signature-viewport{width:184px}.eli-signature{width:192px;height:108px;top:-22px}.emily-stage{height:311px}}
@media(max-width:1050px){.sidebar{width:208px;min-width:208px}.signature-viewport{width:171px}.eli-signature{width:184px;height:104px;top:-20px}}
@media(max-width:790px){.sidebar{display:none}.topbar{position:relative;padding-top:66px}.mobile-signature-viewport{display:block;position:absolute;left:17px;top:0;width:172px;height:65px;overflow:hidden}.mobile-signature-viewport .eli-signature{width:185px;height:104px;top:-22px;left:-3px}.emily-stage{height:350px}.emily-stage.small{height:220px}}
@media(max-width:520px){.emily-stage{height:322px}.hero-copy h2{font-size:26px}.glass-card{border-radius:13px}}