/* EVIDRYX V9.1 cinematic interface audit upgrade. Visual effects only; never assert verification. */
:root{--cin-mint:#63f9d0;--cin-blue:#61c9ff}
.ev-cinema-side{position:fixed;top:0;bottom:0;width:clamp(16px,3.5vw,54px);z-index:0;pointer-events:none;overflow:hidden;opacity:.7;mask-image:linear-gradient(to bottom,transparent,black 16%,black 90%,transparent)}
.ev-cinema-side.left{left:0}.ev-cinema-side.right{right:0}
.ev-cinema-side canvas{display:block;width:100%;height:100%;opacity:.6}
.ev-cinema-side:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,8,18,.1),transparent 75%)}
.ev-cinema-scene{--cin-accent:#45ecca;position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(145px,.68fr);gap:clamp(12px,2.3vw,24px);align-items:center;min-height:124px;padding:clamp(16px,2.3vw,24px);margin:clamp(14px,2.4vw,28px) 0;border:1px solid rgba(89,227,212,.29);border-radius:20px;background:linear-gradient(110deg,rgba(8,40,53,.95),rgba(4,18,35,.97)),radial-gradient(circle at 80% 50%,rgba(32,218,185,.12),transparent 65%);box-shadow:0 20px 58px rgba(0,0,0,.2),inset 0 1px rgba(140,255,235,.09);overflow:hidden;color:#e0fff4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ev-cinema-scene:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(76,245,214,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(76,245,214,.1) 1px,transparent 1px);background-size:29px 29px;mask-image:linear-gradient(90deg,transparent 0%,black 70%)}
.ev-cinema-scene:after{content:'';pointer-events:none;position:absolute;inset:0;width:28%;transform:translateX(-150%) skew(-13deg);background:linear-gradient(90deg,transparent,rgba(66,236,199,.09),transparent);animation:ev-cinema-sweep 10s ease-in-out infinite}
.ev-cinema-scene>*{position:relative;z-index:1}
.ev-cinema-emblem{display:grid;place-items:center;position:relative;width:80px;height:80px;border-radius:50%;border:1px solid rgba(107,255,218,.34);box-shadow:inset 0 0 19px rgba(35,255,208,.11),0 0 24px rgba(35,255,208,.06)}
.ev-cinema-emblem:before,.ev-cinema-emblem:after{content:'';position:absolute;inset:6px;border:1px dashed rgba(116,254,216,.36);border-radius:50%;animation:ev-cinema-spin 17s linear infinite}
.ev-cinema-emblem:after{inset:-6px;border-color:rgba(72,180,255,.24);animation-duration:25s;animation-direction:reverse}
.ev-cinema-emblem svg{width:37px;height:37px;stroke:#72f8db;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 0 12px rgba(46,248,192,.33));animation:ev-cinema-icon 4s ease-in-out infinite}
.ev-cinema-copy{min-width:0}
.ev-cinema-kicker{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;color:#7deccc;letter-spacing:.12em}
.ev-cinema-pip{display:inline-block;width:7px;height:7px;background:#56ffcf;border-radius:50%;box-shadow:0 0 0 4px rgba(85,244,196,.11);animation:ev-cinema-pip 2.2s infinite}
.ev-cinema-copy h2{font-size:clamp(14px,1.45vw,19px);font-family:inherit;letter-spacing:.04em;margin:8px 0 6px;font-weight:900;color:#e5fff5;line-height:1.3}
.ev-cinema-copy p{font-size:11px;color:#a7cdcb;margin:0;max-width:57ch;line-height:1.5}
.ev-cinema-terminal{min-width:0;align-self:stretch;border-left:1px solid rgba(103,232,204,.2);padding-left:clamp(12px,2vw,24px);display:flex;flex-direction:column;justify-content:center;gap:7px}
.ev-cinema-terminal span{display:flex;align-items:center;gap:8px;color:#85bdc1;font-size:10px;letter-spacing:.04em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ev-cinema-terminal span b{color:#5cf3ce;font-weight:750}
.ev-cinema-terminal .ev-dynamic-code{color:#a6f8df;font-size:12px;min-height:17px}
.ev-cinema-terminal .ev-dynamic-code:after{content:'▌';color:#3affc3;animation:ev-cinema-caret .8s step-end infinite}
.ev-cinema-bars{display:flex;gap:4px;align-items:flex-end;height:17px;margin-top:3px;opacity:.74}
.ev-cinema-bars i{width:5px;height:20%;background:linear-gradient(0deg,#008f99,#50f8ca);border-radius:3px;transform-origin:bottom;animation:ev-cinema-bar 1.5s ease-in-out infinite;animation-delay:calc(var(--ci) * -150ms)}
.ev-visual-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:700 10px system-ui,sans-serif;letter-spacing:.03em;color:#a7eada;background:rgba(9,36,46,.94);border:1px solid #34776d;border-radius:999px;padding:9px 12px;box-shadow:0 7px 23px #0005;transition:background .2s,border-color .2s,transform .2s}
.ev-visual-toggle:hover{transform:translateY(-2px);background:#114238;border-color:#64eac7}.ev-visual-toggle:focus-visible{outline:2px solid #84f5d9;outline-offset:3px}
.ev-visual-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ev-cinema-scene .ev-scene-toggle{position:absolute;z-index:2;top:10px;right:10px;background:rgba(3,22,31,.8);padding:6px 8px;font-size:9px}
.ev-cinema-scene .ev-scene-toggle span{white-space:nowrap}
.ev-cinema-ready{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3ef9bc,#3eacff,transparent);background-size:200% 100%;animation:ev-cinema-trace 4s linear infinite}
.ev-cinema-scene :is(button,a):focus-visible{outline:2px solid #61f8cf;outline-offset:4px}
/* Consistent polished buttons and icons on every section, without changing core behavior. */
:where(.glass,.panel,.workspace,.feature,.tool-card,.flow-card,.route,.premium-modal,.overview-grid article,.diagnostic-card,.case-btn){transition:box-shadow .34s ease,border-color .3s ease,transform .3s cubic-bezier(.18,.78,.24,1)}
@media(hover:hover) and (pointer:fine){:where(.glass,.panel,.workspace,.feature,.flow-card,.diagnostic-card):hover{border-color:rgba(91,241,207,.48)!important;box-shadow:0 14px 52px rgba(0,178,179,.085)}}
:where(button,a){transition:filter .24s ease,box-shadow .24s ease,transform .24s ease}
@media(hover:hover) and (pointer:fine){:where(button,a):hover{filter:brightness(1.07)}:where(.primary,.play-preview,.action-btn,.cta,.button-main):hover{box-shadow:0 8px 30px rgba(41,232,193,.19)}}
.ev-cinema-off .ev-cinema-side{display:none!important}.ev-cinema-off .ev-cinema-scene:after,.ev-cinema-off .ev-cinema-emblem:before,.ev-cinema-off .ev-cinema-emblem:after,.ev-cinema-off .ev-cinema-emblem svg,.ev-cinema-off .ev-cinema-pip,.ev-cinema-off .ev-cinema-bars i,.ev-cinema-off .ev-cinema-ready,.ev-cinema-off .ev-dynamic-code:after{animation:none!important}
.ev-cinema-off .ev-cinema-bars i{height:32%!important}
@keyframes ev-cinema-sweep{0%,14%{transform:translateX(-150%) skew(-13deg)}60%,100%{transform:translateX(440%) skew(-13deg)}}
@keyframes ev-cinema-spin{to{transform:rotate(360deg)}}
@keyframes ev-cinema-icon{50%{transform:translateY(-3px);filter:drop-shadow(0 0 18px rgba(46,248,192,.6))}}
@keyframes ev-cinema-pip{50%{opacity:.42;box-shadow:0 0 0 8px rgba(85,244,196,0)}}
@keyframes ev-cinema-caret{50%{opacity:0}}
@keyframes ev-cinema-bar{0%,100%{height:24%}50%{height:calc(35% + var(--ci) * 9%)}}
@keyframes ev-cinema-trace{to{background-position:-200% 0}}
@media(max-width:730px){.ev-cinema-scene{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:17px 14px}.ev-cinema-emblem{height:58px;width:58px}.ev-cinema-emblem svg{width:26px;height:26px}.ev-cinema-terminal{grid-column:1/-1;border-left:0;border-top:1px solid rgba(102,224,201,.18);padding:10px 0 0;gap:5px}.ev-cinema-terminal span{font-size:9px}.ev-cinema-side{width:20px;opacity:.42}.ev-cinema-copy h2{padding-right:54px}.ev-cinema-scene .ev-scene-toggle{top:9px;right:8px}}
@media(max-width:390px){.ev-cinema-scene{grid-template-columns:1fr}.ev-cinema-emblem{display:none}.ev-cinema-terminal{grid-column:auto}.ev-cinema-copy h2{padding-right:45px}}
@media(prefers-reduced-motion:reduce){.ev-cinema-side{display:none!important}.ev-cinema-scene *,.ev-cinema-scene:after{animation:none!important;transition:none!important}.ev-cinema-bars i{height:32%!important}.ev-cinema-ready{background-position:0 0}}
@media print{.ev-cinema-scene,.ev-cinema-side{display:none!important}}