/* V2 design tokens: entirely independent of legacy calculator variables. */
:root{
 --ev-page:#f4f7fd;--ev-card:#ffffff;--ev-inset:#f3f6fc;--ev-text:#152542;
 --ev-muted:#52637e;--ev-border:#dde5f1;--ev-accent:#4256d9;--ev-bright:#4f60e5;
 --ev-sheen:rgba(74,94,230,.12);--ev-shadow:0 20px 52px rgba(30,50,88,.095);
}
html[data-theme="dark"]{
 --ev-page:#0b1326;--ev-card:#17243b;--ev-inset:#101d33;--ev-text:#f1f5ff;
 --ev-muted:#b6c6dd;--ev-border:#30425e;--ev-accent:#b7bcff;--ev-bright:#838dff;
 --ev-sheen:rgba(120,138,255,.17);--ev-shadow:0 24px 52px rgba(0,3,18,.31);
}
body:has(.ev-section),body:has(.ev-workspace){background:var(--ev-page);color:var(--ev-text)}


/* Everyday Tools — theme-aware and mobile-first */
.ev-hero{background:radial-gradient(circle at 77% 17%,#5b54d6 0%,#1d2751 35%,#101e38 76%);color:#fff;padding:68px 0 83px;overflow:hidden}
.ev-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);align-items:center;gap:38px}
.ev-eyebrow{color:#c7c5ff;letter-spacing:.19em;text-transform:uppercase;font-weight:850;font-size:11px}
.ev-hero h1{font-size:clamp(43px,5.2vw,76px);line-height:1.07;letter-spacing:-.052em;color:#fff;margin:17px 0 22px}
.ev-hero h1 span{color:#a4e8ff}
.ev-hero p{font-size:18px;max-width:550px;color:#cbd5f2;line-height:1.7}
.ev-hero-button{display:inline-flex;align-items:center;gap:23px;background:#fff;color:#2733ab!important;padding:15px 21px;border-radius:13px;font-weight:850;text-decoration:none;margin-top:20px;box-shadow:0 11px 29px #070c2b50}
.ev-trust{margin-top:30px;font-size:12px;color:#d5dcf6;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.ev-trust b{opacity:.45}
.ev-hero-art{display:grid;grid-template-columns:repeat(2,128px);gap:16px;justify-content:center;transform:rotate(-9deg)}
.ev-hero-art span{height:126px;display:grid;place-items:center;font-weight:900;font-size:48px;color:white;border:1px solid #ffffff44;background:#ffffff1e;box-shadow:0 22px 35px #070c2736;border-radius:27px;backdrop-filter:blur(10px)}
.ev-hero-art span:nth-child(2){transform:translateY(25px);background:#5bd4ff3b}.ev-hero-art span:nth-child(3){background:#cbb6ff2b}
.ev-section{padding-top:65px;padding-bottom:64px}.ev-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-bottom:27px}
.ev-heading h2{font-size:clamp(25px,3.1vw,40px);margin:10px 0 6px;letter-spacing:-.035em}.ev-heading p{color:var(--ev-muted)}
.ev-muted{color:var(--ev-accent)}.ev-search-label{display:grid;gap:7px;font-size:12px;font-weight:750;color:var(--ev-muted)}
.ev-search-label input{min-width:min(300px,90vw);padding:14px 17px;border:1px solid var(--ev-border);background:var(--ev-card);color:var(--ev-text);border-radius:12px;font:inherit}
.ev-filters,.ev-segment{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}
.ev-filters button,.ev-segment button,.ev-action-grid button{border:1px solid var(--ev-border);border-radius:11px;padding:10px 15px;color:var(--ev-text);background:var(--ev-card);font-weight:750;cursor:pointer}
.ev-filters button.chosen,.ev-segment button.chosen{background:#4656e6;color:#fff;border-color:#4656e6}
.ev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.ev-card{display:flex;flex-direction:column;min-height:270px;position:relative;padding:25px;border:1px solid var(--ev-border);border-radius:22px;background:var(--ev-card);color:var(--ev-text);text-decoration:none;box-shadow:0 10px 25px #00000007;transition:transform .18s,box-shadow .18s,border-color .18s}
.ev-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #19265019;border-color:#7a87e6}.ev-card h3{font-size:19px;font-weight:850;letter-spacing:-.02em;margin:18px 0 10px}.ev-card p{color:var(--ev-muted);line-height:1.6;font-size:14px;flex:1}
.ev-icon{width:57px;height:57px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:27px;font-weight:900}
.ev-icon.indigo{background:#e8e9ff;color:#4746c9}.ev-icon.cyan{background:#ddf8fb;color:#087e91}.ev-icon.violet{background:#f0e9ff;color:#8152ca}.ev-icon.rose{background:#ffe8ed;color:#d64d72}.ev-icon.amber{background:#fff2d6;color:#b77d18}
.ev-tag{position:absolute;right:20px;top:28px;font-size:11px;color:var(--ev-muted);font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.ev-visit{color:#4f5ddd;font-size:13px;font-weight:850;margin-top:24px;display:flex;justify-content:space-between}
.ev-empty,.ev-note{padding:20px 0;color:var(--ev-muted)}.ev-note{font-size:13px}
.ev-tool-head{background:linear-gradient(125deg,#111d37,#263663);color:white;padding:38px 0 100px}
.ev-breadcrumb{color:#d0dbf6;font-size:12px;margin-bottom:31px}.ev-breadcrumb a{color:inherit;text-decoration:none}.ev-breadcrumb a:hover{text-decoration:underline}
.ev-tool-identity{display:flex;align-items:center;gap:14px}.ev-tool-identity .ev-icon{width:45px;height:45px;font-size:22px}.ev-tool-head h1{color:#fff;font-size:clamp(30px,4vw,48px);margin:15px 0 10px;line-height:1.15;letter-spacing:-.035em}
.ev-tool-head p{color:#dde6ff;max-width:790px;line-height:1.7}
.ev-workspace{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);align-items:start;gap:22px;margin-top:-68px;position:relative;z-index:1}
.ev-form-panel,.ev-preview-panel{background:var(--ev-card);border:1px solid var(--ev-border);border-radius:22px;padding:27px;box-shadow:0 16px 40px #09152c10;min-width:0}
.ev-panel-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap}.ev-panel-head h2{font-size:19px;font-weight:900;letter-spacing:-.025em;margin:0}
.ev-privacy,.ev-live{font-size:11px;color:#24866c;font-weight:800;background:#e0f6ed;padding:8px 10px;border-radius:20px}.ev-live span{color:#12a173}
.ev-stack{display:grid;gap:17px}.ev-stack label{display:grid;gap:8px;font-size:13px;font-weight:790;color:var(--ev-text)}.ev-stack label strong{color:#5167e7}
.ev-stack input:not([type=checkbox]):not([type=range]):not([type=file]),.ev-stack select,.ev-stack textarea{display:block;width:100%;background:var(--ev-inset);color:var(--ev-text);border:1px solid var(--ev-border);border-radius:12px;padding:13px 14px;font:inherit;font-size:14px;min-width:0}
.ev-stack textarea{resize:vertical;min-height:190px;line-height:1.6}.ev-stack input[type=range]{accent-color:#5266e6;width:100%;cursor:pointer}
.ev-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ev-cols button{width:100%}
.ev-primary,.ev-outline{font:inherit;font-size:14px;padding:14px 20px;border-radius:12px;font-weight:850;cursor:pointer;transition:transform .18s,background .18s}
.ev-primary{background:linear-gradient(135deg,#5868ef,#4549ce);color:#fff;border:0;box-shadow:0 8px 19px #555beb2e}
.ev-primary:hover{transform:translateY(-2px)}.ev-primary:disabled{opacity:.6;cursor:wait;transform:none}
.ev-outline{background:var(--ev-card);color:var(--ev-text);border:1px solid var(--ev-border)}
.ev-status{font-size:12px;line-height:1.5;min-height:22px;margin-top:16px}.ev-success{color:#16856e}.ev-error{background:#fff0ef;color:#bf332f;padding:11px;border-radius:9px}
.ev-preview-panel{min-height:360px;position:sticky;top:89px}
.ev-preview-content{display:grid;place-items:center;min-height:195px;padding:12px 4px;overflow:hidden}
.ev-empty-preview{padding:36px 12px;max-width:100%;text-align:center;color:var(--ev-muted);line-height:1.6;background:var(--ev-inset);border:1px dashed var(--ev-border);border-radius:18px;width:100%;font-size:14px}
.ev-summary{margin-top:18px;color:var(--ev-muted);font-size:12px;line-height:1.6;padding-top:18px;border-top:1px solid var(--ev-border)}
.ev-qr-wrap{text-align:center}.ev-qr-box{max-width:100%;margin:auto;padding:8px;background:#fff;border-radius:12px}.ev-qr-box canvas,.ev-qr-box img{max-width:min(100%,280px);height:auto!important;display:block;margin:auto}
.ev-qr-wrap p{font-size:12px;color:var(--ev-muted);margin:13px 0}.ev-download{display:block;margin:18px auto 0}
.ev-drop{min-height:150px;border:2px dashed #aeb8e8;background:color-mix(in srgb,var(--ev-card),#5565ff 4%);display:flex!important;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:24px;text-align:center;border-radius:17px}
.ev-drop:hover,.ev-drop.ev-drag{border-color:#5466e6;background:color-mix(in srgb,var(--ev-card),#5466ff 11%)}
.ev-drop strong{font-size:16px}.ev-drop small{color:var(--ev-muted);font-size:12px}.ev-drop-icon{font-size:38px;color:#5266dd}
.ev-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ev-image-preview{max-width:100%;text-align:center}.ev-image-preview img{max-width:100%;max-height:340px;object-fit:contain;border-radius:12px}
.ev-checks{display:grid;gap:12px;border:1px solid var(--ev-border);border-radius:15px;padding:17px}.ev-checks legend{font-size:12px;font-weight:850;padding:0 7px}.ev-checks label{display:flex;gap:8px;align-items:center;font-size:13px}.ev-checks input{accent-color:#4b5ad9}
.ev-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ev-action-grid button{font-size:12px;padding:12px 6px}
.ev-text-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.ev-text-stats div{background:var(--ev-inset);padding:17px;border-radius:12px;display:grid;gap:4px;text-align:center}.ev-text-stats strong{font-size:25px}.ev-text-stats span{color:var(--ev-muted);font-size:11px}
.ev-password{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;letter-spacing:.03em;font-size:23px;font-weight:850;text-align:center;line-height:1.55}
.ev-meter{display:flex;gap:6px;margin-top:19px}.ev-meter span{height:6px;border-radius:8px;flex:1;background:#24b58c}
.ev-file-list{display:grid;gap:7px}.ev-file-row{display:flex;justify-content:space-between;gap:9px;align-items:center;border:1px solid var(--ev-border);border-radius:10px;padding:9px;font-size:12px}.ev-file-row>span:first-child{min-width:0;overflow-wrap:anywhere}.ev-file-row>span:last-child{white-space:nowrap}.ev-file-row button{border:1px solid var(--ev-border);background:var(--ev-inset);color:var(--ev-text);border-radius:7px;margin-left:4px;cursor:pointer}.ev-file-row button:disabled{opacity:.3}
.ev-pdf-visual{text-align:center;display:grid;gap:8px}.ev-pdf-visual>span{font-size:55px;color:#5769e4}.ev-pdf-visual>strong{font-size:22px}.ev-pdf-visual>small{color:var(--ev-muted)}
.ev-info{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:55px;margin-bottom:60px}.ev-info article,.ev-info aside{min-width:0;border:1px solid var(--ev-border);border-radius:22px;padding:27px;background:var(--ev-card)}
.ev-info h2{font-size:24px}.ev-info h3{font-size:18px;margin:28px 0 9px}.ev-info p{color:var(--ev-muted);line-height:1.75;margin-top:9px}.ev-info details{border-top:1px solid var(--ev-border);padding:15px 0}.ev-info summary{font-weight:800;cursor:pointer}.ev-info details p{margin:10px 0}
.ev-info aside .ev-card{min-height:0;padding:15px;margin-top:9px;border-radius:12px}.ev-info aside .ev-card .ev-icon,.ev-info aside .ev-card .ev-tag,.ev-info aside .ev-card p{display:none}.ev-info aside .ev-card h3{font-size:14px;margin:0}.ev-info aside .ev-card .ev-visit{margin-top:8px}
[data-theme="dark"] .ev-form-panel,[data-theme="dark"] .ev-preview-panel,[data-theme="dark"] .ev-card,[data-theme="dark"] .ev-info article,[data-theme="dark"] .ev-info aside{box-shadow:0 14px 30px #00000026}
[data-theme="dark"] .ev-privacy,[data-theme="dark"] .ev-live{background:#143b35;color:#99f6e4}
@media(max-width:850px){.ev-hero-layout{grid-template-columns:1fr}.ev-hero-art{display:none}.ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ev-workspace{grid-template-columns:1fr}.ev-preview-panel{position:static}.ev-info{grid-template-columns:1fr}}
@media(max-width:550px){.ev-hero{padding:48px 0 58px}.ev-hero h1{font-size:44px}.ev-grid{grid-template-columns:1fr}.ev-workspace{gap:14px;margin-top:-65px}.ev-form-panel,.ev-preview-panel{padding:19px;border-radius:17px}.ev-cols{grid-template-columns:1fr}.ev-hero p{font-size:16px}.ev-heading{align-items:stretch}.ev-search-label input{min-width:0}.ev-action-grid{grid-template-columns:repeat(2,1fr)}.ev-info article,.ev-info aside{padding:19px}}
@media(prefers-reduced-motion:reduce){.ev-card,.ev-primary{transition:none}}


/* Product-quality surfaces, sharper hierarchy, practical contrast in both themes. */
.ev-hero{background:
 radial-gradient(ellipse 45% 85% at 89% 8%,rgba(123,100,255,.36),transparent 82%),
 radial-gradient(ellipse 40% 70% at 10% 98%,rgba(29,160,219,.17),transparent 78%),
 linear-gradient(128deg,#101b35 0%,#202d56 58%,#171f3e 100%);border-bottom:1px solid #5967c02b}
.ev-hero-layout{min-height:350px}
.ev-hero-art span{border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 #ffffff38,0 26px 42px #05092455}
.ev-heading h2,.ev-panel-head h2,.ev-info h2,.ev-info h3,.ev-card h3{color:var(--ev-text)!important}
.ev-heading p,.ev-card p,.ev-info p,.ev-visit,.ev-breadcrumb{line-height:1.67}
.ev-heading p,.ev-card p,.ev-info p,.ev-note{color:var(--ev-muted)!important}
.ev-filters button{background:var(--ev-card);color:var(--ev-text);border-color:var(--ev-border);min-height:42px}
.ev-filters button.chosen,.ev-segment button.chosen{background:linear-gradient(125deg,#5567ee,#5550cf)!important;color:#fff!important;box-shadow:0 6px 20px #525fe543}
.ev-card{
 color:var(--ev-text)!important;background:var(--ev-card)!important;border-color:var(--ev-border)!important;
 box-shadow:var(--ev-shadow);border-radius:25px;min-height:292px;padding:27px;
 overflow:hidden;isolation:isolate;
}
.ev-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#648eff,#8f79ee,#55d2c9)}
.ev-card::after{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-70px;background:radial-gradient(circle,var(--ev-sheen),transparent 75%);pointer-events:none;z-index:-1}
.ev-card:hover{box-shadow:0 24px 58px #080f2830;border-color:var(--ev-bright)!important}
.ev-card h3{font-size:19px;letter-spacing:-.025em;line-height:1.36;margin-top:24px}
.ev-card p{font-size:14px}
.ev-visit{color:var(--ev-accent);font-weight:900;align-items:center}
.ev-search-label{color:var(--ev-muted)}
.ev-search-label input{height:47px;min-height:47px;background:var(--ev-card);border-color:var(--ev-border);color:var(--ev-text)}
.ev-search-label input::placeholder,.ev-stack input::placeholder,.ev-stack textarea::placeholder{color:var(--ev-muted);opacity:.78}
.ev-tool-head{
 background:radial-gradient(ellipse 35% 70% at 85% 15%,#5056a854,transparent),
 linear-gradient(112deg,#111c38 0%,#1c2d54 69%,#25335d 100%);
 padding-top:43px;padding-bottom:120px
}
.ev-tool-head h1{font-size:clamp(34px,4.4vw,54px);font-weight:850;line-height:1.12}
.ev-tool-head p{font-size:15px;max-width:790px}
.ev-workspace{gap:23px;margin-top:-84px}
.ev-form-panel,.ev-preview-panel,.ev-info article,.ev-info aside{
 background:var(--ev-card)!important;border:1px solid var(--ev-border)!important;
 box-shadow:var(--ev-shadow);color:var(--ev-text);border-radius:24px;padding:29px
}
.ev-form-panel,.ev-preview-panel{min-height:370px}
.ev-panel-head h2{font-size:21px;letter-spacing:-.035em}
.ev-preview-panel{background:linear-gradient(145deg,var(--ev-card),var(--ev-inset))!important}
.ev-privacy,.ev-live{border:1px solid #99d9c263;color:#086d59!important;background:#e4f9f1!important;font-weight:850}
.ev-live span{color:#0f9c78}
.ev-stack label{color:var(--ev-text)!important}
.ev-stack label strong{color:var(--ev-accent)}
.ev-stack input:not([type=checkbox]):not([type=range]):not([type=file]),
.ev-stack select,.ev-stack textarea{
 border-color:var(--ev-border)!important;color:var(--ev-text)!important;background:var(--ev-inset)!important;
 font-size:14px;border-radius:13px;padding:14px 15px;min-height:48px
}
.ev-stack textarea{line-height:1.72;min-height:200px}
.ev-stack input:focus-visible,.ev-stack select:focus-visible,.ev-stack textarea:focus-visible,
.ev-search-label input:focus-visible{outline:3px solid #8796f1;outline-offset:2px;border-color:#8b94f4!important}
.ev-primary{background:linear-gradient(125deg,#586afa,#494cce);box-shadow:0 10px 23px #5362ed48;
 border-radius:12px;min-height:48px;transition:transform .16s,box-shadow .16s,filter .16s}
.ev-primary:hover{filter:brightness(1.08);box-shadow:0 12px 30px #5362ed55}
.ev-outline,.ev-action-grid button,.ev-segment button{background:var(--ev-inset)!important;color:var(--ev-text)!important;border-color:var(--ev-border)!important;border-radius:12px;min-height:43px}
.ev-action-grid button:hover,.ev-outline:hover,.ev-segment button:not(.chosen):hover{border-color:var(--ev-bright)!important;background:var(--ev-sheen)!important}
.ev-preview-content{min-height:215px}
.ev-text-stats div{border:1px solid var(--ev-border);background:var(--ev-inset)!important;border-radius:14px}
.ev-text-stats strong{color:var(--ev-text)!important;font-size:30px}
.ev-text-stats span,.ev-summary,.ev-empty-preview,.ev-qr-wrap p,.ev-pdf-visual small{color:var(--ev-muted)!important}
.ev-empty-preview{border:1px dashed var(--ev-border);background:var(--ev-inset);border-radius:17px}
.ev-summary{border-top-color:var(--ev-border);font-weight:550}
.ev-password{color:var(--ev-text)!important;font-size:clamp(19px,2.35vw,29px);text-wrap:balance}
.ev-checks{border-color:var(--ev-border);background:var(--ev-inset);border-radius:14px}
.ev-checks legend{color:var(--ev-text)}
.ev-file-row{border-color:var(--ev-border);background:var(--ev-inset)}
.ev-file-row button{border-color:var(--ev-border);background:var(--ev-card);color:var(--ev-text);padding:3px 8px}
.ev-file-row button:hover{border-color:var(--ev-bright)}
.ev-drop{border-color:#9caaf1;background:var(--ev-inset)!important}
.ev-drop:hover,.ev-drop.ev-drag{border-color:var(--ev-bright);background:var(--ev-sheen)!important}
.ev-drop strong{color:var(--ev-text)}
.ev-info{margin-top:45px}
.ev-info summary{color:var(--ev-text)}
.ev-info details{border-top-color:var(--ev-border)}
.ev-info aside .ev-card{min-height:auto;background:var(--ev-inset)!important;box-shadow:none}
.ev-info aside .ev-card h3{font-size:14px;margin:0}
.ev-info aside .ev-card::after,.ev-info aside .ev-card::before{display:none}
.ev-icon{border:1px solid #7776de27;box-shadow:inset 0 1px 0 #ffffff75}
.ev-status{font-weight:670}
.ev-error{background:#ffeded!important;color:#b4232e!important}
.ev-note strong{color:var(--ev-text)}
html[data-theme="dark"] .ev-form-panel,html[data-theme="dark"] .ev-preview-panel,
html[data-theme="dark"] .ev-card,html[data-theme="dark"] .ev-info article,html[data-theme="dark"] .ev-info aside{
 background:var(--ev-card)!important;box-shadow:var(--ev-shadow);color:var(--ev-text)!important
}
html[data-theme="dark"] .ev-preview-panel{background:linear-gradient(150deg,#1a2a43,#15223a)!important}
html[data-theme="dark"] .ev-card p,html[data-theme="dark"] .ev-info p{color:var(--ev-muted)!important}
html[data-theme="dark"] .ev-privacy,html[data-theme="dark"] .ev-live{background:#163d38!important;color:#a8f3dc!important;border-color:#2b7365}
html[data-theme="dark"] .ev-error{background:#502932!important;color:#ffd2db!important}
html[data-theme="dark"] .ev-success{color:#80e7c7}
html[data-theme="dark"] .ev-file-row button,html[data-theme="dark"] .ev-filters button:not(.chosen){background:#1a2944!important;color:#eaf0ff!important}
html[data-theme="dark"] .ev-primary{color:#fff!important}
html[data-theme="dark"] .ev-icon{box-shadow:none;filter:saturate(.9)}
html[data-theme="dark"] .ev-icon.indigo{background:#333e76;color:#dadbff}
html[data-theme="dark"] .ev-icon.cyan{background:#134956;color:#a4effb}
html[data-theme="dark"] .ev-icon.violet{background:#48336a;color:#e7caff}
html[data-theme="dark"] .ev-icon.rose{background:#562c43;color:#ffbad2}
html[data-theme="dark"] .ev-icon.amber{background:#5c4726;color:#ffe4a3}
html[data-theme="dark"] .ev-tag{color:#aebfdb}
html[data-theme="dark"] .ev-search-label input{background:#1a2943!important;color:#f1f5ff!important}
html[data-theme="dark"] .ev-qr-box{background:#fff!important}
html[data-theme="dark"] .ev-outline,html[data-theme="dark"] .ev-action-grid button{background:#1e2d46!important}
html[data-theme="dark"] .ev-panel-head h2,html[data-theme="dark"] .ev-info h2,html[data-theme="dark"] .ev-info h3{color:#f1f6ff!important}
@media(max-width:850px){.ev-form-panel,.ev-preview-panel{min-height:unset}}
@media(max-width:550px){.ev-workspace{margin-top:-77px}.ev-form-panel,.ev-preview-panel{padding:20px;border-radius:19px}.ev-card{min-height:250px}.ev-tool-head{padding-bottom:108px}.ev-tool-head h1{font-size:34px}}


.ev-steps{list-style:decimal;display:grid;gap:13px;padding-left:24px;color:var(--ev-muted);line-height:1.72;font-size:14px}
.ev-steps li{padding:0 0 0 7px}.ev-steps li::marker{color:var(--ev-accent);font-weight:850}
.ev-info a:focus-visible,.ev-card:focus-visible,.ev-primary:focus-visible,.ev-outline:focus-visible{outline:3px solid #8d9aff;outline-offset:3px}
@media(hover:hover){.ev-action-grid button:hover{transform:translateY(-1px)}}


/* Everyday Batch 2: refined visualization systems for five independent utilities */
.ev-quick{display:flex;flex-wrap:wrap;gap:8px}
.ev-quick button{border:1px solid var(--ev-border);background:var(--ev-inset);color:var(--ev-text);border-radius:12px;padding:9px 13px;font-weight:750;font-size:12px;cursor:pointer;transition:background .16s,border-color .16s}
.ev-quick button:hover,.ev-quick button:focus-visible{background:var(--ev-sheen);border-color:var(--ev-bright)}
.ev-answer{text-align:center;display:grid;justify-items:center;gap:11px;padding:35px 16px;max-width:100%}
.ev-answer>span{font-weight:800;color:var(--ev-muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.ev-answer>strong{font-size:clamp(31px,4.3vw,51px);font-weight:900;letter-spacing:-.05em;color:var(--ev-text);overflow-wrap:anywhere;line-height:1.2}
.ev-answer>small{color:var(--ev-accent);font-size:15px;font-weight:850}
.ev-code-editor{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important;font-size:13px!important;tab-size:2;line-height:1.65!important}
.ev-file-label{border:1px dashed var(--ev-border);background:var(--ev-inset);border-radius:12px;min-height:70px;justify-content:center;padding:11px;font-weight:750!important}
.ev-file-label input[type=file]{max-width:100%;font-size:11px;color:var(--ev-muted)}
.ev-code-report{width:100%;min-height:185px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center;padding:20px;border:1px solid var(--ev-border);background:var(--ev-inset);border-radius:18px}
.ev-code-report strong{font-size:20px;color:var(--ev-text);overflow-wrap:anywhere;max-width:100%}.ev-code-report small{font-size:12px;color:var(--ev-muted);max-width:100%;overflow-wrap:anywhere;line-height:1.7}
.ev-report-icon{font-size:36px;color:#00ad84;display:grid;place-items:center;width:70px;height:70px;border-radius:23px;background:color-mix(in srgb,#22a881 15%,var(--ev-inset))}
.ev-code-error .ev-report-icon{color:#e36a80;background:color-mix(in srgb,#b6233c 12%,var(--ev-inset))}
.ev-color-group{display:flex;align-items:center;gap:12px}
.ev-color-group input[type=color]{flex:0 0 58px;width:58px;height:51px!important;min-height:51px;padding:5px!important;background:var(--ev-inset)!important;border-radius:13px;cursor:pointer;border:1px solid var(--ev-border)!important}
.ev-color-group input[type=text]{flex:1;min-width:0;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-weight:800}
.ev-contrast-sample{width:100%;display:grid;gap:13px;border-radius:18px;padding:30px 24px;text-align:left}
.ev-contrast-sample span{text-transform:uppercase;font-size:11px;letter-spacing:.14em;opacity:.92;font-weight:800}
.ev-contrast-sample strong{font-size:clamp(25px,2.7vw,33px);line-height:1.22;letter-spacing:-.03em}
.ev-contrast-sample small{font-size:12px;line-height:1.6}
.ev-contrast-score{text-align:center;display:grid;gap:3px;margin:18px auto}.ev-contrast-score strong{font-size:40px;font-weight:900;color:var(--ev-text);letter-spacing:-.04em}.ev-contrast-score span{font-size:12px;color:var(--ev-muted)}
.ev-wcag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.ev-wcag{border:1px solid var(--ev-border);background:var(--ev-inset);border-radius:9px;padding:9px;text-align:center;font-size:11px;font-weight:800}
.ev-wcag-pass{color:#147a61}.ev-wcag-fail{color:#bf4c67}
html[data-theme=dark] .ev-wcag-pass{color:#80e3bd}html[data-theme=dark] .ev-wcag-fail{color:#ffabb9}
.ev-url-result{border:1px solid var(--ev-border);background:var(--ev-inset);border-radius:17px;padding:18px;width:100%;min-width:0}
.ev-url-result>span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:var(--ev-muted)}
.ev-url-result pre{margin:16px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ev-text);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}
.ev-focus-clock{width:100%;display:grid;justify-items:center;gap:19px}
.ev-focus-ring{width:min(100%,270px);aspect-ratio:1/1;border-radius:50%;background:conic-gradient(#777ef4 0% var(--ev-progress,0%),var(--ev-border) var(--ev-progress,0%) 100%);padding:10px;display:grid;place-items:center;box-shadow:0 18px 35px #121e5021}
.ev-focus-inner{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:7px;background:var(--ev-card);text-align:center}
.ev-focus-inner>span{font-size:11px;color:var(--ev-muted);letter-spacing:.17em;font-weight:950}
.ev-focus-inner strong{font-size:clamp(43px,5vw,65px);font-weight:850;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--ev-text);line-height:1.1}
.ev-focus-inner small{font-size:12px;color:var(--ev-muted)}
.ev-focus-rounds{display:flex;align-items:center;gap:10px;background:var(--ev-inset);border:1px solid var(--ev-border);border-radius:30px;padding:10px 18px}
.ev-focus-rounds strong{font-size:22px;color:var(--ev-accent)}.ev-focus-rounds span{font-size:12px;color:var(--ev-muted);font-weight:750}
@media(max-width:550px){.ev-focus-ring{width:min(85%,235px)}.ev-color-group{gap:7px}.ev-wcag-grid{gap:6px}.ev-wcag{font-size:10px;padding:8px 4px}.ev-answer>strong{font-size:35px}.ev-code-editor{font-size:12px!important}}