/* ev-glass.css — "Aurora Glass" design for the TOOL page only (/ai-answer-checker/check/), owner 8 Nov 2026.
   Source: Great_AI_Answer_Checker_Glossy_3D.html. Everything is scoped to html.ev-tool; nothing here changes behaviour. */
html.ev-tool body{background:#f3f4ff}

/* ---------- hero ---------- */
.evg-hero{display:none}
html.ev-tool .evg-hero{display:block;position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(ellipse at 16% 12%,rgba(120,74,255,.44) 0,transparent 42%),radial-gradient(ellipse at 84% 9%,rgba(19,142,243,.32) 0,transparent 40%),linear-gradient(150deg,#0b0c2b 0%,#16164b 45%,#252267 100%)}
.evg-hero__in{max-width:1320px;margin:0 auto;padding:38px 28px 112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.evg-hero__l{min-width:0;max-width:820px}
.evg-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#cfc8ff;letter-spacing:.17em;font-size:10.5px;font-weight:800;text-transform:uppercase;border:1px solid #ffffff38;background:linear-gradient(110deg,#ffffff20,#ffffff06);padding:6px 13px 6px 6px;border-radius:100px;box-shadow:inset 0 1px #ffffff3b;margin:0 0 16px}
.evg-eyebrow i{width:24px;height:24px;display:grid;place-items:center;font-style:normal;font-size:12px;border-radius:50%;color:#713b65;background:linear-gradient(135deg,#fff1ad,#ffb969 58%,#cb78ff);box-shadow:inset 0 1px #fff}
html.ev-tool .evg-hero h1{font-family:Poppins,system-ui,sans-serif;font-size:clamp(32px,4vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1.08;color:#fff;margin:0 0 14px}
.evg-accent{background:linear-gradient(95deg,#80efff 0%,#bcb0ff 47%,#ffb3e3 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.evg-hero p{font-size:15px;line-height:1.7;color:#d1d5f1;max-width:640px;margin:0}
.evg-hero p a{color:#a9f4ff;font-weight:600}
.evg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.evg-chips span{display:inline-flex;align-items:center;gap:7px;color:#eeecff;background:linear-gradient(110deg,#ffffff22,#ffffff0c);border:1px solid #ffffff31;border-radius:100px;padding:8px 12px;font-size:12px;font-weight:600;box-shadow:inset 0 1px #ffffff35}
.evg-chips b{color:#7bf6d6}
/* sculpted 3D art */
.evg-art{position:relative;flex:0 0 340px;width:340px;height:250px;perspective:900px;pointer-events:none;filter:drop-shadow(0 26px 25px #09052488)}
.evg-card{position:absolute;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffffb8;box-shadow:inset 3px 4px 6px #ffffffba,inset -12px -14px 25px #2c168c88,0 25px 46px #03062487}
.evg-card::before{content:"";position:absolute;top:-40%;left:-50%;width:160%;height:83%;border-radius:50%;background:linear-gradient(180deg,#ffffffa5,transparent);transform:rotate(-18deg);opacity:.57}
.evg-card svg{width:62%;height:62%;position:relative;color:#fff;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}
.evg-main{width:150px;height:150px;top:50px;left:92px;border-radius:44px;background:linear-gradient(135deg,#ddd4ff,#b08aff 19%,#8152f8 50%,#4435d3);transform:rotate(-14deg);animation:evgA 6s ease-in-out infinite}
.evg-check{width:96px;height:96px;right:6px;top:18px;border-radius:30px;background:linear-gradient(125deg,#c6fff0,#57f4e4 20%,#1dc7c8 55%,#0084a7);transform:rotate(13deg);animation:evgB 5s ease-in-out infinite}
.evg-pen{width:92px;height:92px;left:4px;bottom:14px;border-radius:28px;background:linear-gradient(125deg,#fff8ba,#ffca68 24%,#fe8c6a 58%,#e34386);transform:rotate(15deg);animation:evgC 5.6s ease-in-out infinite}
@keyframes evgA{50%{transform:translateY(-10px) rotate(-11deg)}}
@keyframes evgB{50%{transform:translateY(9px) rotate(9deg)}}
@keyframes evgC{50%{transform:translateY(-9px) rotate(20deg)}}

/* ---------- workspace ---------- */
html.ev-tool #evHead{display:none!important}
html.ev-tool body #evLayout.ev10-one{max-width:1320px;margin-top:-84px!important;padding:0 28px 40px;position:relative;z-index:2}
html.ev-tool #evShell{background:linear-gradient(145deg,#fff,#f8f8ff)!important;border:1px solid #fff!important;border-radius:30px!important;padding:0!important;overflow:hidden;box-shadow:0 42px 100px #0d0b4544,0 10px 32px #25206f24,0 0 0 2px #ddd4ff80!important}
html.ev-tool #evWrap:not([hidden]){gap:0!important;grid-template-columns:minmax(0,1fr) 340px!important}
html.ev-tool #evUploadRoot{padding:0 30px 28px!important;min-width:0}
html.ev-tool #evTips{padding:24px 20px;background:linear-gradient(160deg,#f5f0ff,#edf5ff 55%,#f4f5ff);border-left:1px solid #dfe5fb;display:flex;flex-direction:column;gap:16px;position:static!important;top:auto!important}

/* step band: dark glass across the top of the panel */
html.ev-tool .ev10-rail{margin:0 -30px 26px!important;padding:20px 30px!important;border-radius:0!important;background:linear-gradient(114deg,#1a1a53,#272073 50%,#184976)!important;box-shadow:inset 0 1px #ffffff40}
html.ev-tool .ev10-rail::before{background:#ffffff35!important}
html.ev-tool .ev10-rail-t b{color:#b0b6e1!important}
html.ev-tool .ev10-rail-t i{color:#8f96c8!important}
html.ev-tool .ev10-rail-n{background:linear-gradient(150deg,#ffffff2a,#ffffff09)!important;border:1px solid #ffffff51!important;color:#e5e5ff!important;box-shadow:inset 0 1px #ffffff56!important}
html.ev-tool .ev10-rail-i.is-on .ev10-rail-t b{color:#fff!important}
html.ev-tool .ev10-rail-i.is-on .ev10-rail-n{background:linear-gradient(145deg,#afa8ff,#7458ff 45%,#4434cc)!important;border-color:#e2deff!important;color:#fff!important;box-shadow:inset 0 2px #ffffff95,0 0 0 5px #a393ff35!important}
html.ev-tool .ev10-rail-i.is-done .ev10-rail-t b{color:#a9ffeb!important}
html.ev-tool .ev10-rail-i.is-done .ev10-rail-n{background:linear-gradient(140deg,#7df2dd,#0ead9c)!important;border-color:#acffe8!important;color:#093c4b!important}

html.ev-tool .ev10-step-h h2{font-size:25px;color:#1b2550;letter-spacing:-.02em}

/* upload cards: raised glossy tiles */
html.ev-tool .ev10-slots{gap:18px}
html.ev-tool .ev10 .ev10-slot,html.ev-tool .ev10-slot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:118px;padding:20px;border:1px solid #d4cefc!important;border-radius:24px;background:linear-gradient(147deg,#fff,#f5f1ff 63%,#e9e5ff)!important;box-shadow:inset 0 2px 1px #fff,0 10px 19px #51439f12;transition:transform .25s cubic-bezier(.2,.85,.3,1),box-shadow .25s,border-color .25s}
html.ev-tool .ev10-slots .ev10-slot:nth-child(2){border-color:#a9e9e6!important;background:linear-gradient(140deg,#fff,#edfffc 60%,#d6f7f8)!important}
html.ev-tool .ev10-slot:hover,html.ev-tool .ev10-slot.is-drag{transform:translateY(-4px);border-color:#937aff!important;box-shadow:inset 0 2px #fff,0 22px 38px #4c3daf30}
html.ev-tool .ev10-slot.has-files{border-color:#21ba97!important}
html.ev-tool .ev10-slot-i,html.ev-tool .ev10-slots .ev10-slot:nth-child(n) .ev10-slot-i{position:relative;width:57px;height:57px;border-radius:19px;display:grid;place-items:center;font-size:25px;overflow:hidden;border:1px solid #ffffffc5;background:linear-gradient(138deg,#dfd7ff,#a48aff 21%,#8759ff 55%,#4931be);box-shadow:inset 2px 3px 2px #ffffff8f,inset -5px -7px 13px #34229281,0 9px 15px #6d48e263}
html.ev-tool .ev10-slots .ev10-slot:nth-child(2) .ev10-slot-i{background:linear-gradient(138deg,#e2fff7,#77eddf 18%,#17bdc2 57%,#007da0);box-shadow:inset 2px 3px #ffffff9c,inset -5px -7px 13px #006e9f81,0 9px 18px #00aaa459}
html.ev-tool .ev10-slot-t b{font-size:16px;color:#1d2b53}
html.ev-tool .ev10-slot-t span{font-size:13px;color:#7783a4}
html.ev-tool .ev10-choose{border-radius:12px!important;background:linear-gradient(150deg,#fff,#f5f0ff)!important;border:1px solid #d9ccff!important;color:#6542d9!important;font-weight:600;box-shadow:inset 0 1px #fff,0 5px 10px #7556c31c}

html.ev-tool .ev10-signin{border-radius:18px;border-color:#e5defa;background:linear-gradient(120deg,#f5f1ff,#f1f6ff);box-shadow:inset 0 1px #fff}
html.ev-tool .ev10-opt-t{display:flex;width:100%;align-items:center;gap:8px;margin:18px 0 0;padding:15px 18px;border:1px solid #efdcbb;border-radius:18px;background:linear-gradient(120deg,#fffcf6,#fff9ec 65%,#f7efff);color:#403151;font-weight:600;box-shadow:inset 0 2px #fff,0 9px 22px #ddad6515}

/* fields */
html.ev-tool .ev10-meta{margin-top:22px;padding-top:22px;border-top:1px solid #ecedf5}
html.ev-tool .ev10 .inp,html.ev-tool .ev10-meta .inp{min-height:48px;border-radius:13px;border:1px solid #dce1f1;background:linear-gradient(180deg,#f9faff,#fff);box-shadow:inset 0 2px 5px #1c266009}
html.ev-tool .ev10 .inp:focus{border-color:#9886ff;box-shadow:0 0 0 4px #e8e3ff;outline:0}

/* glossy primary button, on every step */
html.ev-tool .ev10 .btn.primary:not(:disabled){position:relative;overflow:hidden;background:linear-gradient(110deg,#845bff,#6544f4 55%,#4972ff);border:1px solid #ffffff38;border-radius:14px;color:#fff;box-shadow:inset 0 2px 1px #ffffff61,inset 0 -3px 5px #3321b04a,0 12px 24px #6353ee61}
html.ev-tool .ev10 .btn.primary:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(110deg,#9b78ff,#674cf4,#457df8)}
html.ev-tool .ev10 .btn.primary:disabled{background:linear-gradient(115deg,#aaa6dd,#9f9bd0);border-radius:14px;color:#fff}

/* other steps */
html.ev-tool .ev10-tier{border-radius:17px;background:linear-gradient(145deg,#fff,#f6f4ff);box-shadow:inset 0 1px #fff,0 6px 13px #7e72b51c}
html.ev-tool .ev10-tier.is-on{background:linear-gradient(140deg,#f5f0ff,#e9e5ff);border-color:#9375ff;box-shadow:inset 0 2px #fff,0 0 0 3px #e6ddff}
html.ev-tool .ev10-total{border-radius:19px;background:linear-gradient(125deg,#f1ebff,#e6f6ff);border:1px solid #cfc7f9}
html.ev-tool .ev10-score{background:linear-gradient(135deg,#845bff,#4972ff)}

/* ---------- right bar ---------- */
.evg-report{position:relative;overflow:hidden;border-radius:24px;border:1px solid #ffffff40;padding:20px;color:#fff;background:radial-gradient(ellipse at 85% 0%,#5e57b2,transparent 47%),linear-gradient(155deg,#171d51,#161c49 54%,#101b3e);box-shadow:inset 0 2px 1px #ffffff6c,0 23px 42px #1b1e6a41}
.evg-report small{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#d3c3ff}
.evg-report h3{margin:6px 0 2px;font:600 18px/1.25 Poppins,system-ui,sans-serif;color:#fff}
.evg-report>p{margin:0;font-size:12.5px;color:#bec6e5}
.evg-sheet{margin:18px 6px 12px;padding:14px;border-radius:11px;background:#fff;color:#1d2b53;transform:perspective(500px) rotate(-3deg) rotateY(-5deg);box-shadow:1px 5px #d6d6eb,4px 9px #7777ae,0 24px 30px #060824a6;transition:transform .3s}
.evg-report:hover .evg-sheet{transform:perspective(500px) rotate(-1deg) translateY(-3px)}
.evg-sheet b{display:block;font-size:13px}
.evg-sheet ul{list-style:none;margin:10px 0 0;padding:0}
.evg-sheet li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #eef0f6;font-size:12px;color:#4b5675}
.evg-sheet em{font-style:normal;font-weight:700;color:#0f8f68}
.evg-sheet em.w{color:#c2700a}
.evg-note{display:block;text-align:center;font-size:11px;color:#bbc2e4}
html.ev-tool #evTips .sf-rail{margin:0;padding:14px;background:#ffffffb8;border:1px solid #dfe5f6;border-radius:18px;box-shadow:inset 0 1px #fff,0 7px 15px #6e63a714}
html.ev-tool #evTips .sf-card__k{display:none}

/* ---------- smaller screens ---------- */
@media(max-width:1023px){
  html.ev-tool #evWrap:not([hidden]){grid-template-columns:minmax(0,1fr)!important}
  html.ev-tool #evTips{border-left:0;border-top:1px solid #dfe5fb}
  .evg-art{flex-basis:260px;width:260px;transform:scale(.8)}
}
@media(max-width:760px){
  .evg-hero__in{display:block;padding:22px 16px 74px}
  .evg-art{display:none}
  .evg-hero p{font-size:14px}
  .evg-chips span{font-size:11.5px;padding:6px 10px}
  html.ev-tool body #evLayout.ev10-one{margin-top:-52px!important;padding:0 10px 24px!important}
  html.ev-tool #evShell{border-radius:22px!important}
  html.ev-tool #evUploadRoot{padding:0 14px 20px!important}
  html.ev-tool .ev10-rail{margin:0 -14px 18px!important;padding:14px 10px!important}
  html.ev-tool .ev10-step-h h2{font-size:21px}
  html.ev-tool .ev10-slot,html.ev-tool .ev10 .ev10-slot{min-height:0;padding:14px;gap:10px;border-radius:18px}
  html.ev-tool .ev10-slot-i,html.ev-tool .ev10-slots .ev10-slot:nth-child(n) .ev10-slot-i{width:46px;height:46px;border-radius:15px;font-size:20px}
  html.ev-tool .ev10-slots{gap:12px}
  html.ev-tool #evTips{padding:16px 14px}
}
@media(prefers-reduced-motion:reduce){.evg-card{animation:none!important}html.ev-tool .ev10-slot,.evg-sheet{transition:none}}

/* site heading colour rules beat the white text on the dark panels */
html.ev-tool body .evg-hero h1,html.ev-tool body .evg-report h3{color:#fff!important}
html.ev-tool body .evg-hero h1 .evg-accent{color:transparent!important}
html.ev-tool #evWrap:not([hidden]){align-items:stretch!important}
/* phone header with the guest Sign in: the full brand name must fit (same as the hub) */
@media(max-width:640px){.site-brand__name{font-size:11.5px!important;letter-spacing:-.01em;overflow:visible!important}.hx .hx__row{gap:6px!important}.hx .site-brand{gap:6px!important;overflow:visible!important}.hx .site-brand__text{overflow:visible!important}html body #abNav .acct-badge .acct-badge__signin{padding:0 10px!important;font-size:12px!important}.hx__ctl,.hx__ctl .acct-badge{gap:6px!important}}

/* rail-line + tip3, 11 Nov 2026 */
html.ev-tool .ev10-rail::before{top:34px!important;left:calc(30px + (100% - 60px)/8)!important;right:calc(30px + (100% - 60px)/8)!important;width:auto!important;height:2px!important;z-index:0!important}
html.ev-tool .ev10-rail .ev10-rail-n{position:relative;z-index:1;background-color:#27246a!important}
html.ev-tool .ev10-rail .ev10-rail-i button{padding-top:0!important}
@media(max-width:760px){html.ev-tool .ev10-rail::before{top:28px!important;left:calc(10px + (100% - 20px)/8)!important;right:calc(10px + (100% - 20px)/8)!important}}
@media(max-width:640px){html.ev-tool .ev10-rail::before{top:27px!important}}
.ev10-tip3{margin:0 0 14px;border-radius:16px;border:1.5px solid #9fe3cb;background:linear-gradient(135deg,#ecfdf5,#f1f6ff);overflow:hidden;box-shadow:0 6px 18px rgba(18,172,125,.10)}
.ev10-tip3-h{display:flex;align-items:center;gap:9px;padding:9px 14px;background:linear-gradient(100deg,#0f9f77,#17b890 55%,#2a8fd6);color:#fff;font-weight:800;font-size:14.5px;line-height:1.3}
.ev10-tip3-h span{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.22);font-size:15px}
.ev10-tip3 ol{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ev10-tip3 li{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border-radius:12px;background:#fff;border:1px solid #d8efe6;min-width:0}
.ev10-tip3 li>i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:850;font-size:14px;color:#fff;background:linear-gradient(145deg,#19c193,#0b8d6b);box-shadow:0 4px 9px rgba(11,141,107,.3),inset 0 1.5px rgba(255,255,255,.4)}
.ev10-tip3 li:nth-child(2)>i{background:linear-gradient(145deg,#5a8cf5,#3558d6);box-shadow:0 4px 9px rgba(53,88,214,.3),inset 0 1.5px rgba(255,255,255,.4)}
.ev10-tip3 li:nth-child(3)>i{background:linear-gradient(145deg,#f5a94e,#e07a1f);box-shadow:0 4px 9px rgba(224,122,31,.3),inset 0 1.5px rgba(255,255,255,.4)}
.ev10-tip3 li b{display:block;font-size:14px;color:#0b3b30;line-height:1.3;margin-bottom:2px}
.ev10-tip3 li p{margin:0;font-size:12.5px;line-height:1.45;color:#3d5a52}
@media(max-width:760px){.ev10-tip3 ol{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px}.ev10-tip3-h{font-size:13.5px}}