:root{
 --bg:#07101f;--bg-soft:#091425;--surface:#0e1a2d;--surface2:#101f35;--surface3:#0b1728;
 --line:#213550;--text:#f7fbff;--muted:#98a9bf;--accent:#61d7ff;--accent2:#9184ff;
 --good:#74e3ae;--bad:#ff8299;--warn:#ffd16e;--shadow:0 26px 80px rgba(0,0,0,.28);
 --radius:22px
}
html[data-theme="light"]{
 --bg:#f3f6f8;--bg-soft:#e9eef3;--surface:#fbfcfd;--surface2:#f2f5f8;--surface3:#e8eef4;
 --line:#d2dce6;--text:#1d2a3a;--muted:#627184;--accent:#2f86a6;--accent2:#6f6ab8;
 --good:#247b59;--bad:#b84256;--warn:#9b6a13;--shadow:0 18px 48px rgba(31,49,72,.09)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 color:var(--text);line-height:1.58;
 background:
  radial-gradient(circle at 12% -8%,rgba(97,215,255,.11),transparent 28%),
  radial-gradient(circle at 92% 0,rgba(145,132,255,.10),transparent 25%),
  var(--bg)
}
html[data-theme="light"] body{
 background:
  radial-gradient(circle at 10% -8%,rgba(47,134,166,.08),transparent 30%),
  radial-gradient(circle at 92% 0,rgba(111,106,184,.07),transparent 27%),
  var(--bg);
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.calc-page .wrap{width:min(1220px,calc(100% - 28px));margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(97,215,255,.08);border:1px solid rgba(97,215,255,.20);color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.07em}
.btn{min-height:45px;border:0;border-radius:13px;padding:0 16px;font-weight:900}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d}
.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}
.btn:hover{filter:brightness(1.04)}
.hero{padding:62px 0 34px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(46px,7vw,78px);line-height:.96;letter-spacing:-.06em;margin:15px 0}
.gradient{background:linear-gradient(90deg,var(--text),var(--accent) 46%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:18px;line-height:1.75;max-width:780px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.stat{padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface),var(--surface2));box-shadow:var(--shadow)}
.stat strong{display:block;font-size:34px;letter-spacing:-.045em}
.stat span{font-size:12px;color:var(--muted)}
.section{padding:40px 0}
.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}
.section-head h2{margin:0;font-size:31px;letter-spacing:-.04em}
.section-head p{margin:0;color:var(--muted);max-width:700px}
.search-box{width:min(460px,100%)}
.search-box input{width:100%;min-height:49px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);outline:none;font-size:16px}
.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(97,215,255,.08)}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.cat-card,.calc-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface2));transition:.16s transform,.16s border-color}
.cat-card:hover,.calc-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft);font-size:20px;margin-bottom:11px}
.cat-card h3,.calc-card h3{font-size:15px;line-height:1.3;margin:0 0 6px}
.cat-card p,.calc-card p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}
.tag{display:inline-block;margin-top:9px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800}
.search-results{display:none;margin-top:18px}
.search-results.show{display:block}
.empty{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.category-hero{padding:34px 0 20px}
.category-hero h1{font-size:clamp(40px,6vw,66px);letter-spacing:-.055em;line-height:.98;margin:12px 0}
.category-hero p{color:var(--muted);max-width:760px}
.calc-page{padding:20px 0 22px}
.calc-title{text-align:center;margin-bottom:16px}
.calc-title h1{font-size:clamp(35px,5vw,54px);line-height:1;letter-spacing:-.05em;margin:10px 0 7px}
.calc-title p{margin:0 auto;color:var(--muted);font-size:14px;max-width:760px}
.utility-shell{width:min(940px,100%);margin:auto;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--surface),var(--surface2));box-shadow:var(--shadow);overflow:hidden}
.utility-input{padding:22px}
.utility-result{border-top:1px solid var(--line);padding:21px;background:color-mix(in srgb,var(--surface3) 78%,transparent)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.field.full{grid-column:1/-1}
.field label{display:block;margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:850}
.field input,.field select,.field textarea{width:100%;min-height:49px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft);color:var(--text);padding:11px 13px;outline:none;font-size:16px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(97,215,255,.08)}
.field textarea{min-height:90px}
.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.hint{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.6}
.result-label{text-align:center;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.rvalue{text-align:center;font-size:clamp(36px,6vw,58px);font-weight:950;letter-spacing:-.05em;line-height:1.05;margin:7px 0}
.rvalue.good{color:var(--good)}
.rsub{text-align:center;color:var(--muted);font-size:13px;line-height:1.55}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.mini{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)}
.mini span{display:block;color:var(--muted);font-size:10px}
.mini b{display:block;margin-top:3px;font-size:15px;overflow-wrap:anywhere}
.formula{margin-top:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);color:var(--muted);font-size:11px;line-height:1.55}
.error{display:block;color:#ffb8c5;background:rgba(255,130,153,.08);border:1px solid rgba(255,130,153,.2);padding:9px 11px;border-radius:11px}
.utility-visual{margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft)}
.utility-bars{height:68px;display:flex;gap:7px;align-items:flex-end}
.utility-bars i{flex:1;min-width:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--accent),var(--accent2));opacity:.88}
body[data-category="Yard & Garden"] .utility-visual{display:none}
body[data-category="Yard & Garden"] .yard-error{margin-top:12px;padding:11px 13px;border:1px solid #e68d8d;border-radius:10px;background:rgba(226,73,73,.1);color:var(--text);font-size:13px}
body[data-category="Yard & Garden"] .yard-error[hidden]{display:none}
body[data-category="Yard & Garden"] input[aria-invalid="true"]{border-color:#e05d5d;outline:2px solid rgba(224,93,93,.22)}
.analysis-shell{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:14px;align-items:start}
.analysis-input,.analysis-result{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface2));box-shadow:var(--shadow)}
.analysis-input{padding:21px}
.analysis-result{padding:21px;min-width:0}
.analysis-result .rvalue{text-align:left;font-size:clamp(40px,6vw,64px)}
.analysis-result .rsub{text-align:left}
.analysis-result .result-label{text-align:left}
.analysis-result .result-grid{grid-template-columns:repeat(3,1fr)}
.chart-wrap{position:relative;margin-top:15px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--bg-soft);overflow:hidden}
.chart-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}
.chart-title b{font-size:12px}
.chart-title span{font-size:10px;color:var(--muted)}
canvas.result-chart{display:block;width:100%;height:230px}
.chart-overlay{position:absolute;left:18px;top:42px;pointer-events:none}
.chart-overlay strong{display:block;font-size:34px;letter-spacing:-.04em}
.chart-overlay span{font-size:10px;color:var(--muted)}
.quick-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.quick-pills button{border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}
.quick-pills button:hover{color:var(--text);border-color:var(--accent)}
.below-chart{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.below-chart span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.below-chart b{display:block;font-size:28px;letter-spacing:-.035em;margin-top:3px}
.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.keypad.sci{grid-template-columns:repeat(5,1fr)}
.key{min-height:45px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);color:var(--text);font-weight:850}
.key.op{color:var(--accent)}
.key.eq{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d;border:0}
.age-date-group{margin-top:14px}
.age-date-group h2{font-size:14px;margin:0 0 8px}
.age-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.age-selects select{width:100%;height:47px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);color:var(--text);padding:0 9px;font-size:14px}
.age-parts{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.age-part{min-width:105px;text-align:center;padding:8px}
.age-part strong{display:block;font-size:39px;line-height:1;margin-bottom:4px}
.age-part span{font-size:11px;color:var(--muted)}
.age-y strong{color:#ff786d}
.age-m strong{color:#61aaff}
.age-d strong{color:var(--text)}
.age-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}
.age-extra .mini{text-align:left}
.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:15px;align-items:start;margin-top:28px}
.seo-article,.seo-side-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px}
.seo-article h2{font-size:24px;letter-spacing:-.03em;margin:28px 0 9px}
.seo-article h2:first-child{margin-top:0}
.seo-article h3{font-size:17px;margin:20px 0 7px}
.seo-article p,.seo-article li{color:var(--muted);font-size:14px;line-height:1.78}
.seo-article strong{color:var(--text)}
.seo-article ul{padding-left:20px}
.seo-sidebar{display:flex;flex-direction:column;gap:10px;position:sticky;top:83px}
.seo-side-card h3{margin:0 0 9px;font-size:14px}
.related{display:flex;gap:6px;flex-wrap:wrap}
.related a{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800}
.related a:hover{color:var(--text);border-color:var(--accent)}
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq summary{font-weight:850;cursor:pointer}
.faq p{margin:7px 0 0}
.disclaimer{padding:12px;border-radius:12px;border:1px solid rgba(255,209,110,.18);background:rgba(255,209,110,.05);color:#e4d4a9!important}
.hidden{display:none!important}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-grid,.analysis-shell,.seo-layout{grid-template-columns:1fr}
.seo-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}
.analysis-result .result-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){.calc-page .wrap{width:min(100% - 16px,1220px)}
.hero{padding:38px 0 24px}
.hero h1{font-size:48px}
.section-head{align-items:flex-start;flex-direction:column}
.category-grid{grid-template-columns:1fr 1fr}
.fields{grid-template-columns:1fr}
.field.full{grid-column:auto}
.result-grid,.analysis-result .result-grid{grid-template-columns:1fr 1fr}
.seo-sidebar{grid-template-columns:1fr}
.age-extra{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.category-grid{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}
.calc-title h1{font-size:38px}
.utility-input,.utility-result,.analysis-input,.analysis-result{padding:16px}
.age-selects{gap:5px}
.age-selects select{padding:0 5px;font-size:12px}
.age-part{min-width:86px}
.age-part strong{font-size:34px}
.result-grid,.analysis-result .result-grid,.age-extra{grid-template-columns:1fr 1fr}
.keypad.sci{grid-template-columns:repeat(4,1fr)}
}
.hero{position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:16px max(14px,calc((100% - 1220px)/2)) auto;min-height:calc(100% - 26px);border:1px solid color-mix(in srgb,var(--line) 58%,transparent);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 76%,transparent),color-mix(in srgb,var(--surface3) 52%,transparent));z-index:-1}
.hero-grid{padding:24px 20px}
.hero h1{max-width:850px}
.stats{align-self:stretch}
.stat{display:flex;flex-direction:column;justify-content:space-between;min-height:142px}
.legacy-category-grid{display:none}
.category-launcher{margin-top:8px}
.category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px;padding:13px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface2))}
.category-summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.category-summary strong{font-size:18px;letter-spacing:-.025em}
.category-summary span{color:var(--muted);font-size:13px}
.category-filter{width:min(360px,100%)}
.category-filter input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft);color:var(--text);padding:0 13px;outline:none}
.category-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(97,215,255,.08)}
.category-accordion{display:grid;gap:10px}
.category-panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface2));overflow:hidden;box-shadow:0 18px 54px rgba(0,0,0,.10)}
.category-toggle{width:100%;display:grid;grid-template-columns:46px minmax(180px,.72fr) minmax(0,1fr) 32px;align-items:center;gap:12px;min-height:76px;padding:13px 15px;border:0;background:transparent;color:var(--text);text-align:left}
.category-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg-soft)),color-mix(in srgb,var(--accent2) 20%,var(--bg-soft)));font-size:21px}
.category-title strong{display:block;font-size:16px;line-height:1.2;letter-spacing:-.025em}
.category-title small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:800}
.category-preview{display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.category-preview span{max-width:190px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--bg-soft)}
.category-preview span:hover{color:var(--text);border-color:var(--accent)}
.category-chevron{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);transition:.18s transform,.18s color,.18s border-color}
.category-panel.is-open{border-color:color-mix(in srgb,var(--accent) 54%,var(--line))}
.category-panel.is-open .category-chevron{transform:rotate(180deg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 54%,var(--line))}
.category-drawer{display:none;border-top:1px solid var(--line);padding:14px;background:color-mix(in srgb,var(--surface3) 80%,transparent)}
.category-panel.is-open .category-drawer{display:block}
.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;color:var(--muted);font-size:12px;font-weight:850}
.drawer-head a{color:var(--accent)}
.drawer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.drawer-grid a{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);transition:.14s border-color,.14s transform}
.drawer-grid a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.drawer-grid span{font-size:13px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.drawer-grid small{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.calc-card .tag,.cat-card .tag{border-radius:10px}
.search-results .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.category-toggle{grid-template-columns:46px minmax(150px,.8fr) 32px}
.category-preview{grid-column:2/-1}
.drawer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.search-results .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){.hero:before{inset:8px 8px auto}
.hero-grid{padding:10px 8px}
.category-toolbar{align-items:flex-start;flex-direction:column}
.category-toggle{grid-template-columns:42px minmax(0,1fr) 30px;padding:12px}
.category-icon{width:42px;height:42px}
.category-preview{grid-column:1/-1}
.drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.search-results .category-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.drawer-grid,.search-results .category-grid{grid-template-columns:1fr}
.category-preview span{max-width:100%}
.category-summary{display:block}
.category-summary span{display:block;margin-top:2px}
.stats{grid-template-columns:1fr}
.hero h1{font-size:43px}
}
.hero-actions .btn-primary,#popular,.stats,.category-toolbar,.category-summary,.category-preview,.drawer-head{display:none!important}
.hero{padding:30px 0 14px}
.hero:before{display:none}
.hero-grid{display:block;padding:0}
.hero h1{font-size:clamp(36px,12vw,58px);line-height:1.02;margin:12px 0;letter-spacing:-.045em}
.lead{font-size:15px;line-height:1.65}
.hero-actions{margin-top:16px}
.section{padding:24px 0}
.section-head{margin-bottom:12px}
.section-head h2{font-size:24px}
.section-head p{font-size:14px}
.search-box input,.simple-category-filter input{min-height:48px;border-radius:12px;background:var(--surface);font-size:15px}
.simple-category-filter{width:100%;margin:0 0 12px}
.legacy-category-grid{display:none!important}
.category-launcher{margin-top:0}
.category-accordion{gap:8px}
.category-panel{border-radius:13px;box-shadow:none;background:var(--surface);overflow:hidden}
.category-toggle{grid-template-columns:38px minmax(0,1fr) 28px;min-height:62px;padding:10px 12px;gap:10px}
.category-icon{width:38px;height:38px;border-radius:10px;font-size:18px;background:var(--bg-soft)}
.category-title strong{font-size:15px;letter-spacing:0}
.category-title small{font-size:11px;margin-top:1px}
.category-chevron{width:28px;height:28px;border-radius:8px}
.category-drawer{display:block;max-height:0;overflow:hidden;padding:0 10px;border-top:0;background:var(--surface);transition:max-height .28s ease,padding .22s ease,border-color .22s ease}
.category-panel.is-open .category-drawer{max-height:980px;padding:0 10px 10px;border-top:1px solid var(--line)}
.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:10px}
.drawer-grid a{display:block;padding:10px 11px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line);font-size:13px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}
.drawer-grid a:hover{transform:none;border-color:var(--accent)}
.category-panel.is-open{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.category-panel.is-open .category-chevron{transform:rotate(180deg)}
.search-results .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.search-results .calc-card{padding:12px;border-radius:13px}
.search-results .calc-card .icon{display:none}
.search-results .calc-card h3{font-size:14px}
.search-results .calc-card p{font-size:11px}
.search-results .tag{display:none}
@media(max-width:700px){.calc-page .wrap{width:min(100% - 18px,1220px)}
.hero h1{font-size:40px}
.section-head{gap:8px}
.drawer-grid{grid-template-columns:1fr}
.search-results .category-grid{grid-template-columns:1fr}
.category-panel.is-open .category-drawer{max-height:1500px}
}
@media(min-width:900px){.hero{padding-top:42px}
.simple-category-launcher{max-width:900px}
.category-toggle{min-height:66px}
.drawer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.hero{display:none!important}
.section:first-of-type{padding-top:22px}
.section:first-of-type .section-head{margin-bottom:12px}
.section:first-of-type .section-head h2{font-size:28px}
.section:first-of-type .section-head p{display:none}
.search-box{width:100%}
.search-box input,.simple-category-filter input{height:54px;border-radius:16px;padding:0 16px;border-color:color-mix(in srgb,var(--line) 86%,transparent);background:linear-gradient(180deg,var(--surface),var(--surface2));box-shadow:0 10px 30px rgba(0,0,0,.10)}
#categories{padding-top:10px}
#categories .section-head p{display:none}
#categories .section-head h2{font-size:28px}
.simple-category-launcher{width:min(920px,100%);margin:auto}
.simple-category-filter{position:sticky;top:70px;z-index:20;margin-bottom:12px}
.category-accordion{gap:9px}
.category-panel{position:relative;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface2));border:1px solid color-mix(in srgb,var(--line) 84%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.category-panel:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 6px 6px 0;background:transparent;transition:background .2s ease}
.category-panel.is-open{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 18px 48px rgba(0,0,0,.14)}
.category-panel.is-open:before{background:linear-gradient(180deg,var(--accent),var(--accent2))}
.category-toggle{min-height:68px;padding:12px 14px;grid-template-columns:42px minmax(0,1fr) 34px}
.category-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:3px}
.category-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--bg-soft)),color-mix(in srgb,var(--accent2) 15%,var(--bg-soft)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}
.category-title strong{font-size:16px;font-weight:900}
.category-title small{font-size:12px;color:var(--muted);font-weight:800}
.category-chevron{border:0;background:var(--bg-soft);color:var(--muted);transition:transform .28s cubic-bezier(.2,.8,.2,1),color .2s ease,background .2s ease}
.category-panel.is-open .category-chevron{background:color-mix(in srgb,var(--accent) 14%,var(--bg-soft));color:var(--accent);transform:rotate(180deg)}
.category-drawer{display:grid;grid-template-rows:0fr;max-height:none;padding:0 12px;border-top:0;background:transparent;transition:grid-template-rows .34s cubic-bezier(.2,.8,.2,1),padding .24s ease,border-color .2s ease}
.category-drawer>.drawer-grid{overflow:hidden}
.category-panel.is-open .category-drawer{grid-template-rows:1fr;max-height:none;padding:0 12px 12px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px}
.drawer-grid a{position:relative;min-height:44px;display:flex;align-items:center;padding:11px 34px 11px 12px;border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 86%,var(--surface));border:1px solid color-mix(in srgb,var(--line) 82%,transparent);font-size:13px;font-weight:850;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.drawer-grid a:after{content:">";position:absolute;right:12px;color:var(--muted);font-size:18px;line-height:1;transition:transform .16s ease,color .16s ease}
.drawer-grid a:hover,.drawer-grid a:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg-soft));outline:0}
.drawer-grid a:hover:after,.drawer-grid a:focus-visible:after{transform:translateX(2px);color:var(--accent)}
@media(max-width:700px){.section:first-of-type{padding-top:16px}
.section:first-of-type .section-head h2,#categories .section-head h2{font-size:23px}
.simple-category-filter{top:59px}
.search-box input,.simple-category-filter input{height:52px}
.category-toggle{min-height:64px}
.drawer-grid{grid-template-columns:1fr}
.drawer-grid a{min-height:46px;font-size:14px}
.category-panel.is-open .category-drawer{padding-bottom:10px}
}
@media(min-width:900px){.drawer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-toggle:hover .category-chevron{color:var(--accent)}
}
main>.section:first-of-type .section-head{margin:0 0 10px}
main>.section:first-of-type .section-head>div:first-child{display:none!important}
main>.section:first-of-type{padding:18px 0 8px}
.search-box input,.simple-category-filter input{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .18s ease}
.search-box input:hover,.simple-category-filter input:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)}
.search-box input:focus,.simple-category-filter input:focus{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 0 0 4px rgba(97,215,255,.10),0 16px 38px rgba(0,0,0,.14)}
.category-panel{isolation:isolate;transform:translateZ(0);transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,background .22s ease}
.category-panel:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:0 18px 44px rgba(0,0,0,.16)}
.category-panel.is-open:hover{transform:translateY(-1px)}
.category-toggle{transition:background .2s ease}
.category-toggle:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 62%)}
.category-toggle:hover .category-icon{transform:scale(1.04);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,var(--line)),0 10px 26px rgba(0,0,0,.16)}
.category-icon{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease}
.category-title strong,.category-title small{transition:color .18s ease}
.category-toggle:hover .category-title strong,.category-panel.is-open .category-title strong{color:var(--text)}
.category-toggle:hover .category-title small{color:color-mix(in srgb,var(--accent) 70%,var(--muted))}
.category-chevron{font-size:18px}
.category-toggle:hover .category-chevron{background:color-mix(in srgb,var(--accent) 12%,var(--bg-soft));color:var(--accent)}
.category-drawer{opacity:0;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1),padding .26s ease,border-color .2s ease,opacity .22s ease}
.category-panel.is-open .category-drawer{opacity:1}
.drawer-grid a{box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}
.drawer-grid a:hover,.drawer-grid a:focus-visible{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px rgba(0,0,0,.14);color:var(--text)}
.drawer-grid a:active{transform:translateY(0) scale(.99)}
.category-panel.is-open .drawer-grid a{animation:calcLinkIn .28s cubic-bezier(.16,1,.3,1) both}
.category-panel.is-open .drawer-grid a:nth-child(2n){animation-delay:.015s}
.category-panel.is-open .drawer-grid a:nth-child(3n){animation-delay:.03s}
@keyframes calcLinkIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.category-panel:hover,.drawer-grid a:hover{transform:none}
.category-toggle:hover{background:transparent}
.category-toggle:hover .category-icon{transform:none}
.drawer-grid a:active{background:color-mix(in srgb,var(--accent) 12%,var(--bg-soft));border-color:var(--accent)}
}
@media(max-width:700px){main>.section:first-of-type{padding-top:12px}
.category-panel:hover{transform:none;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.category-toggle:active{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.drawer-grid a:hover,.drawer-grid a:focus-visible{transform:none}
}
.category-chevron{position:relative;font-size:0}
.category-chevron:before{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-2px);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:block}
.category-panel.is-open .category-chevron{transform:none}
.category-panel.is-open .category-chevron:before{transform:rotate(225deg) translate(-1px,-2px)}
.category-panel.search-open{border-color:color-mix(in srgb,var(--accent) 68%,var(--line))}
.category-panel.search-open .category-title small{color:var(--accent)}
.casual-hidden{display:none}
.casio-section{padding:22px 0 18px}
.casio-calculator{width:min(430px,calc(100% - 26px));margin:0 auto;padding:18px 16px 20px;border-radius:22px;background:linear-gradient(145deg,#1d2430,#0f141d 58%,#080b11);border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);color:#f6f7fb}
.casio-top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;margin-bottom:14px}
.casio-brand{font-family:Arial Black,Impact,sans-serif;font-size:26px;letter-spacing:.04em;color:#f8f9ff;text-shadow:0 1px 0 rgba(255,255,255,.18)}
.casio-model{grid-column:1;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#aab4c4}
.casio-solar{grid-row:1/3;grid-column:2;display:grid;grid-template-columns:repeat(4,24px);height:36px;border:1px solid #07090d;border-radius:7px;overflow:hidden;background:#17100b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.casio-solar span{border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#3b2414,#120b07)}
.casio-solar span:first-child{border-left:0}
.casio-screen{margin-bottom:14px;padding:10px;border-radius:12px;background:linear-gradient(180deg,#c8d5c5,#9faf98);border:2px solid #0a0e12;box-shadow:inset 0 3px 10px rgba(0,0,0,.35)}
.casio-expression{min-height:18px;text-align:right;font-family:"Courier New",monospace;font-size:13px;font-weight:700;color:#32402f;opacity:.78;overflow:hidden;white-space:nowrap}
.casio-display{display:block;width:100%;min-height:48px;text-align:right;font-family:"Courier New",monospace;font-size:clamp(34px,10vw,46px);font-weight:900;line-height:1;color:#142013;background:transparent;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.casio-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.casio-key{min-width:0;height:58px;border:0;border-radius:12px;background:linear-gradient(180deg,#f5f6fb,#cfd5df);color:#111827;font-size:22px;font-weight:950;box-shadow:0 5px 0 #88909e,0 10px 20px rgba(0,0,0,.22);transition:transform .08s ease,box-shadow .08s ease,filter .16s ease}
.casio-key:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 0 #88909e,0 14px 24px rgba(0,0,0,.26)}
.casio-key:active{transform:translateY(4px);box-shadow:0 1px 0 #88909e,0 6px 14px rgba(0,0,0,.20)}
.casio-key:focus-visible{outline:3px solid rgba(97,215,255,.5);outline-offset:3px}
.casio-wide{grid-column:span 2}
.casio-op{background:linear-gradient(180deg,#445064,#222b3a);color:#fff;box-shadow:0 5px 0 #111823,0 10px 20px rgba(0,0,0,.28)}
.casio-op:hover{box-shadow:0 6px 0 #111823,0 14px 24px rgba(0,0,0,.30)}
.casio-op:active{box-shadow:0 1px 0 #111823,0 6px 14px rgba(0,0,0,.24)}
.casio-fn{background:linear-gradient(180deg,#dfe6f0,#a9b4c4);color:#172033}
.casio-danger{background:linear-gradient(180deg,#ff8d8d,#d64242);color:#fff;box-shadow:0 5px 0 #8c1d25,0 10px 20px rgba(0,0,0,.25)}
.casio-equals{background:linear-gradient(180deg,#7ee7ff,#3aa5df);color:#06101d;box-shadow:0 5px 0 #1d628f,0 10px 20px rgba(0,0,0,.25)}
@media(max-width:520px){.casio-section{padding:14px 0 12px}
.casio-calculator{width:min(100% - 18px,390px);padding:15px 13px 17px;border-radius:19px}
.casio-brand{font-size:22px}
.casio-model{font-size:10px}
.casio-solar{grid-template-columns:repeat(4,19px);height:31px}
.casio-screen{padding:9px}
.casio-display{min-height:42px}
.casio-keys{gap:7px}
.casio-key{height:52px;border-radius:10px;font-size:20px}
}
html[data-theme="light"] .casio-calculator{background:linear-gradient(145deg,#2a3140,#151b26 58%,#0a0e14)}
.cas iso-dummy{display:none}
.casio-dj120d{width:min(560px,calc(100% - 18px));padding:18px 18px 22px;border-radius:18px 18px 28px 28px;background:linear-gradient(145deg,#e9edf2 0%,#bcc5d0 38%,#8f9aa8 100%);border:1px solid #6f7885;box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 2px 0 rgba(255,255,255,.7),inset 0 -5px 16px rgba(0,0,0,.16);color:#142033}
.casio-dj120d .casio-top{grid-template-columns:1fr auto;margin-bottom:7px}
.casio-dj120d .casio-brand{font-family:Arial Black,Arial,sans-serif;color:#1a2430;font-size:29px;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.casio-dj120d .casio-model{display:inline-block;margin-top:3px;padding:3px 10px;border-radius:999px;background:#244d86;color:#fff;font-size:13px;letter-spacing:.08em;font-weight:950}
.casio-dj120d .casio-solar{grid-row:auto;grid-column:auto;grid-template-columns:repeat(5,25px);height:39px;margin-top:4px;border-radius:5px;border:2px solid #1c2027;background:#160e08;box-shadow:inset 0 1px 4px rgba(0,0,0,.8)}
.casio-dj120d .casio-solar span{background:linear-gradient(145deg,#4b2a16,#1b0f08)}
.casio-badges{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 9px}
.casio-badges span{padding:3px 7px;border-radius:4px;background:#dce2ea;border:1px solid #9ba6b4;color:#344154;font-size:10px;font-weight:950;letter-spacing:.06em}
.casio-dj120d .casio-screen{padding:10px 12px 9px;margin-bottom:13px;border-radius:8px;background:linear-gradient(180deg,#d7dfcf,#a9b59d);border:3px solid #454c56;box-shadow:inset 0 4px 12px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.7)}
.casio-dj120d .casio-expression{font-size:13px;color:#4b5946}
.casio-dj120d .casio-display{min-height:55px;font-size:clamp(38px,9vw,55px);color:#1b2718;letter-spacing:.03em}
.casio-dj-keys{grid-template-columns:repeat(5,1fr);gap:8px}
.casio-dj120d .casio-key{height:54px;border-radius:7px;background:linear-gradient(180deg,#fbfcff,#d3d9e2);border:1px solid #737d8c;color:#111827;font-size:21px;font-weight:950;box-shadow:0 4px 0 #7a8492,0 9px 15px rgba(31,41,55,.25)}
.casio-dj120d .casio-key:hover{transform:translateY(-1px);box-shadow:0 5px 0 #7a8492,0 13px 22px rgba(31,41,55,.28)}
.casio-dj120d .casio-key:active{transform:translateY(3px);box-shadow:0 1px 0 #7a8492,0 5px 11px rgba(31,41,55,.22)}
.casio-dj120d .casio-op{background:linear-gradient(180deg,#6e7786,#323a46);border-color:#202733;color:#fff;box-shadow:0 4px 0 #1d2430,0 9px 15px rgba(0,0,0,.24)}
.casio-dj120d .casio-danger{background:linear-gradient(180deg,#ff786d,#cf312f);border-color:#8d1f22;color:#fff;box-shadow:0 4px 0 #8d1f22,0 9px 15px rgba(0,0,0,.22)}
.casio-dj120d .casio-fn,.casio-dj120d .casio-memory{background:linear-gradient(180deg,#d8e0eb,#a7b2c0);font-size:15px;color:#172033}
.casio-dj120d .casio-equals{background:linear-gradient(180deg,#4f8fd9,#195aa2);border-color:#123f72;color:#fff;box-shadow:0 4px 0 #123f72,0 9px 15px rgba(0,0,0,.22)}
.casio-plus{grid-row:4 / span 2;grid-column:5;height:auto!important}
.casio-equals-tall{grid-row:5 / span 2;grid-column:4;height:auto!important}
.casio-zero{grid-column:1 / span 2}
@media(max-width:560px){.casio-dj120d{width:calc(100% - 12px);padding:14px 12px 17px;border-radius:16px 16px 23px 23px}
.casio-dj120d .casio-brand{font-size:23px}
.casio-dj120d .casio-model{font-size:11px}
.casio-dj120d .casio-solar{grid-template-columns:repeat(5,17px);height:31px}
.casio-badges{gap:5px}
.casio-badges span{font-size:9px;padding:2px 5px}
.casio-dj120d .casio-display{min-height:45px}
.casio-dj-keys{gap:6px}
.casio-dj120d .casio-key{height:48px;border-radius:6px;font-size:18px}
.casio-dj120d .casio-fn,.casio-dj120d .casio-memory{font-size:12px}
.casio-plus,.casio-equals-tall{height:auto!important}
}
.casio-calculator:not(.casio-dj120d){width:min(430px,calc(100% - 26px));margin:0 auto;padding:18px 16px 20px;border-radius:22px;background:linear-gradient(145deg,#1d2430,#0f141d 58%,#080b11);border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);color:#f6f7fb}
.casio-calculator:not(.casio-dj120d) .casio-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.casio-calculator:not(.casio-dj120d) .casio-key{height:58px;border-radius:12px;font-size:22px}
.casio-calculator:not(.casio-dj120d) .casio-wide{grid-column:span 2}
.casio-badges{display:none!important}
@media(max-width:520px){.casio-calculator:not(.casio-dj120d){width:min(100% - 18px,390px);padding:15px 13px 17px;border-radius:19px}
.casio-calculator:not(.casio-dj120d) .casio-keys{gap:7px}
.casio-calculator:not(.casio-dj120d) .casio-key{height:52px;border-radius:10px;font-size:20px}
}
.casio-calculator:not(.casio-dj120d) .casio-screen{padding:14px 13px 12px;margin-bottom:16px;border-radius:14px}
.casio-calculator:not(.casio-dj120d) .casio-expression{min-height:24px;font-size:17px}
.casio-calculator:not(.casio-dj120d) .casio-display{min-height:72px;font-size:clamp(52px,14vw,72px);line-height:1.05;letter-spacing:.01em}
@media(max-width:520px){.casio-calculator:not(.casio-dj120d) .casio-screen{padding:12px 11px 10px;margin-bottom:14px}
.casio-calculator:not(.casio-dj120d) .casio-expression{min-height:20px;font-size:14px}
.casio-calculator:not(.casio-dj120d) .casio-display{min-height:60px;font-size:clamp(44px,15vw,60px)}
}
.casio-calculator:not(.casio-dj120d) .casio-top{display:flex;justify-content:flex-end;margin-bottom:14px}
.casio-calculator:not(.casio-dj120d) .casio-solar{margin-left:auto}
.casio-history{margin:-4px 0 14px;padding:10px;border-radius:13px;background:rgba(3,8,14,.28);border:1px solid rgba(255,255,255,.08)}
.casio-history-title{margin-bottom:7px;color:#aab4c4;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.casio-history-list{display:grid;gap:6px;max-height:142px;overflow:auto}
.casio-history-list>span{color:#788598;font-size:12px;font-weight:800}
.casio-history-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.06);color:#f7fbff;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.casio-history-list button:hover{transform:translateY(-1px);background:rgba(97,215,255,.12);border-color:rgba(97,215,255,.28)}
.casio-history-list button span{font-size:12px;color:#aab4c4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.casio-history-list button strong{font-size:14px;white-space:nowrap}
@media(max-width:520px){.casio-history{padding:9px;margin-bottom:12px}
.casio-history-list{max-height:116px}
.casio-history-list button{padding:8px}
.casio-history-list button span{font-size:11px}
.casio-history-list button strong{font-size:13px}
}
.casio-calculator:not(.casio-dj120d) .casio-screen{position:relative;overflow:hidden;transition:min-height .3s cubic-bezier(.16,1,.3,1),padding .25s ease,box-shadow .25s ease}
.casio-history-toggle{position:absolute;top:9px;left:10px;width:34px;height:30px;border:1px solid rgba(20,32,19,.24);border-radius:8px;background:rgba(255,255,255,.22);z-index:2;display:grid;place-items:center;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.casio-history-toggle:before{content:"";width:17px;height:14px;border:2px solid #243622;border-radius:3px;box-shadow:0 -5px 0 -3px #243622}
.casio-history-toggle:after{content:"";position:absolute;width:9px;height:2px;background:#243622;box-shadow:0 4px 0 #243622,0 8px 0 #243622;transform:translateY(-3px)}
.casio-history-toggle:hover{background:rgba(255,255,255,.34);transform:translateY(-1px)}
.casio-history-toggle:focus-visible{outline:3px solid rgba(20,32,19,.22);outline-offset:2px}
.casio-calculator.history-open .casio-history-toggle{background:rgba(97,215,255,.24);border-color:rgba(20,32,19,.38)}
.casio-calculator.history-open .casio-screen{min-height:230px;box-shadow:inset 0 3px 14px rgba(0,0,0,.40),0 0 0 3px rgba(97,215,255,.08)}
.casio-calculator:not(.casio-dj120d) .casio-expression{padding-left:42px}
.casio-history{margin:8px 0 0!important;padding:0!important;border:0!important;border-radius:0;background:transparent!important;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s cubic-bezier(.16,1,.3,1),opacity .2s ease,margin .22s ease}
.casio-calculator.history-open .casio-history{grid-template-rows:1fr;opacity:1;margin-top:12px!important}
.casio-history-title{display:none}
.casio-history-list{overflow:hidden!important;max-height:none!important;gap:5px}
.casio-history-list>span{display:block;padding:9px;border-radius:8px;background:rgba(20,32,19,.08);color:#43523f!important;font-size:12px!important}
.casio-history-list button{padding:7px 8px!important;border-radius:8px!important;background:rgba(20,32,19,.09)!important;border:1px solid rgba(20,32,19,.13)!important;color:#142013!important;box-shadow:none!important}
.casio-history-list button:hover{background:rgba(20,32,19,.15)!important;border-color:rgba(20,32,19,.25)!important}
.casio-history-list button span{color:#43523f!important}
.casio-history-list button strong{color:#142013!important}
@media(max-width:520px){.casio-history-toggle{top:8px;left:8px;width:31px;height:28px}
.casio-calculator.history-open .casio-screen{min-height:210px}
.casio-calculator:not(.casio-dj120d) .casio-expression{padding-left:38px}
.casio-history-list button{padding:7px!important}
.casio-history-list button span{max-width:55%}
}
.casio-calculator:not(.casio-dj120d){width:min(390px,calc(100% - 24px));padding:15px 14px 17px;border-radius:20px}
.casio-calculator:not(.casio-dj120d) .casio-solar{height:31px}
.casio-calculator:not(.casio-dj120d) .casio-screen{padding:9px 10px 8px;margin-bottom:13px}
.casio-calculator:not(.casio-dj120d) .casio-display{min-height:52px;font-size:clamp(38px,11vw,52px)}
.casio-calculator:not(.casio-dj120d) .casio-expression{min-height:20px;font-size:14px}
.casio-calculator:not(.casio-dj120d) .casio-keys{gap:7px}
.casio-calculator:not(.casio-dj120d) .casio-key{height:51px;border-radius:10px;font-size:20px}
.casio-calculator.history-open .casio-screen{min-height:208px}
@media(max-width:520px){.casio-calculator:not(.casio-dj120d) .casio-display{min-height:47px;font-size:clamp(36px,13vw,47px)}
.casio-calculator:not(.casio-dj120d) .casio-key{height:48px;font-size:19px}
.casio-calculator.history-open .casio-screen{min-height:196px}
}
.casio-calculator:not(.casio-dj120d) .casio-expression{overflow-x:auto;white-space:nowrap;text-align:right;scrollbar-width:none}
.casio-calculator:not(.casio-dj120d) .casio-expression::-webkit-scrollbar{display:none}
.casio-scientific-toggle{align-self:center;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:linear-gradient(180deg,#445064,#222b3a);color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em;box-shadow:0 3px 0 #0c1119;transition:transform .12s ease,filter .16s ease}
.casio-scientific-toggle:hover{filter:brightness(1.12);transform:translateY(-1px)}
.casio-scientific-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 #0c1119}
.casio-scientific-toggle:focus-visible{outline:3px solid rgba(97,215,255,.5);outline-offset:2px}
.casio-scientific-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-height:0;margin:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.16,1,.3,1),margin .25s ease,opacity .2s ease}
.casio-calculator.scientific-open .casio-scientific-keys{max-height:130px;margin:0 0 13px;opacity:1}
.casio-calculator:not(.casio-dj120d) .casio-sci-key{height:40px;border-radius:8px;background:linear-gradient(180deg,#67758a,#354155);color:#fff;font-size:13px;box-shadow:0 3px 0 #18202d,0 6px 12px rgba(0,0,0,.2)}
.casio-calculator:not(.casio-dj120d) .casio-sci-key:hover{box-shadow:0 4px 0 #18202d,0 8px 14px rgba(0,0,0,.24)}
.casio-calculator:not(.casio-dj120d) .casio-sci-key:active{box-shadow:0 1px 0 #18202d;transform:translateY(2px)}
@media(max-width:520px){.casio-scientific-toggle{padding:6px 9px;font-size:11px}
.casio-scientific-keys{gap:6px}
.casio-calculator:not(.casio-dj120d) .casio-sci-key{height:38px;font-size:12px}
}
.casio-calculator:not(.casio-dj120d) .casio-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px}
.casio-mini-screen{height:70px;min-width:0;padding:6px 7px;border:2px solid #0a0e12;border-radius:8px;background:linear-gradient(180deg,#c8d5c5,#9faf98);box-shadow:inset 0 3px 8px rgba(0,0,0,.32);color:#142013;overflow:hidden}
.casio-mini-expression{height:19px;padding-bottom:3px;border-bottom:1px solid rgba(20,32,19,.2);font:700 10px/15px "Courier New",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.casio-mini-screen .casio-history{display:block!important;opacity:1!important;margin:4px 0 0!important;padding:0!important}
.casio-mini-screen .casio-history-list{display:flex!important;gap:4px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
.casio-mini-screen .casio-history-list::-webkit-scrollbar{display:none}
.casio-mini-screen .casio-history-list>span{padding:4px 2px!important;background:transparent!important;font-size:9px!important;white-space:nowrap}
.casio-mini-screen .casio-history-list button{flex:0 0 auto;width:auto!important;max-width:110px;padding:3px 5px!important;gap:4px!important;border-radius:5px!important}
.casio-mini-screen .casio-history-list button span{max-width:58px;font-size:8px!important}
.casio-mini-screen .casio-history-list button strong{font-size:9px!important}
.casio-calculator:not(.casio-dj120d) .casio-top .casio-solar{grid-column:3;margin-left:0;grid-template-columns:repeat(4,16px);height:28px}
.casio-calculator:not(.casio-dj120d) .casio-top .casio-scientific-toggle{align-self:start;margin-top:1px}
.casio-calculator:not(.casio-dj120d) .casio-screen{overflow:visible}
.casio-calculator:not(.casio-dj120d) .casio-display{padding:0}
@media(max-width:520px){.casio-calculator:not(.casio-dj120d) .casio-top{grid-template-columns:auto minmax(0,1fr);gap:7px}
.casio-calculator:not(.casio-dj120d) .casio-top .casio-solar{display:none}
.casio-mini-screen{height:65px}
.casio-mini-screen .casio-history-list button{max-width:92px}
}
.casio-calculator:not(.casio-dj120d) .casio-top{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:7px}
.casio-calculator:not(.casio-dj120d) .casio-top .casio-scientific-toggle{height:35px;margin:0;padding:5px 10px}
.casio-mini-screen{height:35px;padding:3px 6px;border-width:1px;border-radius:7px}
.casio-mini-expression{height:13px;padding:0;border-bottom:1px solid rgba(20,32,19,.18);font-size:8px;line-height:11px}
.casio-mini-screen .casio-history{height:15px;margin:1px 0 0!important}
.casio-mini-screen .casio-history-list{height:15px;align-items:center}
.casio-mini-screen .casio-history-list>span{padding:0!important;font-size:8px!important;line-height:12px}
.casio-mini-screen .casio-history-list button{height:14px;max-width:95px;padding:0 4px!important;border:0!important;background:transparent!important}
.casio-mini-screen .casio-history-list button span{max-width:50px;font-size:7px!important}
.casio-mini-screen .casio-history-list button strong{font-size:8px!important}
.casio-calculator:not(.casio-dj120d) .casio-top .casio-solar{display:none!important}
@media(max-width:520px){.casio-calculator:not(.casio-dj120d) .casio-top{grid-template-columns:auto minmax(0,1fr)}
.casio-mini-screen{height:35px}
}
.casio-calculator:not(.casio-dj120d) .casio-top{grid-template-columns:auto minmax(0,1fr) auto}
.casio-history-button{height:35px;padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(180deg,#445064,#222b3a);color:#fff;font-size:11px;font-weight:900;box-shadow:0 3px 0 #0c1119}
.casio-history-button:hover{filter:brightness(1.12)}
.casio-history-button:active{transform:translateY(2px);box-shadow:0 1px 0 #0c1119}
.casio-mini-screen .casio-history{display:none!important}
.casio-calculator.history-open .casio-mini-screen{height:112px;overflow:visible}
.casio-calculator.history-open .casio-mini-screen .casio-history{display:block!important;height:88px;margin-top:4px!important}
.casio-calculator.history-open .casio-mini-screen .casio-history-list{display:grid!important;height:84px;overflow-y:auto!important;overflow-x:hidden!important;gap:3px}
.casio-calculator.history-open .casio-mini-screen .casio-history-list button{width:100%!important;max-width:none;height:20px;padding:2px 5px!important;background:rgba(20,32,19,.09)!important;border:1px solid rgba(20,32,19,.13)!important}
.casio-calculator.history-open .casio-mini-screen .casio-history-list button span{max-width:90px;font-size:8px!important}
.casio-calculator.history-open .casio-screen{min-height:52px}
.casio-calculator.history-open .casio-history-button{background:linear-gradient(180deg,#5a718a,#30445b)}
@media(max-width:520px){.casio-calculator:not(.casio-dj120d) .casio-top{grid-template-columns:auto minmax(0,1fr) auto}
.casio-history-button{padding:5px 7px;font-size:10px}
.casio-calculator.history-open .casio-mini-screen{height:105px}
}
.casio-mini-expression{height:27px;padding:0 2px;border-bottom:0;font-size:14px;line-height:27px;font-weight:900;text-align:right;overflow-x:auto;text-overflow:clip;scrollbar-width:none}
.casio-mini-expression::-webkit-scrollbar{display:none}
.casio-calculator.history-open .casio-mini-expression{height:20px;border-bottom:1px solid rgba(20,32,19,.2);font-size:12px;line-height:18px}
.casio-calculator.history-open .casio-mini-screen .casio-history{height:82px;margin-top:3px!important}
.casio-calculator.history-open .casio-mini-screen .casio-history-list{height:80px}
.casio-calculator.history-open .casio-mini-screen .casio-history-list button{height:23px}
.casio-calculator.history-open .casio-mini-screen .casio-history-list button span{max-width:100px;font-size:10px!important}
.casio-calculator.history-open .casio-mini-screen .casio-history-list button strong{font-size:11px!important}
.casio-calculator:not(.casio-dj120d) .casio-display{overflow:visible;text-overflow:clip;white-space:nowrap;transition:font-size .12s ease}
.casio-calculator:not(.casio-dj120d) .casio-display.casio-display-medium{font-size:40px}
.casio-calculator:not(.casio-dj120d) .casio-display.casio-display-small{font-size:31px}
.casio-calculator:not(.casio-dj120d) .casio-display.casio-display-tiny{font-size:25px}
@media(max-width:520px){.casio-calculator:not(.casio-dj120d) .casio-display.casio-display-medium{font-size:35px}
.casio-calculator:not(.casio-dj120d) .casio-display.casio-display-small{font-size:27px}
.casio-calculator:not(.casio-dj120d) .casio-display.casio-display-tiny{font-size:22px}
}
.casio-calculator.history-open .casio-mini-screen{height:125px}
.casio-calculator.history-open .casio-mini-screen .casio-history{height:95px!important}
.casio-calculator.history-open .casio-mini-screen .casio-history-list{height:91px!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#52634e rgba(20,32,19,.10);padding-right:3px}
.casio-calculator.history-open .casio-mini-screen .casio-history-list::-webkit-scrollbar{display:block;width:6px}
.casio-calculator.history-open .casio-mini-screen .casio-history-list::-webkit-scrollbar-track{background:rgba(20,32,19,.10);border-radius:5px}
.casio-calculator.history-open .casio-mini-screen .casio-history-list::-webkit-scrollbar-thumb{background:#52634e;border-radius:5px}
@media(max-width:520px){.casio-calculator.history-open .casio-mini-screen{height:115px}
.casio-calculator.history-open .casio-mini-screen .casio-history{height:85px!important}
.casio-calculator.history-open .casio-mini-screen .casio-history-list{height:81px!important}
}
@keyframes compactMenuIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.trust-page{width:min(900px,100%);margin:auto}
.trust-page a{color:var(--accent);font-weight:800;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}
.trust-page a:hover{text-decoration-color:var(--accent)}
.trust-contact-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-soft))}
.trust-contact-card span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:700px){.trust-page{padding:17px}
.trust-contact-card{align-items:flex-start;flex-direction:column}
.trust-contact-card a{overflow-wrap:anywhere}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-page{padding-top:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{max-width:820px;margin:0 auto 24px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title .eyebrow{background:linear-gradient(135deg,rgba(97,215,255,.12),rgba(145,132,255,.12))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{width:min(1080px,100%);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:stretch;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface2));box-shadow:0 28px 80px rgba(0,0,0,.24)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:26px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:28px;border-top:0;border-left:1px solid var(--line);background:radial-gradient(circle at 88% 8%,rgba(97,215,255,.11),transparent 36%),color-mix(in srgb,var(--surface3) 82%,transparent)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{gap:13px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field label{margin-bottom:7px;font-size:11px;letter-spacing:.025em;text-transform:uppercase}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field select,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field textarea{min-height:52px;border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 94%,var(--accent) 6%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field textarea{min-height:108px;resize:vertical}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field input:hover,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field select:hover,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field textarea:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field input:focus,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field select:focus,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field textarea:focus{transform:translateY(-1px)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{margin-top:18px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{flex:1;min-width:120px;min-height:50px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-label{text-align:left;color:var(--accent)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{text-align:left;margin:10px 0 5px;font-size:clamp(38px,5vw,62px)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{text-align:left}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{padding:12px;border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 92%,var(--accent) 8%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula{margin-top:13px;padding:13px;border-radius:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-visual{margin-top:13px;border-radius:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-bars i{background:linear-gradient(180deg,#55e6cc,var(--accent2))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .seo-layout{margin-top:36px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .seo-article{border-radius:22px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .seo-article h2{scroll-margin-top:90px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .faq details{transition:border-color .18s ease,background .18s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .faq details:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
@media(max-width:800px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{grid-template-columns:1fr}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{border-left:0;border-top:1px solid var(--line);min-height:auto}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{margin-bottom:17px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{border-radius:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{padding:18px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{grid-template-columns:1fr}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:1fr 1fr}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:38px;overflow-wrap:anywhere}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .seo-layout{margin-top:24px}
}
.article-toc{margin:0 0 28px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--bg-soft)),color-mix(in srgb,var(--accent2) 5%,var(--bg-soft)))}
.article-toc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.article-toc-head span{font-size:15px;font-weight:950;letter-spacing:-.01em}
.article-toc-head small{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:850}
.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:0;padding:0;counter-reset:toc;list-style:none}
.article-toc li{counter-increment:toc;min-width:0}
.article-toc a{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:9px;color:var(--muted)!important;font-size:12px;font-weight:750!important;line-height:1.35;text-decoration:none!important;transition:color .16s ease,background .16s ease,transform .16s ease}
.article-toc a:before{content:counter(toc,decimal-leading-zero);flex:0 0 auto;color:var(--accent);font-size:9px;font-weight:950;line-height:1.8}
.article-toc a:hover,.article-toc a:focus-visible{color:var(--text)!important;background:color-mix(in srgb,var(--accent) 9%,transparent);transform:translateX(2px);outline:0}
.seo-article h2[id]{scroll-margin-top:88px}
@media(max-width:600px){.article-toc{padding:14px;margin-bottom:22px}
.article-toc ol{grid-template-columns:1fr;gap:3px}
.article-toc a{padding:7px;font-size:12px}
.article-toc-head{margin-bottom:8px}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-page{padding:8px 0 22px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{margin-bottom:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{font-size:clamp(30px,4vw,44px);margin:7px 0 5px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{max-width:680px;font-size:12px;line-height:1.45}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{position:relative}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:18px 19px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{gap:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-slider-field{padding:10px 11px 8px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%);transition:border-color .18s ease,box-shadow .18s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-slider-field:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 0 0 4px rgba(97,215,255,.07)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-slider-field label{font-size:10px;margin-bottom:3px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-slider-field>input[type="number"]{height:36px;min-height:36px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text);font-size:24px;font-weight:950;letter-spacing:-.045em;text-align:right}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range{width:100%;height:24px;min-height:24px;margin:2px 0 0;padding:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;transform:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent2) var(--pct,50%),color-mix(in srgb,var(--line) 78%,transparent) var(--pct,50%),color-mix(in srgb,var(--line) 78%,transparent) 100%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7.5px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(0,0,0,.25),0 0 0 1px color-mix(in srgb,var(--accent2) 55%,transparent)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-moz-range-track{height:7px;border-radius:999px;background:var(--line)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-moz-range-progress{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-moz-range-thumb{width:15px;height:15px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(0,0,0,.25)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-range-meta{display:flex;justify-content:space-between;margin-top:-2px;color:var(--muted);font-size:8px;font-weight:800}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{padding:22px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(48px,6vw,74px);line-height:.95;letter-spacing:-.055em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{font-size:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{margin-top:11px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:43px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .hint{margin-top:8px;font-size:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-visual{padding:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-bars{height:48px}
@media(max-width:800px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{order:-1}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(45px,12vw,64px)}
}
@media(max-width:520px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-page{padding-top:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{margin-bottom:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title .eyebrow{padding:5px 8px;font-size:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{font-size:29px;margin:5px 0 3px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{font-size:11px;line-height:1.35}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{padding:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{min-height:230px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field.full{grid-column:1/-1}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-slider-field{padding:8px 9px 6px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-slider-field>input[type="number"]{font-size:21px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range{height:23px;min-height:23px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:42px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:44px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{gap:6px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{padding:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula{padding:10px;font-size:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-visual{display:none}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-page{padding:14px 0 20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{max-width:760px;margin-bottom:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title .eyebrow{padding:5px 9px;font-size:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{font-size:clamp(29px,3.5vw,40px);line-height:1;margin:6px 0 4px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{max-width:620px;font-size:11px;line-height:1.4}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{width:min(980px,100%);grid-template-columns:minmax(330px,.92fr) minmax(0,1.08fr);border-radius:22px;box-shadow:0 22px 65px rgba(0,0,0,.22)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:15px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{grid-template-columns:1fr;gap:7px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card{margin:0;padding:10px 12px 8px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 97%,var(--accent) 3%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));box-shadow:0 8px 22px rgba(0,0,0,.09),0 0 0 3px rgba(145,132,255,.07)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top label{flex:1;min-width:0;margin:0;color:var(--text);font-size:13px;font-weight:850;line-height:1.2;text-transform:none;letter-spacing:-.01em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-value-shell{flex:0 0 auto;width:132px;height:38px;display:flex;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent2) 20%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--bg-soft) 94%,var(--accent2) 6%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-value-shell input[type="number"]{width:100%;height:auto;min-height:0;padding:0;border:0;background:transparent;color:var(--text);box-shadow:none;outline:0;text-align:right;font-size:22px;font-weight:950;line-height:1;letter-spacing:-.045em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range{display:block;width:100%;height:22px;min-height:22px;margin:4px 0 0;padding:0;border:0;background:transparent!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;transform:none!important;cursor:pointer;touch-action:pan-y}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent2) var(--pct,50%),color-mix(in srgb,var(--line) 72%,transparent) var(--pct,50%),color-mix(in srgb,var(--line) 72%,transparent) 100%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(31,25,86,.3),0 0 0 1px rgba(145,132,255,.25);transition:transform .14s ease,box-shadow .14s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card.is-sliding input.travel-range::-webkit-slider-thumb{transform:scale(1.16);box-shadow:0 4px 14px rgba(31,25,86,.34),0 0 0 6px rgba(145,132,255,.1)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-moz-range-progress{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range::-moz-range-thumb{width:12px;height:12px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(31,25,86,.3)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-range-meta{height:9px;display:flex;justify-content:space-between;margin-top:-3px;color:color-mix(in srgb,var(--muted) 85%,transparent);font-size:7px;font-weight:800}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card:not(.travel-slider-field)>label{margin:0 0 5px;font-size:11px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card:not(.travel-slider-field)>input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card:not(.travel-slider-field)>select,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card:not(.travel-slider-field)>textarea{min-height:44px;border-radius:11px;font-size:15px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{min-height:0;padding:22px 24px;border-left-color:rgba(255,255,255,.07);background:radial-gradient(circle at 88% 4%,rgba(145,132,255,.24),transparent 45%),radial-gradient(circle at 5% 95%,rgba(97,215,255,.12),transparent 42%),linear-gradient(155deg,#17223e,#0d172b);color:#fff}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-label{color:#9fe8ff;font-size:9px;letter-spacing:.14em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{margin:9px 0 5px;color:#fff!important;font-size:clamp(46px,5.5vw,68px);line-height:.92;letter-spacing:-.055em;text-shadow:0 6px 24px rgba(0,0,0,.2)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{color:#b7c3d8;font-size:11px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{padding:10px;border-color:rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.055)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini span{color:#9eabc0;font-size:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{color:#fff;font-size:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula{margin-top:9px;padding:10px 11px;border-color:rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.045);color:#aebbd0;font-size:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-visual{display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{margin-top:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:40px;border-radius:11px;font-size:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .hint{margin-top:7px;font-size:8px;line-height:1.4}
@media(max-width:800px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{grid-template-columns:1fr;width:min(560px,100%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{order:-1;min-height:190px;padding:20px;border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(43px,10vw,58px)}
}
@media(max-width:520px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-page{padding:9px 0 16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{margin-bottom:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title .eyebrow{display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{font-size:27px;margin:3px 0}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{border-radius:18px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{min-height:164px;padding:16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{gap:5px;margin-top:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{padding:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula{margin-top:7px;padding:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{display:grid;grid-template-columns:1fr;gap:6px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card{padding:8px 10px 6px;border-radius:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top{min-height:34px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top label{font-size:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-value-shell{width:116px;height:34px;padding:0 8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-value-shell input[type="number"]{font-size:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range{height:20px;min-height:20px;margin-top:2px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-range-meta{display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:38px;padding:0 10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:42px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .seo-layout{margin-top:20px}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .field{min-width:0}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{overflow-wrap:anywhere}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top label{overflow-wrap:anywhere}
@media(max-width:520px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{width:100%;overflow:hidden}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid .mini:last-child:nth-child(odd){grid-column:1/-1}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-value-shell{flex-basis:110px;max-width:42%}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula{white-space:normal}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{overflow-wrap:anywhere}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-card{width:100%;max-width:100%;overflow:hidden}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 132px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-value-shell{width:132px;max-width:132px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) input.travel-range{width:100%!important;max-width:100%}
@media(max-width:520px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top{grid-template-columns:minmax(0,1fr) 108px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-value-shell{width:108px;max-width:108px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-control-top label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{display:block;width:min(780px,100%);overflow:visible}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 97%,var(--accent) 3%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 8px 24px rgba(0,0,0,.1),0 0 0 4px rgba(97,215,255,.07)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-row label{flex:1;min-width:0;margin:0;color:var(--text);font-size:12px;font-weight:850;line-height:1.25;text-transform:none;letter-spacing:-.01em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value{position:relative;flex:0 0 145px;height:52px;display:flex;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent2) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 93%,var(--accent2) 7%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value:after{content:attr(data-unit);flex:0 0 auto;margin-left:5px;color:var(--accent);font-size:10px;font-weight:900}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input{width:100%;height:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;outline:0;color:var(--text);text-align:right;font-size:28px;font-weight:950;line-height:1;letter-spacing:-.055em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) label{margin-bottom:7px;font-size:11px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) select,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-height:52px;border-radius:12px;font-size:16px;font-weight:750}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{margin-top:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:48px;font-size:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{display:none;min-height:0;margin-top:14px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 88% 4%,rgba(145,132,255,.24),transparent 45%),radial-gradient(circle at 5% 95%,rgba(97,215,255,.12),transparent 42%),linear-gradient(155deg,#17223e,#0d172b);color:#fff;scroll-margin-top:78px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result.is-visible{display:block;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
@keyframes travelResultIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(58px,8vw,88px)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-visual{display:block;margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.04)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-chart-head span{color:#fff;font-size:12px;font-weight:900}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-chart-head small{color:#96a6bf;font-size:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-bars{height:130px;gap:10px;padding:8px 5px 0;border-bottom:1px solid rgba(255,255,255,.09)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-bars i{min-width:18px;border-radius:9px 9px 3px 3px;box-shadow:0 8px 18px rgba(0,0,0,.2)}
@media(max-width:700px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{grid-template-columns:1fr}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card{padding:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value{flex-basis:138px;height:48px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input{font-size:25px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{margin-top:10px;padding:20px;border-radius:17px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(48px,14vw,68px)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid .mini:last-child:nth-child(odd){grid-column:1/-1}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-bars{height:105px}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-page{padding:34px 0 40px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{max-width:980px;margin-bottom:32px;text-align:left}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title .eyebrow{display:inline-flex;padding:8px 13px;font-size:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{max-width:920px;margin:12px 0 10px;font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:-.065em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{display:block;max-width:760px;margin:0;color:var(--muted);font-size:clamp(17px,1.7vw,21px);line-height:1.55}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:0;align-items:stretch;overflow:hidden;border-radius:32px;border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 34px 100px rgba(0,0,0,.28)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:34px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-intro{display:flex;align-items:center;gap:14px;margin-bottom:24px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-intro h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.035em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-intro p{margin:5px 0 0;color:var(--muted);font-size:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-step{width:40px;height:40px;display:inline-grid;flex:0 0 40px;place-items:center;border:1px solid rgba(97,215,255,.3);border-radius:12px;background:rgba(97,215,255,.1);color:#8be4ff;font-size:12px;font-weight:950;letter-spacing:.06em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card{padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:focus-within{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.14),0 0 0 4px rgba(97,215,255,.09)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-row{display:block}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-row label{display:block;margin:0 0 10px;color:var(--muted);font-size:14px;font-weight:800;letter-spacing:0}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value{width:100%;max-width:none;height:68px;padding:0 15px;border-radius:14px;background:var(--bg-soft)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value:after{margin-left:10px;font-size:13px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input{font-size:clamp(34px,3.3vw,46px);text-align:left}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) label{margin-bottom:10px;font-size:14px;color:var(--muted);text-transform:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) select,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-height:68px;padding:0 16px;border-radius:14px;font-size:20px;font-weight:800}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{gap:12px;margin-top:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:60px;border-radius:16px;font-size:17px;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn-primary{box-shadow:0 12px 30px rgba(97,215,255,.18)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn:hover{transform:translateY(-2px)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .hint{margin-top:13px;font-size:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:100%;margin:0;padding:40px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.3),transparent 42%),radial-gradient(circle at 0 100%,rgba(97,215,255,.17),transparent 45%),linear-gradient(155deg,#192744,#0c1629);color:#fff;scroll-margin-top:80px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result.is-visible{display:flex;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-label{display:flex;align-items:center;gap:12px;color:#d8f7ff;font-size:14px;letter-spacing:0;text-transform:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{margin:26px 0 10px;font-size:clamp(64px,7vw,104px);line-height:.86;letter-spacing:-.07em;overflow-wrap:anywhere}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{color:#c0ccdc;font-size:17px;line-height:1.55}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{padding:16px;border-radius:16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini span{font-size:11px;letter-spacing:.04em;text-transform:uppercase}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{margin-top:7px;font-size:21px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula{margin-top:14px;padding:16px;border-radius:15px;font-size:13px;line-height:1.65}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-visual{display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .seo-layout{margin-top:52px}
@media(max-width:900px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{display:block;width:min(680px,100%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{min-height:420px;border-left:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0}
}
@media(max-width:620px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-page{padding:22px 0 28px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{margin-bottom:22px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title .eyebrow{display:inline-flex}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{font-size:clamp(40px,12vw,58px);margin:10px 0 8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{display:block;font-size:16px;line-height:1.5}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{border-radius:24px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:22px 16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-intro{margin-bottom:18px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-intro h2{font-size:22px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-intro p{font-size:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{grid-template-columns:1fr;gap:11px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card{padding:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value{height:62px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input{font-size:36px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:54px;font-size:15px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{min-height:360px;padding:28px 20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(58px,18vw,82px);margin-top:24px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{font-size:15px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{gap:9px;margin-top:22px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{padding:13px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{font-size:18px}
}
@media(prefers-reduced-motion:reduce){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) *,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) *:before,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{max-width:640px;margin:0 auto 24px;text-align:center}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{margin:0 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{display:block;max-width:600px;margin:0 auto;font-size:16px;line-height:1.5;text-wrap:pretty}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-related{min-width:0;width:100%;margin:0;padding:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-related h2{margin:0 0 14px;font-size:20px;line-height:1.3}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-related .related{display:grid;grid-template-columns:1fr;gap:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-related .related a{display:block;margin:0;padding:10px 12px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{display:block;width:min(640px,100%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{grid-template-columns:minmax(0,1fr);gap:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card{padding:10px 12px;border-radius:14px;min-width:0}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card label{display:block;margin:0;color:var(--text);font-size:20px!important;font-weight:700;line-height:1.2;letter-spacing:-.025em;text-transform:none;white-space:nowrap}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value{display:flex;flex:initial;width:100%;max-width:100%;min-width:0;height:48px;padding:0 8px;gap:6px;border-radius:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input{flex:1 1 0;width:0;min-width:0;min-height:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:30px;letter-spacing:-.04em;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input::-webkit-inner-spin-button,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value:after{margin:0;font-size:11px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value:not([data-unit]):after,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value[data-unit=""]:after{display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value select.inline-unit-select{flex:0 0 auto;width:48px;max-width:none;min-width:0;height:38px;min-height:38px;padding:0 0 0 2px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;cursor:pointer;transform:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .inline-unit-select option{background:var(--surface);color:var(--text)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .inline-unit-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)){display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) label{margin:0}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) select,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-width:0;min-height:48px;padding:8px 10px;font-size:18px;border-radius:10px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr);gap:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card .travel-text-value{height:48px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card .travel-text-value input{padding:0;min-height:0;border:0;border-radius:0;font-size:30px;text-align:center}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card .travel-text-value select.inline-unit-select{min-height:38px;padding:0 0 0 2px;border-radius:0;font-size:11px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card>input{text-align:center}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-help{display:block;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4;grid-column:1/-1}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card.has-warning{border-color:rgba(255,130,153,.72);box-shadow:0 0 0 3px rgba(255,130,153,.10)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card.has-warning .travel-entry-value,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card.has-warning>input,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card.has-warning>select,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card.has-warning>textarea{border-color:#ff8299!important;box-shadow:0 0 0 3px rgba(255,130,153,.12)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-warning{display:block;grid-column:1/-1;margin:6px 0 0;color:#ffb8c5;font-size:12px;font-weight:800;line-height:1.3}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions .btn{min-height:48px;font-size:16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .actions #go{font-size:25px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-result-actions{margin-top:18px;display:flex;justify-content:flex-end}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-result-actions[hidden]{display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-result-actions .btn{min-height:44px;padding:0 20px;font-size:15px;color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .hint{font-size:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{min-height:0;padding:26px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(52px,5.5vw,76px);line-height:1;letter-spacing:-.05em;margin:18px 0 8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{font-size:15px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{gap:8px;margin-top:18px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{padding:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{font-size:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula{padding:12px;font-size:12px}
@media(max-width:1000px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-related{width:min(640px,100%);margin:16px auto 0}
}
@media(max-width:900px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-shell{display:block;width:min(640px,100%)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{min-height:0;padding:24px}
}
@media(max-width:620px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title{margin-bottom:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title h1{font-size:20px;line-height:1.2;letter-spacing:-.025em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .calc-title p{font-size:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-related{padding:16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-related .related{grid-template-columns:1fr}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-input{padding:10px 8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .fields{gap:6px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card{padding:8px;border-radius:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-row,:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr) clamp(112px,calc(100vw - 208px),160px);gap:8px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value{height:46px;padding:0 5px;gap:4px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value input{font-size:30px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-value select.inline-unit-select{width:46px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{padding:20px 16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{font-size:clamp(46px,13vw,64px)}
}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-shell{width:min(640px,100%)}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result:not(.is-visible){display:none}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result{min-height:0;padding:16px 18px 18px;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(116,227,174,.28),transparent 35%),radial-gradient(circle at 12% 88%,rgba(97,215,255,.22),transparent 38%),linear-gradient(135deg,#07111f 0%,#14213a 44%,#211845 100%)}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.1);border-radius:24px;pointer-events:none}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .result-label{display:block;padding:10px 12px 0;color:#9ff6d8;font-size:13px;font-weight:950;line-height:1;text-transform:uppercase;letter-spacing:.18em;text-align:center}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .travel-step{display:none}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rvalue{display:block;width:100%;max-width:none;margin:8px 0 12px;padding:0 clamp(10px,3vw,24px);padding-bottom:20px;color:#fff!important;font-size:220px;line-height:.82;letter-spacing:-.075em;text-align:center;white-space:nowrap;overflow:hidden;text-shadow:0 14px 36px rgba(0,0,0,.38),0 0 34px rgba(97,215,255,.12)}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rsub{text-align:center;color:#d6e0ef;font-size:14px;font-weight:800;line-height:1.2}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .result-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.075);box-shadow:none;backdrop-filter:none}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini span{min-width:0;color:#fff;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.025em;text-transform:none;white-space:nowrap}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini b{height:48px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 8px;border:1px solid rgba(97,215,255,.24);border-radius:10px;background:rgba(9,20,37,.72);color:#fff;font-size:clamp(27px,5.8vw,34px);font-weight:950;line-height:1;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .formula{max-width:880px;margin:clamp(16px,2.4vw,28px) auto 0;text-align:center;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1)}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .travel-result-actions{justify-content:center}
@media(max-width:760px){:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-shell{width:min(100%,calc(100vw - 16px))}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result{min-height:0;padding:16px 10px 14px;border-radius:16px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result:before{inset:8px;border-radius:13px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .result-label{padding:5px 10px 0;font-size:11px;letter-spacing:.14em}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rvalue{margin:7px 0 3px;padding:0 8px;line-height:.88;letter-spacing:-.055em}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rsub{font-size:12px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:1fr;gap:6px;margin-top:12px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .result-grid .mini:first-child{grid-column:auto}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini{min-height:48px;grid-template-columns:minmax(0,1fr) 132px;gap:8px;padding:7px 8px;border-radius:11px;background:rgba(255,255,255,.065)}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini span{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini b{height:42px;font-size:24px;text-align:center;border-radius:9px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini:nth-child(2) b{text-align:center}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .formula{margin-top:10px;padding:10px;font-size:10px;line-height:1.35}
}
@media(max-width:380px){:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result{padding:14px 8px 12px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rvalue{padding:0 6px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini{grid-template-columns:minmax(0,1fr) 112px;gap:6px;padding:6px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini span{font-size:14px}
:is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini b{height:40px;font-size:22px}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-result-actions{justify-content:center}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{min-width:0}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{font-size:25px;line-height:1.35;text-align:center}
@media(max-width:760px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{font-size:20px}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result:not(.is-visible){display:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-label{display:block;padding:10px 12px 0;color:#9ff6d8;font-size:13px;font-weight:950;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.18em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{display:block;width:100%;max-width:none;margin:8px 0 12px;padding:0 clamp(10px,3vw,24px);padding-bottom:20px;text-align:center;white-space:nowrap;overflow:hidden}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.075);box-shadow:none;backdrop-filter:none}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini span{min-width:0;color:#fff;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.025em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{height:48px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 8px;border:1px solid rgba(97,215,255,.24);border-radius:10px;background:rgba(9,20,37,.72);color:#fff;font-size:clamp(27px,5.8vw,34px);font-weight:950;line-height:1;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{padding:16px 10px 14px;border-radius:16px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result:before{inset:8px;border-radius:13px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-label{padding:5px 10px 0;font-size:11px;letter-spacing:.14em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{width:100%;margin:7px 0 3px;padding:0 8px;padding-bottom:20px;text-align:center;line-height:.88;letter-spacing:-.055em}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub{font-size:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid{grid-template-columns:1fr;gap:6px;margin-top:12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-grid .mini:first-child{grid-column:auto}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{min-height:48px;grid-template-columns:minmax(0,1fr) 132px;gap:8px;padding:7px 8px;border-radius:11px;background:rgba(255,255,255,.065)}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini span{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{height:42px;font-size:24px;text-align:center;border-radius:9px}
}
@media(max-width:380px){:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result{padding:14px 8px 12px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue{padding:0 6px;padding-bottom:20px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini{grid-template-columns:minmax(0,1fr) 112px;gap:6px;padding:6px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini span{font-size:14px}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b{height:40px;font-size:22px}
}
html[data-theme="light"] .utility-result{
 background:linear-gradient(180deg,#ffffff,#eef5fb);
}
html[data-theme="light"] .analysis-result{
 background:linear-gradient(180deg,#ffffff,#f3f7fb);
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result{
 border-color:color-mix(in srgb,var(--line) 88%,transparent);
 background:
  radial-gradient(circle at 88% 8%,rgba(20,121,184,.13),transparent 42%),
  radial-gradient(circle at 6% 96%,rgba(98,83,204,.10),transparent 44%),
  linear-gradient(155deg,#ffffff 0%,#eef6fc 58%,#e8eef9 100%);
 color:var(--text);
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result:before,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result:before{
 border-color:rgba(20,34,56,.10);
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .result-label,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .result-label{
 color:#09759b;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rvalue,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rvalue{
 color:#142238!important;
 text-shadow:none;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .rsub,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rsub{
 color:#51637a;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini{
 border-color:#d8e4ef;
 background:rgba(255,255,255,.72);
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini span,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini span{
 color:#4f6178;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini b{
 border-color:#c7d8e8;
 background:#f6f9fc;
 color:#142238;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .formula,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .formula{
 border-color:#d8e4ef;
 background:rgba(255,255,255,.76);
 color:#5c6f86;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-chart-head span{
 color:#142238;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-chart-head small{
 color:#687a91;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-bars{
 border-bottom-color:#d8e4ef;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-result-actions .btn{
 color:#142238;
 border-color:#d8e4ef;
 background:#ffffff;
}
html[data-theme="light"] .btn-primary{
 color:#fff;
 background:linear-gradient(135deg,#2f86a6,#6f6ab8);
}
html[data-theme="light"] .eyebrow{
 color:#2f6f8a;
 background:rgba(47,134,166,.08);
 border-color:rgba(47,134,166,.18);
}
html[data-theme="light"] .category-panel,html[data-theme="light"] .stat,html[data-theme="light"] .analysis-input,html[data-theme="light"] .seo-article,html[data-theme="light"] .seo-side-card{
 background:linear-gradient(180deg,#fbfcfd,#f2f5f8);
 border-color:#d7e1ea;
 box-shadow:0 12px 34px rgba(31,49,72,.07);
}
html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea,html[data-theme="light"] .search-box input,html[data-theme="light"] .simple-category-filter input,html[data-theme="light"] .category-filter input,html[data-theme="light"] .travel-entry-value,html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-entry-card{
 background:#eef3f7;
 border-color:#d3dde7;
 color:#1d2a3a;
}
html[data-theme="light"] .field input:focus,html[data-theme="light"] .field select:focus,html[data-theme="light"] .field textarea:focus,html[data-theme="light"] .search-box input:focus,html[data-theme="light"] .simple-category-filter input:focus{
 border-color:#2f86a6;
 box-shadow:0 0 0 4px rgba(47,134,166,.10);
}
html[data-theme="light"] .drawer-grid a,html[data-theme="light"] .calc-card,html[data-theme="light"] .cat-card,html[data-theme="light"] .mini,html[data-theme="light"] .formula,html[data-theme="light"] .chart-wrap,html[data-theme="light"] .utility-visual{
 background:#eef3f7;
 border-color:#d5dfe8;
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .utility-result,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result{
 background:
  radial-gradient(circle at 88% 8%,rgba(47,134,166,.10),transparent 42%),
  radial-gradient(circle at 6% 96%,rgba(111,106,184,.08),transparent 44%),
  linear-gradient(155deg,#fbfcfd 0%,#edf3f7 62%,#e5ebf2 100%);
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini{
 background:rgba(251,252,253,.78);
}
html[data-theme="light"] :is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .mini b,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini b{
 background:#eef3f7;
}
body[data-category="Specialized"] .rvalue{
 white-space:normal;
 overflow-wrap:anywhere;
 font-size:clamp(30px,5vw,70px);
 line-height:1.05;
}
body[data-category="Specialized"] .utility-result{
 background:
  radial-gradient(circle at 92% 8%,rgba(97,215,255,.12),transparent 38%),
  linear-gradient(155deg,var(--surface) 0%,var(--surface2) 100%);
}
html[data-theme="light"] body[data-category="Specialized"] .utility-result{
 background:
  radial-gradient(circle at 92% 8%,rgba(47,134,166,.10),transparent 38%),
  linear-gradient(155deg,#fbfcfd 0%,#edf3f7 100%);
}
body[data-category="Specialized"] .calc-title{max-width:640px;margin:0 auto 24px;text-align:center}
body[data-category="Specialized"] .calc-title h1{margin:0 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
body[data-category="Specialized"] .calc-title p{display:block;max-width:600px;margin:0 auto;font-size:16px;line-height:1.5;text-wrap:pretty}
body[data-category="Specialized"] .utility-shell{display:block;width:min(640px,100%);overflow:visible}
body[data-category="Specialized"] .utility-input{padding:20px}
body[data-category="Specialized"] .fields{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-category="Specialized"] .travel-form-intro{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:14px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%)}
body[data-category="Specialized"] .travel-step{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d;font-size:13px;font-weight:950}
body[data-category="Specialized"] .travel-form-intro h2{margin:0;color:var(--text);font-size:18px;line-height:1.2}
body[data-category="Specialized"] .travel-form-intro p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
body[data-category="Specialized"] .travel-entry-card{padding:10px 12px;border:1px solid var(--line);border-radius:14px;min-width:0;background:color-mix(in srgb,var(--surface) 97%,var(--accent) 3%);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}
body[data-category="Specialized"] .travel-entry-card:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}
body[data-category="Specialized"] .travel-entry-card:focus-within{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 14px 34px rgba(0,0,0,.14),0 0 0 4px rgba(97,215,255,.09)}
body[data-category="Specialized"] .travel-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-category="Specialized"] .travel-entry-card label{display:block;margin:0;color:var(--text);font-size:22px!important;font-weight:800;line-height:1.15;letter-spacing:-.025em;text-transform:none;white-space:nowrap}
body[data-category="Specialized"] .travel-entry-value{display:flex;flex:initial;width:100%;max-width:100%;min-width:0;height:54px;padding:0 10px;gap:6px;border:1px solid color-mix(in srgb,var(--accent2) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 93%,var(--accent2) 7%);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
body[data-category="Specialized"] .travel-entry-value input{flex:1 1 0;width:0;min-width:0;min-height:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:34px;font-weight:950;letter-spacing:-.04em;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}
body[data-category="Specialized"] .travel-entry-value input::-webkit-inner-spin-button,body[data-category="Specialized"] .travel-entry-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-category="Specialized"] .travel-entry-value:after{content:attr(data-unit);margin:0;color:var(--accent);font-size:11px;font-weight:900}
body[data-category="Specialized"] .travel-entry-value:not([data-unit]):after,body[data-category="Specialized"] .travel-entry-value[data-unit=""]:after{display:none}
body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)){display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)) label{margin:0}
body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)) input,body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)) select,body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-width:0;min-height:54px;padding:9px 12px;font-size:20px;font-weight:900;border-radius:12px}
body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)) select,body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)) input{font-weight:950;padding:0}
body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)) select{font-weight:950;padding:0}
body[data-category="Specialized"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr);gap:8px}
body[data-category="Specialized"] .travel-entry-help{display:block;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4;grid-column:1/-1}
body[data-category="Specialized"] .actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
body[data-category="Specialized"] .actions .btn{min-height:48px;font-size:16px}
body[data-category="Specialized"] .actions #go{font-size:27px}
body[data-category="Specialized"] .travel-result-actions{margin-top:18px;display:flex;justify-content:center}
body[data-category="Specialized"] .travel-result-actions[hidden]{display:none}
body[data-category="Specialized"] .travel-result-actions .btn{min-height:44px;padding:0 20px;font-size:15px;color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
body[data-category="Specialized"] .utility-result{display:none;min-height:0;margin-top:14px;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 88% 4%,rgba(145,132,255,.24),transparent 45%),radial-gradient(circle at 5% 95%,rgba(97,215,255,.12),transparent 42%),linear-gradient(155deg,#17223e,#0d172b);color:#fff;scroll-margin-top:78px}
body[data-category="Specialized"] .utility-result.is-visible{display:block;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-category="Specialized"] .result-label{color:#9fe8ff;font-size:9px;letter-spacing:.14em;text-align:center}
body[data-category="Specialized"] .rvalue{width:100%;max-width:100%;margin:18px auto 8px;color:#fff!important;font-size:clamp(56px,6vw,86px);line-height:1;letter-spacing:-.05em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;text-shadow:0 6px 24px rgba(0,0,0,.2)}
body[data-category="Specialized"] .rsub{color:#b7c3d8;font-size:15px;line-height:1.35;text-align:center}
body[data-category="Specialized"] .result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
body[data-category="Specialized"] .mini{padding:12px;border-color:rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.055)}
body[data-category="Specialized"] .mini span{color:#9eabc0;font-size:8px}
body[data-category="Specialized"] .mini b{min-width:0;color:#fff;font-size:20px;overflow-wrap:anywhere}
body[data-category="Specialized"] .formula{margin-top:9px;padding:12px;border-color:rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.045);color:#aebbd0;font-size:12px;text-align:center}
body[data-category="Specialized"] .utility-visual{display:none!important}
body[data-category="Specialized"] .utility-bars{height:110px;gap:10px;padding:8px 5px 0;border-bottom:1px solid rgba(255,255,255,.09)}
body[data-category="Specialized"] .utility-bars i{min-width:18px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#55e6cc,var(--accent2));box-shadow:0 8px 18px rgba(0,0,0,.2)}
@media(max-width:900px){body[data-category="Specialized"] .utility-shell{display:block;width:min(640px,100%)}
body[data-category="Specialized"] .utility-result{min-height:0;padding:24px}
}
@media(max-width:620px){body[data-category="Specialized"] .calc-title{margin-bottom:14px}
body[data-category="Specialized"] .calc-title h1{font-size:20px;line-height:1.2;letter-spacing:-.025em}
body[data-category="Specialized"] .calc-title p{font-size:14px}
body[data-category="Specialized"] .utility-input{padding:10px 8px}
body[data-category="Specialized"] .fields{gap:6px}
body[data-category="Specialized"] .travel-entry-card{padding:8px;border-radius:12px}
body[data-category="Specialized"] .travel-entry-row,body[data-category="Specialized"] .travel-entry-card:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr) clamp(112px,calc(100vw - 208px),160px);gap:8px}
body[data-category="Specialized"] .travel-entry-value{height:46px;padding:0 5px;gap:4px}
body[data-category="Specialized"] .travel-entry-value input{font-size:30px}
body[data-category="Specialized"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr)}
body[data-category="Specialized"] .utility-result{padding:20px 16px}
body[data-category="Specialized"] .rvalue{font-size:clamp(46px,13vw,64px)}
body[data-category="Specialized"] .rsub{font-size:15px}
body[data-category="Specialized"] .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-category="Specialized"] .result-grid .mini:last-child:nth-child(odd){grid-column:1/-1}
}
html[data-theme="light"] body[data-category="Specialized"] .utility-result{background:radial-gradient(circle at 88% 4%,rgba(111,106,184,.12),transparent 45%),radial-gradient(circle at 5% 95%,rgba(47,134,166,.10),transparent 42%),linear-gradient(155deg,#fbfcfd 0%,#edf3f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-category="Specialized"] .rvalue{color:#1d2a3a!important;text-shadow:none}
html[data-theme="light"] body[data-category="Specialized"] .rsub{color:#627184}
html[data-theme="light"] body[data-category="Specialized"] .mini,html[data-theme="light"] body[data-category="Specialized"] .formula,html[data-theme="light"] body[data-category="Specialized"] .utility-visual{background:rgba(255,255,255,.72);border-color:#d5dfe8;color:#627184}
html[data-theme="light"] body[data-category="Specialized"] .mini b{color:#1d2a3a}
html[data-theme="light"] body[data-category="Specialized"] .travel-result-actions .btn{color:#1d2a3a;background:rgba(47,134,166,.09);border-color:rgba(47,134,166,.18)}
body[data-calc-name="Clock Angle Calculator"] .calc-page{padding:32px 0 22px}
body[data-calc-name="Clock Angle Calculator"] .calc-title{max-width:520px;margin:0 auto 22px;text-align:center}
body[data-calc-name="Clock Angle Calculator"] .calc-title h1{margin:0 0 8px;color:#374151;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:0}
body[data-calc-name="Clock Angle Calculator"] .calc-title p{max-width:448px;margin:0 auto;color:#6b7280;font-size:14px;line-height:1.625}
body[data-calc-name="Clock Angle Calculator"] .utility-shell{display:block;width:min(384px,100%);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transition:width .3s ease}
body[data-calc-name="Clock Angle Calculator"] .utility-input{min-width:0;padding:0}
body[data-calc-name="Clock Angle Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:stretch;width:min(980px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 26px 74px rgba(0,0,0,.2)}
body[data-calc-name="Clock Angle Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:30px}
body[data-calc-name="Clock Angle Calculator"] .utility-result{display:none;min-width:0}
body[data-calc-name="Clock Angle Calculator"] .utility-result.is-visible{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:100%;margin:0;padding:36px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.22),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;scroll-margin-top:80px;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calc-name="Clock Angle Calculator"] .result-label{color:#d8f7ff;font-size:14px;letter-spacing:0;text-align:center;justify-content:center}
body[data-calc-name="Clock Angle Calculator"] .rvalue{width:100%;max-width:100%;margin:24px 0 12px;color:#fff!important;font-size:clamp(64px,8vw,100px);line-height:.95;letter-spacing:-.05em;text-align:center;white-space:nowrap;text-shadow:none}
body[data-calc-name="Clock Angle Calculator"] .rsub{color:#c0ccdc;font-size:17px;line-height:1.5;text-align:center}
body[data-calc-name="Clock Angle Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:24px}
body[data-calc-name="Clock Angle Calculator"] .mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055)}
body[data-calc-name="Clock Angle Calculator"] .mini span{color:#b4c0d2;font-size:16px;font-weight:800;letter-spacing:0;text-transform:none;white-space:nowrap}
body[data-calc-name="Clock Angle Calculator"] .mini b{display:grid;min-width:78px;min-height:44px;place-items:center;padding:4px 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(7,16,31,.24);color:#fff;font-size:22px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-calc-name="Clock Angle Calculator"] .formula{margin-top:14px;padding:15px;border-color:rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045);color:#c0ccdc;font-size:13px;line-height:1.6;text-align:left}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-actions .btn{min-height:56px;border-radius:14px;font-size:16px;font-weight:850}
body[data-calc-name="Clock Angle Calculator"] .clock-result-actions{margin-top:20px;display:flex;justify-content:center}
body[data-calc-name="Clock Angle Calculator"] .clock-result-actions[hidden]{display:none}
body[data-calc-name="Clock Angle Calculator"] .clock-result-actions .btn{min-height:44px;padding:0 20px;color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-tool{--clock-bg:#faf9f7;--clock-surface:#f3f4f6;--clock-border:#d3d6da;--clock-text:#1a1a1b;--clock-text-secondary:#6b7280;--clock-ray:#1a1a1b;--clock-accent:#4f46e5;width:100%;margin:0 auto;padding:0 16px;color:var(--clock-text)}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-face{display:block;width:100%;max-width:225px;height:auto;margin:0 auto}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-hour-hand{transform-box:view-box;transform-origin:center;transition:transform .9s ease-out}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-minute-hand{transform-box:view-box;transform-origin:center;transition:transform .45s ease-out}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-controls{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:24px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-unit{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--clock-text-secondary);font-size:14px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-unit>span{color:var(--clock-text);font-size:18px;font-weight:800}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper{display:flex;align-items:center;gap:4px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper button{width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid var(--clock-border);border-radius:8px;background:transparent;color:var(--clock-text-secondary);font-size:24px;font-weight:650;line-height:1;transition:border-color .15s ease,color .15s ease,background .15s ease}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper button:hover{border-color:var(--clock-accent);color:var(--clock-text)}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper button:active{background:var(--clock-bg)}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper button:focus-visible,body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper input:focus-visible{outline:2px solid color-mix(in srgb,var(--clock-accent) 60%,transparent);outline-offset:2px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper input{width:60px;height:44px;min-height:44px;padding:6px 4px;border:1px solid var(--clock-border);border-radius:8px;background:var(--clock-bg);color:var(--clock-text);font-size:18px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-colon{padding-bottom:8px;color:var(--clock-text-secondary);font-size:24px;font-weight:750;line-height:1}
body[data-calc-name="Clock Angle Calculator"] .calc-title p{max-width:384px;font-size:12px;line-height:1.5}
html[data-theme="dark"] body[data-calc-name="Clock Angle Calculator"] .calc-title h1{color:#d7dadc}
html[data-theme="dark"] body[data-calc-name="Clock Angle Calculator"] .calc-title p{color:#818384}
html[data-theme="dark"] body[data-calc-name="Clock Angle Calculator"] .clock-angle-tool{--clock-bg:#151517;--clock-surface:#2a2a2c;--clock-border:#3a3a3c;--clock-text:#d7dadc;--clock-text-secondary:#818384;--clock-ray:#d7dadc;--clock-accent:#818cf8}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .utility-result.is-visible{background:linear-gradient(155deg,#f8fafc 0%,#edf2f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .result-label{color:#35465d}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .rvalue{color:#1d2a3a!important}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .rsub{color:#627184}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .mini,html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .formula{background:rgba(255,255,255,.78);border-color:#d5dfe8;color:#627184}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .mini span{color:#39495f}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .mini b{border-color:#c7d8e8;background:#f6f9fc;color:#1d2a3a}
html[data-theme="light"] body[data-calc-name="Clock Angle Calculator"] .clock-result-actions .btn{color:#1d2a3a;background:rgba(47,134,166,.09);border-color:rgba(47,134,166,.18)}
@media(max-width:900px){body[data-calc-name="Clock Angle Calculator"] .utility-shell.has-result{display:block;width:min(640px,100%)}
body[data-calc-name="Clock Angle Calculator"] .utility-shell.has-result .utility-input{padding:28px 22px}
body[data-calc-name="Clock Angle Calculator"] .utility-result.is-visible{min-height:0;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Clock Angle Calculator"] .clock-angle-controls{gap:6px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper button{width:40px;height:40px;flex-basis:40px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper input{width:56px;height:40px;min-height:40px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-colon{font-size:22px}
}
@media(max-width:390px){body[data-calc-name="Clock Angle Calculator"] .clock-angle-controls{gap:4px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-unit>span{font-size:16px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper{gap:2px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper button{width:32px;height:36px;flex-basis:32px;font-size:21px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-stepper input{width:44px;height:36px;min-height:36px;font-size:16px}
body[data-calc-name="Clock Angle Calculator"] .clock-angle-colon{font-size:20px}
}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-error{margin:0 0 12px;padding:12px 14px;border:1px solid #b94747;border-radius:12px;background:rgba(185,71,71,.13);color:var(--text);font-size:14px;font-weight:700;line-height:1.45}
:is(body[data-category="Travel"],body[data-category="Yard & Garden"]) .travel-form-error:focus-visible{outline:3px solid #b94747;outline-offset:2px}
body[data-category="Specialized"] .specialized-form-error{margin:0 0 12px;padding:12px 14px;border:1px solid #b94747;border-radius:12px;background:rgba(185,71,71,.13);color:var(--text);font-size:14px;font-weight:700;line-height:1.45}
body[data-category="Specialized"] .specialized-form-error:focus-visible{outline:3px solid #b94747;outline-offset:2px}
body[data-calc-name="Random Number Calculator"] .result-grid .mini:last-child:nth-child(4){grid-column:1/-1}
body[data-calc-name="Random Number Calculator"] .result-grid .mini:last-child:nth-child(4) b{display:block;max-height:260px;overflow:auto;font-size:14px;font-weight:650;line-height:1.45;white-space:normal;text-align:left}
body[data-calc-name="Complex Number Calculator"] .calc-title{max-width:980px;margin:0 auto 22px;text-align:center}
body[data-calc-name="Complex Number Calculator"] .calc-title h1{margin:0 0 8px;font-size:30px;line-height:1.2}
body[data-calc-name="Complex Number Calculator"] .calc-title p{max-width:480px;font-size:12px;line-height:1.5}
body[data-calc-name="Complex Number Calculator"] .utility-shell{display:block;width:min(780px,100%);overflow:visible}
body[data-calc-name="Complex Number Calculator"] .utility-input{padding:26px}
body[data-calc-name="Complex Number Calculator"] .specialized-form-intro{display:none}
body[data-calc-name="Complex Number Calculator"] .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-calc-name="Complex Number Calculator"] .specialized-entry-help{display:none}
body[data-calc-name="Complex Number Calculator"] .travel-entry-card{padding:14px;border-radius:14px}
body[data-calc-name="Complex Number Calculator"] .travel-entry-row{display:block}
body[data-calc-name="Complex Number Calculator"] .travel-entry-row label{display:block;margin:0 0 8px;color:var(--muted);font-size:15px!important;font-weight:800;line-height:1.25;letter-spacing:0;white-space:normal}
body[data-calc-name="Complex Number Calculator"] .travel-entry-value{width:100%;height:58px;padding:0 14px;border-radius:12px;background:var(--bg-soft)}
body[data-calc-name="Complex Number Calculator"] .travel-entry-value input{font-size:30px;font-weight:900;letter-spacing:-.02em;text-align:left}
body[data-calc-name="Complex Number Calculator"] .fields>.travel-entry-card:nth-child(5){display:grid;grid-template-columns:minmax(0,1fr);gap:8px;grid-column:1/-1}
body[data-calc-name="Complex Number Calculator"] .fields>.travel-entry-card:nth-child(5) label{margin:0;color:var(--muted);font-size:15px;font-weight:800}
body[data-calc-name="Complex Number Calculator"] .fields>.travel-entry-card:nth-child(5) select{width:100%;min-height:58px;padding:0 14px;border-radius:12px;font-size:17px;font-weight:800}
body[data-calc-name="Complex Number Calculator"] .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
body[data-calc-name="Complex Number Calculator"] .actions .btn{min-height:56px;border-radius:14px;font-size:16px}
body[data-calc-name="Complex Number Calculator"] .actions #go{font-size:16px}
body[data-calc-name="Complex Number Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:stretch;width:min(980px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 26px 74px rgba(0,0,0,.2)}
body[data-calc-name="Complex Number Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:30px}
body[data-calc-name="Complex Number Calculator"] .utility-result.is-visible{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:100%;margin:0;padding:36px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.22),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calc-name="Complex Number Calculator"] .result-label{color:#d8f7ff;font-size:14px;letter-spacing:0;text-align:center;justify-content:center}
body[data-calc-name="Complex Number Calculator"] .rvalue{width:100%;max-width:100%;margin:24px 0 12px;color:#fff!important;font-size:clamp(64px,8vw,100px);line-height:.98;letter-spacing:-.04em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;text-shadow:none}
body[data-calc-name="Complex Number Calculator"] .rsub{color:#c0ccdc;font-size:16px;line-height:1.5;text-align:center}
body[data-calc-name="Complex Number Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:24px}
body[data-calc-name="Complex Number Calculator"] .mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055)}
body[data-calc-name="Complex Number Calculator"] .mini span{color:#b4c0d2;font-size:15px;font-weight:800;letter-spacing:0;text-transform:none;white-space:nowrap}
body[data-calc-name="Complex Number Calculator"] .mini b{display:grid;min-width:78px;min-height:42px;place-items:center;padding:4px 9px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(7,16,31,.24);color:#fff;font-size:clamp(15px,2vw,21px);font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-calc-name="Complex Number Calculator"] .formula{margin-top:14px;padding:15px;border-color:rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045);color:#c0ccdc;font-size:13px;line-height:1.6;text-align:left}
html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .utility-result.is-visible{background:linear-gradient(155deg,#f8fafc 0%,#edf2f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .rvalue{color:#1d2a3a!important}
html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .rsub{color:#627184}
html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .mini,html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .formula{background:rgba(255,255,255,.78);border-color:#d5dfe8;color:#627184}
html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .mini span{color:#39495f}
html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .mini b{border-color:#c7d8e8;background:#f6f9fc;color:#1d2a3a}
html[data-theme="light"] body[data-calc-name="Complex Number Calculator"] .travel-result-actions .btn{color:#1d2a3a;background:rgba(47,134,166,.09);border-color:rgba(47,134,166,.18)}
@media(max-width:900px){body[data-calc-name="Complex Number Calculator"] .utility-shell.has-result{display:block;width:min(780px,100%)}
body[data-calc-name="Complex Number Calculator"] .utility-shell.has-result .utility-input{padding:24px}
body[data-calc-name="Complex Number Calculator"] .utility-result.is-visible{min-height:0;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Complex Number Calculator"] .utility-input{padding:14px 10px}
body[data-calc-name="Complex Number Calculator"] .fields{gap:8px}
body[data-calc-name="Complex Number Calculator"] .travel-entry-card{padding:9px}
body[data-calc-name="Complex Number Calculator"] .travel-entry-value{height:50px;padding:0 9px}
body[data-calc-name="Complex Number Calculator"] .travel-entry-value input{font-size:25px}
body[data-calc-name="Complex Number Calculator"] .fields>.travel-entry-card:nth-child(5) select{min-height:50px;font-size:15px}
body[data-calc-name="Complex Number Calculator"] .utility-result.is-visible{padding:22px 16px}
}
body[data-calc-name="Matrix Calculator"] .utility-shell{width:min(820px,100%)}
body[data-calc-name="Matrix Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:stretch;width:min(1080px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 26px 74px rgba(0,0,0,.2)}
body[data-calc-name="Matrix Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:28px}
body[data-calc-name="Matrix Calculator"] .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-calc-name="Matrix Calculator"] .matrix-entry{min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}
body[data-calc-name="Matrix Calculator"] .matrix-entry-head{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:9px;margin-bottom:12px}
body[data-calc-name="Matrix Calculator"] .matrix-entry-head>label{margin:0;color:var(--text);font-size:18px;font-weight:950;text-align:center}
body[data-calc-name="Matrix Calculator"] .matrix-size{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}
body[data-calc-name="Matrix Calculator"] .matrix-size select{width:52px;min-height:36px;padding:0 7px;border-radius:9px;font-size:14px;font-weight:850}
body[data-calc-name="Matrix Calculator"] .matrix-cells{display:grid;grid-template-columns:repeat(var(--matrix-cols,2),minmax(0,1fr));gap:7px}
body[data-calc-name="Matrix Calculator"] .matrix-cell{width:100%;min-width:0;height:58px;min-height:58px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:40px;font-weight:850;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
body[data-calc-name="Matrix Calculator"] .matrix-cell:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
body[data-calc-name="Matrix Calculator"] .matrix-entry-help{display:none}
body[data-calc-name="Matrix Calculator"] .fields>.field.full:last-child{grid-column:1/-1}
body[data-calc-name="Matrix Calculator"] .utility-result.is-visible{display:flex;flex-direction:column;align-items:stretch}
body[data-calc-name="Matrix Calculator"] .result-label{text-align:center}
body[data-calc-name="Matrix Calculator"] .rvalue{font-size:clamp(44px,7vw,76px);text-align:center}
body[data-calc-name="Matrix Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:7px}
body[data-calc-name="Matrix Calculator"] .mini{display:grid;grid-template-columns:minmax(84px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px}
body[data-calc-name="Matrix Calculator"] .mini span{font-size:18px;font-weight:900}
body[data-calc-name="Matrix Calculator"] .mini b{justify-self:end;max-width:100%;overflow-x:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
body[data-calc-name="Matrix Calculator"] .matrix-size{gap:9px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}
body[data-calc-name="Matrix Calculator"] .matrix-dimension>span{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}
body[data-calc-name="Matrix Calculator"] .matrix-dimension button{display:grid;width:32px;height:36px;flex:0 0 32px;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:20px;font-weight:800;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
body[data-calc-name="Matrix Calculator"] .matrix-dimension button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-soft))}
body[data-calc-name="Matrix Calculator"] .matrix-dimension button:active{transform:scale(.94)}
body[data-calc-name="Matrix Calculator"] .matrix-dimension input{width:44px;height:36px;min-height:36px;flex:0 0 44px;box-sizing:border-box;padding:0 4px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:15px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
body[data-calc-name="Matrix Calculator"] input[type="number"]{appearance:textfield;-moz-appearance:textfield}
body[data-calc-name="Matrix Calculator"] input[type="number"]::-webkit-inner-spin-button,body[data-calc-name="Matrix Calculator"] input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-calc-name="Matrix Calculator"] .matrix-dimension input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
body[data-calc-name="Matrix Calculator"] .matrix-times{font-size:17px;font-weight:900}
@media(max-width:900px){body[data-calc-name="Matrix Calculator"] .utility-shell.has-result{display:block;width:min(820px,100%)}
body[data-calc-name="Matrix Calculator"] .utility-shell.has-result .utility-input{padding:24px}
body[data-calc-name="Matrix Calculator"] .utility-shell.has-result .utility-result{min-height:0;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Matrix Calculator"] .fields{grid-template-columns:minmax(0,1fr)}
body[data-calc-name="Matrix Calculator"] .utility-input{padding:14px 10px}
body[data-calc-name="Matrix Calculator"] .matrix-entry{padding:10px}
body[data-calc-name="Matrix Calculator"] .matrix-entry-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:10px}
body[data-calc-name="Matrix Calculator"] .matrix-size{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension{flex:0 0 auto;min-width:max-content;justify-content:center;gap:3px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension>span{font-size:9px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension button{width:25px;height:34px;flex-basis:25px;font-size:17px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension input{width:40px;min-width:40px;height:34px;min-height:34px;flex:0 0 40px;padding:0;font-size:15px}
body[data-calc-name="Matrix Calculator"] .matrix-times{display:block;flex:0 0 auto;font-size:14px;text-align:center}
body[data-calc-name="Matrix Calculator"] .matrix-cell{height:54px;min-height:54px}
body[data-calc-name="Matrix Calculator"] .result-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){body[data-calc-name="Matrix Calculator"] .matrix-entry{padding:10px}
body[data-calc-name="Matrix Calculator"] .matrix-size{display:grid;grid-template-columns:minmax(0,1fr);justify-content:start;gap:7px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension{justify-content:flex-start;gap:7px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension>span{width:34px;font-size:10px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension button{width:32px;height:36px;flex-basis:32px;font-size:19px}
body[data-calc-name="Matrix Calculator"] .matrix-dimension input{width:48px;min-width:48px;height:36px;min-height:36px;flex-basis:48px;font-size:16px}
body[data-calc-name="Matrix Calculator"] .matrix-times{display:none}
}
body[data-calc-name="Matrix Determinant Calculator"] .utility-shell{width:min(820px,100%)}
body[data-calc-name="Matrix Determinant Calculator"] .specialized-form-intro{display:none}
body[data-calc-name="Matrix Determinant Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:stretch;width:min(980px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 26px 74px rgba(0,0,0,.2)}
body[data-calc-name="Matrix Determinant Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:28px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-entry{min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-entry-head{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:9px;margin-bottom:12px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-entry-head>label{margin:0;color:var(--text);font-size:18px;font-weight:950;text-align:center}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-size{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-dimension{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-dimension>span{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-dimension button{display:grid;width:32px;height:36px;flex:0 0 32px;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:20px;font-weight:800;line-height:1;cursor:pointer}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-dimension input{width:48px;min-width:48px;height:36px;min-height:36px;flex:0 0 48px;box-sizing:border-box;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:15px;font-weight:900;text-align:center;appearance:textfield;-moz-appearance:textfield}
body[data-calc-name="Matrix Determinant Calculator"] input[type="number"]::-webkit-inner-spin-button,body[data-calc-name="Matrix Determinant Calculator"] input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-cells{display:grid;grid-template-columns:repeat(var(--matrix-cols,3),minmax(0,1fr));gap:7px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-cell{width:100%;min-width:0;height:58px;min-height:58px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:40px;font-weight:850;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-cell:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
body[data-calc-name="Matrix Determinant Calculator"] .utility-result.is-visible{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:30px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.22),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calc-name="Matrix Determinant Calculator"] .specialized-result-actions{justify-content:center}
body[data-calc-name="Matrix Determinant Calculator"] .result-label{text-align:center;color:#d8f7ff;font-size:14px;letter-spacing:0}
body[data-calc-name="Matrix Determinant Calculator"] .rvalue{font-size:clamp(54px,7vw,88px);text-align:center}
body[data-calc-name="Matrix Determinant Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calc-name="Matrix Determinant Calculator"] .mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
body[data-calc-name="Matrix Determinant Calculator"] .mini span{font-size:16px;font-weight:850}
body[data-calc-name="Matrix Determinant Calculator"] .mini b{font-size:18px;font-weight:950}
html[data-theme="light"] body[data-calc-name="Matrix Determinant Calculator"] .utility-result.is-visible{background:linear-gradient(155deg,#f8fafc 0%,#edf2f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-calc-name="Matrix Determinant Calculator"] .rvalue{color:#1d2a3a!important}
html[data-theme="light"] body[data-calc-name="Matrix Determinant Calculator"] .rsub{color:#627184}
html[data-theme="light"] body[data-calc-name="Matrix Determinant Calculator"] .mini{border-color:#d5dfe8;background:rgba(255,255,255,.78)}
html[data-theme="light"] body[data-calc-name="Matrix Determinant Calculator"] .mini span{color:#39495f}
html[data-theme="light"] body[data-calc-name="Matrix Determinant Calculator"] .mini b{border-color:#c7d8e8;background:#f6f9fc;color:#1d2a3a}
@media(max-width:900px){body[data-calc-name="Matrix Determinant Calculator"] .utility-shell.has-result{display:block;width:min(820px,100%)}
body[data-calc-name="Matrix Determinant Calculator"] .utility-shell.has-result .utility-input{padding:24px}
body[data-calc-name="Matrix Determinant Calculator"] .utility-result.is-visible{min-height:0;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Matrix Determinant Calculator"] .utility-input{padding:14px 10px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-entry{padding:10px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-cell{height:54px;min-height:54px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-dimension button{width:32px;height:36px;flex-basis:32px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-dimension input{width:48px;height:36px;min-height:36px;flex-basis:48px}
}
@media(max-width:360px){body[data-calc-name="Matrix Determinant Calculator"] .matrix-entry{padding:8px}
body[data-calc-name="Matrix Determinant Calculator"] .matrix-cell{height:48px;min-height:48px}
}
body[data-calc-name="Matrix Inverse Calculator"] .utility-shell{width:min(820px,100%)}
body[data-calc-name="Matrix Inverse Calculator"] .specialized-form-intro{display:none}
body[data-calc-name="Matrix Inverse Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:stretch;width:min(980px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 26px 74px rgba(0,0,0,.2)}
body[data-calc-name="Matrix Inverse Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:28px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-entry{min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-entry-head{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:9px;margin-bottom:12px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-entry-head>label{margin:0;color:var(--text);font-size:18px;font-weight:950;text-align:center}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-size{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-dimension{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-dimension>span{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-dimension button{display:grid;width:32px;height:36px;flex:0 0 32px;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:20px;font-weight:800;line-height:1;cursor:pointer}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-dimension input{width:48px;min-width:48px;height:36px;min-height:36px;flex:0 0 48px;box-sizing:border-box;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:15px;font-weight:900;text-align:center;appearance:textfield;-moz-appearance:textfield}
body[data-calc-name="Matrix Inverse Calculator"] input[type="number"]::-webkit-inner-spin-button,body[data-calc-name="Matrix Inverse Calculator"] input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-cells{display:grid;grid-template-columns:repeat(var(--matrix-cols,2),minmax(0,1fr));gap:7px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-cell{width:100%;min-width:0;height:58px;min-height:58px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font-size:40px;font-weight:850;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-cell:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
body[data-calc-name="Matrix Inverse Calculator"] .utility-result.is-visible{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:30px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.22),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calc-name="Matrix Inverse Calculator"] .result-label{text-align:center;color:#d8f7ff;font-size:14px;letter-spacing:0}
body[data-calc-name="Matrix Inverse Calculator"] .rvalue{font-size:clamp(54px,7vw,88px);text-align:center}
body[data-calc-name="Matrix Inverse Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calc-name="Matrix Inverse Calculator"] .mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
body[data-calc-name="Matrix Inverse Calculator"] .mini span{font-size:16px;font-weight:850}
body[data-calc-name="Matrix Inverse Calculator"] .mini b{max-width:100%;overflow-x:auto;font-size:18px;font-weight:950;white-space:nowrap}
html[data-theme="light"] body[data-calc-name="Matrix Inverse Calculator"] .utility-result.is-visible{background:linear-gradient(155deg,#f8fafc 0%,#edf2f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-calc-name="Matrix Inverse Calculator"] .rvalue{color:#1d2a3a!important}
html[data-theme="light"] body[data-calc-name="Matrix Inverse Calculator"] .rsub{color:#627184}
html[data-theme="light"] body[data-calc-name="Matrix Inverse Calculator"] .mini{border-color:#d5dfe8;background:rgba(255,255,255,.78)}
html[data-theme="light"] body[data-calc-name="Matrix Inverse Calculator"] .mini span{color:#39495f}
html[data-theme="light"] body[data-calc-name="Matrix Inverse Calculator"] .mini b{border-color:#c7d8e8;background:#f6f9fc;color:#1d2a3a}
@media(max-width:900px){body[data-calc-name="Matrix Inverse Calculator"] .utility-shell.has-result{display:block;width:min(820px,100%)}
body[data-calc-name="Matrix Inverse Calculator"] .utility-shell.has-result .utility-input{padding:24px}
body[data-calc-name="Matrix Inverse Calculator"] .utility-result.is-visible{min-height:0;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Matrix Inverse Calculator"] .utility-input{padding:14px 10px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-entry{padding:10px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-cell{height:54px;min-height:54px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-dimension button{width:32px;height:36px;flex-basis:32px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-dimension input{width:48px;height:36px;min-height:36px;flex-basis:48px}
}
@media(max-width:360px){body[data-calc-name="Matrix Inverse Calculator"] .matrix-entry{padding:8px}
body[data-calc-name="Matrix Inverse Calculator"] .matrix-cell{height:48px;min-height:48px}
}
body[data-calc-name="Number Sequence Calculator"] .utility-shell{width:min(820px,100%)}
body[data-calc-name="Number Sequence Calculator"] .specialized-form-intro{display:none}
body[data-calc-name="Number Sequence Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:stretch;width:min(980px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 26px 74px rgba(0,0,0,.2)}
body[data-calc-name="Number Sequence Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:28px}
body[data-calc-name="Number Sequence Calculator"] .sequence-input{padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}
body[data-calc-name="Number Sequence Calculator"] .sequence-input label{display:block;margin:0 0 9px;color:var(--text);font-size:15px;font-weight:900}
body[data-calc-name="Number Sequence Calculator"] .sequence-input.travel-entry-card textarea{width:100%;min-height:112px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);color:var(--text);font-size:19px;font-weight:800;line-height:1.5;resize:vertical;font-variant-numeric:tabular-nums}
body[data-calc-name="Number Sequence Calculator"] .sequence-input.travel-entry-card textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
body[data-calc-name="Number Sequence Calculator"] .sequence-input>small{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.4}
body[data-calc-name="Number Sequence Calculator"] .utility-shell.has-result .utility-result.is-visible{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:30px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.22),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calc-name="Number Sequence Calculator"] .result-label{text-align:center;color:#d8f7ff;font-size:14px;letter-spacing:0}
body[data-calc-name="Number Sequence Calculator"] .rvalue{font-size:clamp(58px,8vw,96px);text-align:center}
body[data-calc-name="Number Sequence Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calc-name="Number Sequence Calculator"] .mini{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px}
body[data-calc-name="Number Sequence Calculator"] .mini span{font-size:15px;font-weight:850}
body[data-calc-name="Number Sequence Calculator"] .mini b{max-width:100%;overflow-x:auto;font-size:16px;font-weight:900;white-space:nowrap}
html[data-theme="light"] body[data-calc-name="Number Sequence Calculator"] .utility-shell.has-result .utility-result.is-visible{background:linear-gradient(155deg,#f8fafc 0%,#edf2f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-calc-name="Number Sequence Calculator"] .rvalue{color:#1d2a3a!important}
html[data-theme="light"] body[data-calc-name="Number Sequence Calculator"] .rsub{color:#627184}
html[data-theme="light"] body[data-calc-name="Number Sequence Calculator"] .mini{border-color:#d5dfe8;background:rgba(255,255,255,.78)}
html[data-theme="light"] body[data-calc-name="Number Sequence Calculator"] .mini span{color:#39495f}
html[data-theme="light"] body[data-calc-name="Number Sequence Calculator"] .mini b{border-color:#c7d8e8;background:#f6f9fc;color:#1d2a3a}
@media(max-width:900px){body[data-calc-name="Number Sequence Calculator"] .utility-shell.has-result{display:block;width:min(820px,100%)}
body[data-calc-name="Number Sequence Calculator"] .utility-shell.has-result .utility-input{padding:24px}
body[data-calc-name="Number Sequence Calculator"] .utility-result.is-visible{min-height:0;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Number Sequence Calculator"] .utility-input{padding:14px 10px}
body[data-calc-name="Number Sequence Calculator"] .sequence-input{padding:12px}
body[data-calc-name="Number Sequence Calculator"] .sequence-input.travel-entry-card textarea{min-height:96px;font-size:17px}
body[data-calc-name="Number Sequence Calculator"] .utility-result.is-visible{padding:24px 16px}
body[data-calc-name="Number Sequence Calculator"] .result-grid{grid-template-columns:minmax(0,1fr)}
body[data-calc-name="Number Sequence Calculator"] .mini{grid-template-columns:minmax(84px,.65fr) minmax(0,1.35fr);gap:8px}
body[data-calc-name="Number Sequence Calculator"] .mini span{font-size:14px}
body[data-calc-name="Number Sequence Calculator"] .mini b{font-size:14px}
}
body[data-calc-name="Time Percentage Calculator"] .calc-title{max-width:760px;margin:0 auto 24px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell{width:min(820px,100%)}
body[data-calc-name="Time Percentage Calculator"] .specialized-form-intro{display:none}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1fr);align-items:stretch;width:min(1020px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 26px 74px rgba(0,0,0,.2)}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:26px}
body[data-calc-name="Time Percentage Calculator"] .time-group{padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}
body[data-calc-name="Time Percentage Calculator"] .time-group>label{display:block;margin:0 0 10px;color:var(--text);font-size:15px;font-weight:900}
body[data-calc-name="Time Percentage Calculator"] .time-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-calc-name="Time Percentage Calculator"] .time-part{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}
body[data-calc-name="Time Percentage Calculator"] .time-part select{width:100%;min-width:0;min-height:52px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);color:var(--text);font-size:18px;font-weight:850;font-variant-numeric:tabular-nums;transition:border-color .18s ease,box-shadow .18s ease}
body[data-calc-name="Time Percentage Calculator"] .time-part select:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
body[data-calc-name="Time Percentage Calculator"] .time-progress-wrap{padding:16px 15px 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
body[data-calc-name="Time Percentage Calculator"] .time-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:850}
body[data-calc-name="Time Percentage Calculator"] .time-progress-head strong{color:var(--text);font-size:18px;font-variant-numeric:tabular-nums}
body[data-calc-name="Time Percentage Calculator"] #timeProgress{display:block;width:100%;height:24px;margin:10px 0 4px;accent-color:#e84f68;cursor:pointer}
body[data-calc-name="Time Percentage Calculator"] #timeProgress:disabled{cursor:not-allowed;opacity:.45}
body[data-calc-name="Time Percentage Calculator"] .time-progress-scale{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result.is-visible{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:28px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(97,215,255,.14),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calc-name="Time Percentage Calculator"] .result-label{text-align:center;color:#d8f7ff;font-size:14px}
body[data-calc-name="Time Percentage Calculator"] .rvalue{text-align:center;font-size:clamp(58px,8vw,88px)}
body[data-calc-name="Time Percentage Calculator"] .rsub{text-align:center;font-size:16px;font-weight:800}
body[data-calc-name="Time Percentage Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calc-name="Time Percentage Calculator"] .mini{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px}
body[data-calc-name="Time Percentage Calculator"] .mini span{font-size:14px;font-weight:850}
body[data-calc-name="Time Percentage Calculator"] .mini b{max-width:100%;overflow-wrap:anywhere;font-size:16px;font-weight:900;text-align:right}
@media(max-width:900px){body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:block;width:min(820px,100%)}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{padding:24px}
body[data-calc-name="Time Percentage Calculator"] .utility-result.is-visible{min-height:0;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Time Percentage Calculator"] .utility-input{padding:14px 10px}
body[data-calc-name="Time Percentage Calculator"] .time-group{padding:12px}
body[data-calc-name="Time Percentage Calculator"] .time-part select{min-height:48px;padding:0 9px;font-size:17px}
body[data-calc-name="Time Percentage Calculator"] .time-progress-wrap{padding:13px 12px 11px}
body[data-calc-name="Time Percentage Calculator"] .utility-result.is-visible{padding:24px 16px}
body[data-calc-name="Time Percentage Calculator"] .mini{grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:8px}
body[data-calc-name="Time Percentage Calculator"] .mini b{font-size:14px}
}
body[data-calc-name="Time Percentage Calculator"] .calc-title{max-width:760px;margin:12px auto 18px}
body[data-calc-name="Time Percentage Calculator"] .calc-title p{max-width:580px;margin:8px auto 0}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:flex;flex-direction:column;width:min(800px,100%);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result.is-visible{order:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;min-width:0;margin:0;padding:26px 18px 20px;border:0;border-radius:0;background:transparent;color:var(--text);animation:none}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{order:1;width:min(680px,100%);display:block;margin:0 auto;padding:0 16px 20px}
body[data-calc-name="Time Percentage Calculator"] .utility-result .result-label{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}
body[data-calc-name="Time Percentage Calculator"] .utility-result .result-label{display:none}
body[data-calc-name="Time Percentage Calculator"] .utility-result .rvalue{margin:3px 0 0;color:var(--text)!important;font-size:clamp(60px,10vw,88px);font-variant-numeric:tabular-nums;line-height:1;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .utility-result .rsub{margin:4px 0 14px;color:var(--muted);font-size:14px;font-weight:750;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .utility-result .result-grid{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-calc-name="Time Percentage Calculator"] .utility-result .mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:70px;padding:10px 6px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .utility-result .mini:last-child{border-right:0}
body[data-calc-name="Time Percentage Calculator"] .utility-result .mini span{color:var(--muted);font-size:11px;font-weight:750}
body[data-calc-name="Time Percentage Calculator"] .utility-result .mini b{max-width:100%;overflow-wrap:anywhere;color:var(--text);font-size:15px;font-weight:900}
body[data-calc-name="Time Percentage Calculator"] .utility-result .formula{margin:11px 0 0;color:var(--muted);font-size:12px;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .utility-result .formula{display:none}
body[data-calc-name="Time Percentage Calculator"] .time-comparison{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:end;gap:10px;width:100%}
body[data-calc-name="Time Percentage Calculator"] .time-group{min-width:0;padding:0;border:0;border-radius:0;background:transparent}
body[data-calc-name="Time Percentage Calculator"] .time-group>label{display:block;margin:0 0 8px;color:var(--text);font-size:14px;font-weight:850}
body[data-calc-name="Time Percentage Calculator"] .time-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-calc-name="Time Percentage Calculator"] .time-part{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase}
body[data-calc-name="Time Percentage Calculator"] .time-part select{width:100%;min-width:0;height:48px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
body[data-calc-name="Time Percentage Calculator"] .time-part select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);outline-offset:1px;box-shadow:none}
body[data-calc-name="Time Percentage Calculator"] .time-divider{display:grid;place-items:center;height:48px;color:var(--muted);font-size:20px}
body[data-calc-name="Time Percentage Calculator"] .time-progress-wrap{width:100%;margin-top:22px;padding:0;border:0;border-radius:0;background:transparent}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .travel-entry-card.time-progress-wrap:not(:has(.travel-entry-row)){display:block;grid-template-columns:none;align-items:initial;gap:0;margin:22px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-calc-name="Time Percentage Calculator"] .time-progress-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:750}
body[data-calc-name="Time Percentage Calculator"] .time-progress-head strong{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}
body[data-calc-name="Time Percentage Calculator"] #timeProgress{appearance:none;display:block;width:100%;height:6px;margin:13px 0 10px;border:0;border-radius:10px;background:linear-gradient(to right,#e94f67 var(--time-progress,0%),var(--line) var(--time-progress,0%));cursor:pointer}
body[data-calc-name="Time Percentage Calculator"] #timeProgress{min-height:0!important;padding:0!important;box-shadow:none!important}
body[data-calc-name="Time Percentage Calculator"] #timeProgress::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:3px solid var(--surface);border-radius:50%;background:#e94f67;box-shadow:0 0 0 1px #e94f67,0 2px 6px rgba(0,0,0,.18)}
body[data-calc-name="Time Percentage Calculator"] #timeProgress::-moz-range-thumb{width:13px;height:13px;border:3px solid var(--surface);border-radius:50%;background:#e94f67;box-shadow:0 0 0 1px #e94f67,0 2px 6px rgba(0,0,0,.18)}
body[data-calc-name="Time Percentage Calculator"] #timeProgress:focus-visible{outline:2px solid #e94f67;outline-offset:6px}
body[data-calc-name="Time Percentage Calculator"] .time-progress-scale{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
body[data-calc-name="Time Percentage Calculator"] .utility-input .actions{display:none}
body[data-calc-name="Time Percentage Calculator"] .specialized-result-actions{position:absolute;top:6px;right:10px;display:flex;justify-content:flex-end;margin:0}
body[data-calc-name="Time Percentage Calculator"] .specialized-result-actions .btn{min-height:32px;padding:4px 8px;border:0;background:transparent;color:var(--muted);font-size:12px;box-shadow:none}
body[data-calc-name="Time Percentage Calculator"] .specialized-result-actions .btn:hover{background:var(--surface2);color:var(--text)}
@media(max-width:620px){body[data-calc-name="Time Percentage Calculator"] .calc-title{margin:8px auto 12px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result.is-visible{padding:24px 10px 17px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{padding:0 8px 14px}
body[data-calc-name="Time Percentage Calculator"] .utility-result .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-calc-name="Time Percentage Calculator"] .utility-result .mini:nth-child(2){border-right:0}
body[data-calc-name="Time Percentage Calculator"] .utility-result .mini:nth-child(-n+2){border-bottom:1px solid var(--line)}
body[data-calc-name="Time Percentage Calculator"] .time-comparison{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:6px}
body[data-calc-name="Time Percentage Calculator"] .time-pair{gap:5px}
body[data-calc-name="Time Percentage Calculator"] .time-part select{height:46px;padding:0 4px;font-size:15px}
body[data-calc-name="Time Percentage Calculator"] .time-group>label{font-size:13px}
body[data-calc-name="Time Percentage Calculator"] .time-progress-wrap{margin-top:18px}
body[data-calc-name="Time Percentage Calculator"] .specialized-result-actions{top:0;right:0}
}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(340px,2fr) minmax(150px,.85fr);grid-template-rows:auto auto auto;align-items:center;gap:8px 18px;width:min(880px,100%);margin:0 auto 28px;padding:26px 28px 22px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 2px 8px rgba(10,30,60,.07)}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input,body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result #mount,body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result #mount .fields,body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result,body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result .result-grid{display:contents}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{grid-column:1;grid-row:1;color:#bd0010!important;font-size:clamp(34px,4vw,48px);line-height:1.1;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rsub{grid-column:1;grid-row:2;margin:0;color:var(--muted);font-size:13px;font-weight:500;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-comparison{grid-column:2;grid-row:1 / span 2;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-self:center;width:100%;gap:9px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-group>label{font-size:13px;font-weight:650}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-part select{height:44px;border:1px solid #aab4c2;border-radius:6px;background:var(--bg-soft);font-size:16px;font-weight:500;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-divider{font-size:19px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(4){grid-column:3;grid-row:1 / span 2;min-height:0;border:0}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(4) span{font-size:13px;font-weight:500}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(4) b{color:#495a72;font-size:clamp(34px,4vw,48px);font-weight:650;line-height:1.1}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-progress-wrap{grid-column:1/-1;grid-row:3;margin:18px 0 8px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-progress-head{display:none}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-progress-scale{font-size:10px;font-weight:500}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .result-grid{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(-n+3){min-height:70px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft)}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .formula{display:none}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .specialized-result-actions{top:5px;right:7px}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{background:#fff;border-color:#d8dee7;box-shadow:0 2px 8px rgba(22,38,60,.07)}
@media(max-width:680px){body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:8px;padding:22px 15px 16px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{grid-column:1;grid-row:1;font-size:36px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rsub{grid-column:1;grid-row:2}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(4){grid-column:2;grid-row:1 / span 2}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(4) b{font-size:34px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-comparison{grid-column:1/-1;grid-row:3;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:5px;margin-top:14px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-part select{height:43px;padding:0 3px;font-size:14px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-progress-wrap{grid-column:1/-1;grid-row:4;margin-top:18px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .result-grid{grid-column:1/-1;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(3){grid-column:1/-1}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(-n+3){min-height:58px}
}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result){display:block;width:min(620px,100%);margin:0 auto 24px;padding:16px 18px 14px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 2px 8px rgba(10,30,60,.06)}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-input{display:block;padding:0}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) #mount .fields{display:block}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-comparison{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:9px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-progress-wrap{margin-top:12px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-input .actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:14px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-input .actions .btn{min-height:40px;padding:8px 14px;border-radius:7px;font-size:13px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-progress-head{display:none}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-result{display:none}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{grid-template-columns:minmax(125px,.8fr) minmax(300px,1.8fr) minmax(125px,.8fr);width:min(840px,100%);gap:7px 14px;padding:19px 20px 16px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-progress-wrap{margin:10px 0 4px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(-n+3){min-height:56px;padding:7px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini span{font-size:10px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini b{font-size:13px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .specialized-result-actions{display:none}
@media(max-width:680px){body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result){width:100%;padding:13px 11px 11px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-comparison{gap:5px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-part select{height:40px;font-size:14px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-group>label{margin-bottom:5px;font-size:12px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-progress-wrap{margin-top:7px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-input .actions{margin-top:9px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding:15px 11px 12px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-comparison{margin-top:8px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-progress-wrap{margin-top:9px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(-n+3){min-height:48px;padding:5px}
}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result){display:block;width:min(560px,100%);margin:0 auto 22px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.08)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-input{display:block;padding:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) #mount .fields{display:block}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-result{display:none!important}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;width:100%;margin:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-group{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1fr);align-items:center;gap:10px;padding:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-group>label{margin:0;font-size:14px;font-weight:850}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-divider{height:8px;font-size:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-divider:after{content:"";width:1px;height:8px;background:var(--line)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-pair{gap:8px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-part{font-size:10px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-part select{height:42px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft);font-size:15px;font-weight:800;text-align:left}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-progress-wrap{margin-top:12px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-input .actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .actions .btn{min-height:40px;padding:7px 14px;border-radius:7px;font-size:13px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(330px,1.1fr);align-items:stretch;gap:0;width:min(960px,100%);margin:0 auto 26px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 3px 14px rgba(0,0,0,.1)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{display:block;min-width:0;padding:20px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result #mount,body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result #mount .fields{display:block}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result{position:relative;display:block!important;min-width:0;margin:0;padding:22px;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--surface2);color:var(--text);animation:none}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .result-label{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{margin:10px 0 4px;color:#bd0010!important;font-size:clamp(50px,6vw,72px);letter-spacing:0;line-height:1;text-align:left;white-space:nowrap;overflow:visible}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rsub{color:var(--muted);font-size:14px;text-align:left}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .result-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini{display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini span{font-size:10px;font-weight:750}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini b{max-width:100%;font-size:15px;text-align:left;white-space:normal}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini:nth-child(4){grid-column:auto;grid-row:auto;min-height:56px;border:1px solid var(--line)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .formula{display:none}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .time-progress-wrap{margin-top:12px}
@media(max-width:740px){body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:flex;flex-direction:column;width:100%;padding:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{order:0;padding:15px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result{order:1;padding:17px 15px;border-top:1px solid var(--line);border-left:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{font-size:52px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-group{grid-template-columns:minmax(92px,.55fr) minmax(0,1fr);gap:7px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-pair{gap:6px}
}
@media(max-width:390px){body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result){padding:12px 10px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-group{grid-template-columns:minmax(82px,.48fr) minmax(0,1fr);gap:5px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-part select{height:39px;padding:0 5px;font-size:13px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell .time-group>label{font-size:12px}
}
body[data-calc-name="Time Percentage Calculator"] .calc-page{padding:32px 0 22px}
body[data-calc-name="Time Percentage Calculator"] .calc-title{max-width:520px;margin:0 auto 22px;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .calc-title h1{margin:0 0 8px;color:#374151;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:0}
body[data-calc-name="Time Percentage Calculator"] .calc-title p{max-width:448px;margin:0 auto;color:#6b7280;font-size:14px;line-height:1.625}
body[data-calc-name="Time Percentage Calculator"] .utility-shell{display:block;width:min(384px,100%);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transition:width .3s ease}
body[data-calc-name="Time Percentage Calculator"] .utility-input{min-width:0;padding:0}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:stretch;width:min(980px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 22px 60px rgba(0,0,0,.18)}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{display:grid;align-items:center;padding:26px}
body[data-calc-name="Time Percentage Calculator"] .utility-result{display:none;min-width:0}
body[data-calc-name="Time Percentage Calculator"] .utility-result.is-visible{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:100%;margin:0;padding:28px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.2),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;scroll-margin-top:84px;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calc-name="Time Percentage Calculator"] .result-label{justify-content:center;color:#d8f7ff;font-size:14px;letter-spacing:0;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .rvalue{width:100%;max-width:100%;margin:20px 0 10px;color:#fff!important;font-size:clamp(58px,8vw,90px);line-height:.95;letter-spacing:-.04em;text-align:center;white-space:nowrap;text-shadow:none}
body[data-calc-name="Time Percentage Calculator"] .rsub{color:#c0ccdc;font-size:16px;line-height:1.5;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .result-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}
body[data-calc-name="Time Percentage Calculator"] .mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.055)}
body[data-calc-name="Time Percentage Calculator"] .mini span{color:#c0ccdc;font-size:14px;font-weight:750;letter-spacing:0;text-transform:none;white-space:nowrap}
body[data-calc-name="Time Percentage Calculator"] .mini b{display:grid;min-width:90px;min-height:38px;place-items:center;padding:4px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(7,16,31,.24);color:#fff;font-size:17px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-calc-name="Time Percentage Calculator"] .formula{margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);color:#c0ccdc;font-size:12px;line-height:1.55;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .time-percentage-tool{width:100%;padding:0 16px;color:var(--text)}
body[data-calc-name="Time Percentage Calculator"] .time-duration{margin:0 0 12px;padding:18px 16px 20px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--surface) 90%,var(--accent) 10%)}
body[data-calc-name="Time Percentage Calculator"] .time-duration:nth-child(2){border-color:color-mix(in srgb,var(--accent2) 26%,var(--line));background:color-mix(in srgb,var(--surface) 93%,var(--accent2) 7%)}
body[data-calc-name="Time Percentage Calculator"] .time-duration h2{margin:0 0 12px;color:var(--text);font-size:24px;font-weight:850;text-align:center}
body[data-calc-name="Time Percentage Calculator"] .time-duration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-calc-name="Time Percentage Calculator"] .time-select{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}
body[data-calc-name="Time Percentage Calculator"] .time-select>span{color:var(--text);font-size:19px;font-weight:800}
body[data-calc-name="Time Percentage Calculator"] .time-select input{box-sizing:border-box;width:100%;height:76px;min-height:76px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:40px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
body[data-calc-name="Time Percentage Calculator"] .time-select input::-webkit-inner-spin-button,body[data-calc-name="Time Percentage Calculator"] .time-select input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-calc-name="Time Percentage Calculator"] .time-select input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}
body[data-calc-name="Time Percentage Calculator"] .time-percentage-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}
body[data-calc-name="Time Percentage Calculator"] .time-percentage-actions .btn{min-height:48px;border-radius:10px;font-size:14px;font-weight:850}
body[data-calc-name="Time Percentage Calculator"] .time-result-actions{display:flex;justify-content:center;margin-top:15px}
body[data-calc-name="Time Percentage Calculator"] .time-result-actions[hidden]{display:none}
body[data-calc-name="Time Percentage Calculator"] .time-result-actions .btn{min-height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}
html[data-theme="dark"] body[data-calc-name="Time Percentage Calculator"] .calc-title h1{color:#d7dadc}
html[data-theme="dark"] body[data-calc-name="Time Percentage Calculator"] .calc-title p{color:#818384}
html[data-theme="dark"] body[data-calc-name="Time Percentage Calculator"] .time-select input{background:#151517;border-color:#3a3a3c;color:#fff}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .utility-result.is-visible{background:linear-gradient(155deg,#f8fafc 0%,#edf2f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .result-label{color:#35465d}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .rvalue{color:#1d2a3a!important}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .rsub{color:#627184}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .mini,html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .formula{background:rgba(255,255,255,.78);border-color:#d5dfe8;color:#627184}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .mini span{color:#39495f}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .mini b{border-color:#c7d8e8;background:#f6f9fc;color:#1d2a3a}
html[data-theme="light"] body[data-calc-name="Time Percentage Calculator"] .time-result-actions .btn{color:#1d2a3a;background:rgba(47,134,166,.09);border-color:rgba(47,134,166,.18)}
@media(max-width:900px){body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:block;width:min(640px,100%)}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{padding:24px 22px}
body[data-calc-name="Time Percentage Calculator"] .utility-result.is-visible{min-height:0;padding:24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-calc-name="Time Percentage Calculator"] .time-duration{padding:14px 12px 16px}
body[data-calc-name="Time Percentage Calculator"] .time-duration-fields{gap:8px}
body[data-calc-name="Time Percentage Calculator"] .time-percentage-tool{padding:0 10px}
body[data-calc-name="Time Percentage Calculator"] .time-select input{height:70px;min-height:70px;font-size:36px}
body[data-calc-name="Time Percentage Calculator"] .time-percentage-actions{margin-top:16px}
body[data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{padding:20px 14px}
body[data-calc-name="Time Percentage Calculator"] .utility-result.is-visible{padding:20px 16px}
}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result){display:block;width:min(384px,100%);margin:0 auto 22px;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-input{display:block;padding:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-percentage-tool{padding:0 16px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .utility-result{display:none!important}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:stretch;width:min(980px,100%);margin:0 auto 24px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 22px 60px rgba(0,0,0,.18)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{display:grid;padding:26px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{order:0}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result{order:1}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result.is-visible{display:flex!important;position:relative;flex-direction:column;justify-content:center;min-width:0;min-height:100%;margin:0;padding:28px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.2),transparent 42%),linear-gradient(155deg,#192744,#0c1629);color:#fff;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{margin:20px auto 10px;text-align:center;overflow:hidden}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rsub{text-align:center}
html[data-theme="dark"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{color:#fff!important;text-shadow:none}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .result-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.055)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini span{color:#c0ccdc;font-size:14px;font-weight:750;white-space:nowrap}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini b{display:grid;min-width:90px;min-height:38px;place-items:center;padding:4px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(7,16,31,.24);color:#fff;font-size:17px;font-weight:900;white-space:nowrap}
html[data-theme="light"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result.is-visible{background:linear-gradient(155deg,#f8fafc 0%,#edf2f7 100%);color:#1d2a3a;border-color:#d7e1ea}
html[data-theme="light"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .result-label{color:#35465d}
html[data-theme="light"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{color:#1d2a3a!important}
html[data-theme="light"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rsub{color:#627184}
html[data-theme="light"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini{background:rgba(255,255,255,.78);border-color:#d5dfe8;color:#627184}
html[data-theme="light"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini span{color:#39495f}
html[data-theme="light"] body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .mini b{border-color:#c7d8e8;background:#f6f9fc;color:#1d2a3a}
@media(max-width:900px){body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result{display:block;width:min(640px,100%)}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{padding:24px 22px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result.is-visible{min-height:0;padding:24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}
}
@media(max-width:620px){body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell:not(.has-result) .time-percentage-tool{padding:0 10px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-input{padding:20px 14px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .utility-result.is-visible{padding:20px 16px}
body[data-category="Specialized"][data-calc-name="Time Percentage Calculator"] .utility-shell.has-result .rvalue{font-size:54px}
}
@media(max-width:1000px){body[data-category="Specialized"] .specialized-related{width:min(640px,100%);margin:16px auto 0;padding:18px;border-radius:8px}
body[data-category="Specialized"] .specialized-related h3{margin-bottom:12px;font-size:17px}
body[data-category="Specialized"] .specialized-related .related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-category="Specialized"] .specialized-related .related a{display:block;min-width:0;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
}
@media(max-width:560px){body[data-category="Specialized"] .specialized-related .related{grid-template-columns:1fr}
}
body.specialized-directory{--bg:#10191c;--bg-soft:#172227;--surface:#19252a;--surface2:#1d2b30;--line:#34484c;--text:#f3f8f7;--muted:#a8b9b9;--accent:#65d8c3;--accent2:#f3a48a;background:var(--bg)}
html[data-theme="light"] body.specialized-directory{--bg:#f5f8f7;--bg-soft:#e9f0ee;--surface:#fff;--surface2:#f8fbfa;--line:#d4e0dd;--text:#203235;--muted:#5d7375;--accent:#177d72;--accent2:#ac5946;background:var(--bg)}
body.specialized-directory .specialized-heading{padding:36px 0 22px;border-bottom:1px solid var(--line)}
body.specialized-directory .specialized-heading h1{margin:0;color:var(--text);font-size:42px;font-weight:900;line-height:1.12;letter-spacing:0}
body.specialized-directory .specialized-heading p{max-width:650px;margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
body.specialized-directory .specialized-catalog{padding:22px 0 58px}
body.specialized-directory .specialized-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}
body.specialized-directory .specialized-search{display:grid;gap:6px;width:min(400px,100%);color:var(--muted);font-size:12px;font-weight:800}
body.specialized-directory .specialized-search input{width:100%;height:50px;padding:0 15px;border:1px solid var(--line);border-radius:8px;outline:none;background:var(--surface);color:var(--text);font-size:16px;font-weight:600;transition:border-color .18s ease,box-shadow .18s ease}
body.specialized-directory .specialized-search input::placeholder{color:var(--muted);font-weight:500}
body.specialized-directory .specialized-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
body.specialized-directory .specialized-filters{display:flex;align-items:center;gap:3px;min-height:50px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
body.specialized-directory .specialized-filters button{min-height:40px;padding:0 15px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;transition:background .18s ease,color .18s ease}
body.specialized-directory .specialized-filters button:hover{color:var(--text);background:var(--bg-soft)}
body.specialized-directory .specialized-filters button[aria-pressed="true"]{background:var(--bg-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
body.specialized-directory .specialized-filters button:focus-visible,body.specialized-directory .specialized-tool:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.specialized-directory .specialized-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:24px 0 14px}
body.specialized-directory .specialized-list-heading h2{margin:0;font-size:21px;font-weight:850;line-height:1.25}
body.specialized-directory .specialized-list-heading span{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
body.specialized-directory .specialized-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.specialized-directory .specialized-tool{--tool-accent:var(--accent);display:flex;min-width:0;min-height:228px;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
body.specialized-directory .specialized-tool[data-tool-group="numbers"]{--tool-accent:#eeb88b}
body.specialized-directory .specialized-tool[data-tool-group="time"]{--tool-accent:#a9b7f3}
html[data-theme="light"] body.specialized-directory .specialized-tool[data-tool-group="numbers"]{--tool-accent:#ae603f}
html[data-theme="light"] body.specialized-directory .specialized-tool[data-tool-group="time"]{--tool-accent:#575d9f}
body.specialized-directory .specialized-tool:hover{transform:translateY(-2px);border-color:var(--tool-accent);box-shadow:0 12px 30px rgba(0,0,0,.12)}
body.specialized-directory .specialized-tool[hidden],body.specialized-directory .specialized-empty[hidden]{display:none}
body.specialized-directory .specialized-tool-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:72px}
body.specialized-directory .specialized-tool-group{padding-top:2px;color:var(--tool-accent);font-size:11px;font-weight:900;text-transform:uppercase}
body.specialized-directory .specialized-tool-preview{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:49px;max-width:75%;color:var(--tool-accent);font-size:26px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
body.specialized-directory .preview-operator{color:var(--muted);font-size:18px;font-weight:700}
body.specialized-directory .preview-matrix{display:grid;grid-template-columns:repeat(2,15px);gap:2px 4px;padding:3px 6px;border-left:2px solid currentColor;border-right:2px solid currentColor;color:var(--tool-accent);font-size:13px;text-align:center}
body.specialized-directory .preview-matrix b{font-weight:750}
body.specialized-directory .inverse-preview sup{align-self:flex-start;margin-left:-8px;font-size:13px}
body.specialized-directory .complex-preview span,body.specialized-directory .sequence-preview span,body.specialized-directory .random-preview span,body.specialized-directory .precision-preview span{color:var(--muted)}
body.specialized-directory .sequence-preview,body.specialized-directory .random-preview{gap:8px;font-size:21px}
body.specialized-directory .precision-preview{gap:6px;font-size:16px}
body.specialized-directory .clock-preview{gap:12px;font-size:21px}
body.specialized-directory .preview-clock{position:relative;display:block;width:42px;height:42px;border:2px solid currentColor;border-radius:50%}
body.specialized-directory .preview-clock:before{content:"";position:absolute;top:18px;left:18px;width:4px;height:4px;border-radius:50%;background:currentColor}
body.specialized-directory .preview-clock i,body.specialized-directory .preview-clock b{position:absolute;display:block;left:19px;top:6px;width:2px;height:14px;background:currentColor;transform-origin:bottom center}
body.specialized-directory .preview-clock b{top:19px;left:20px;height:12px;transform:rotate(-90deg);transform-origin:top center}
body.specialized-directory .percent-preview{display:grid;justify-items:end;gap:5px;font-size:22px}
body.specialized-directory .preview-progress{display:block;width:95px;height:5px;overflow:hidden;border-radius:5px;background:var(--line)}
body.specialized-directory .preview-progress i{display:block;width:31.25%;height:100%;background:var(--tool-accent)}
body.specialized-directory .specialized-tool h3{margin:4px 0 6px;color:var(--text);font-size:19px;font-weight:850;line-height:1.25}
body.specialized-directory .specialized-tool p{margin:0;color:var(--muted);font-size:13px;line-height:1.48}
body.specialized-directory .specialized-tool-open{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;color:var(--tool-accent);font-size:13px;font-weight:850}
body.specialized-directory .specialized-tool-open span{font-size:20px;font-weight:500;line-height:1;transition:transform .18s ease}
body.specialized-directory .specialized-tool:hover .specialized-tool-open span{transform:translateX(3px)}
body.specialized-directory .specialized-empty{margin:0;padding:34px 16px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center}
@media(max-width:950px){body.specialized-directory .specialized-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){body.specialized-directory .specialized-heading{padding:27px 0 19px}
body.specialized-directory .specialized-heading h1{font-size:32px}
body.specialized-directory .specialized-heading p{font-size:14px}
body.specialized-directory .specialized-toolbar{align-items:stretch;flex-direction:column;gap:12px}
body.specialized-directory .specialized-search{width:100%}
body.specialized-directory .specialized-filters{align-self:flex-start}
body.specialized-directory .specialized-catalog{padding-top:18px}
}
@media(max-width:560px){body.specialized-directory .specialized-tool-grid{grid-template-columns:1fr;gap:9px}
body.specialized-directory .specialized-tool{min-height:196px;padding:15px}
body.specialized-directory .specialized-tool-top{min-height:62px}
body.specialized-directory .specialized-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
body.specialized-directory .specialized-filters button{padding:0 5px}
body.specialized-directory .specialized-list-heading{margin-top:19px}
body.specialized-directory .specialized-list-heading h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){body.specialized-directory .specialized-tool,body.specialized-directory .specialized-tool-open span{transition:none}
}
body.travel-directory{--accent:#77d7b9;--accent2:#eeb87f}
html[data-theme="light"] body.travel-directory{--accent:#207d65;--accent2:#a46137}
body.travel-directory .specialized-tool[data-tool-group="cost"]{--tool-accent:#90dfb0}
body.travel-directory .specialized-tool[data-tool-group="road"]{--tool-accent:#f0be86}
body.travel-directory .specialized-tool[data-tool-group="time"]{--tool-accent:#a8c1f5}
body.travel-directory .specialized-tool[data-tool-group="visa"]{--tool-accent:#d0b2ec}
body.travel-directory .specialized-tool[data-tool-group="packing"]{--tool-accent:#efd18d}
html[data-theme="light"] body.travel-directory .specialized-tool[data-tool-group="cost"]{--tool-accent:#207d65}
html[data-theme="light"] body.travel-directory .specialized-tool[data-tool-group="road"]{--tool-accent:#a86632}
html[data-theme="light"] body.travel-directory .specialized-tool[data-tool-group="time"]{--tool-accent:#4c68a3}
html[data-theme="light"] body.travel-directory .specialized-tool[data-tool-group="visa"]{--tool-accent:#76559a}
html[data-theme="light"] body.travel-directory .specialized-tool[data-tool-group="packing"]{--tool-accent:#8d6d28}
body.travel-directory .travel-preview{gap:5px;font-size:25px}
body.travel-directory .travel-preview small{font-size:13px;font-weight:800}
body.travel-directory .money-preview{display:grid;justify-items:end;gap:4px}
body.travel-directory .preview-mini-bars{display:flex;align-items:end;justify-content:flex-end;gap:3px;width:84px;height:13px}
body.travel-directory .preview-mini-bars i{display:block;width:22px;height:7px;border-radius:2px 2px 0 0;background:currentColor;opacity:.55}
body.travel-directory .preview-mini-bars i:nth-child(2){height:13px;opacity:.85}
body.travel-directory .preview-mini-bars i:nth-child(3){height:9px}
body.travel-directory .route-preview{gap:9px}
body.travel-directory .route-preview strong{font-size:21px;font-weight:850}
body.travel-directory .route-track{position:relative;display:block;width:54px;height:2px;background:currentColor}
body.travel-directory .route-track:before,body.travel-directory .route-track:after{content:"";position:absolute;top:-4px;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background:var(--surface)}
body.travel-directory .route-track:before{left:0}
body.travel-directory .route-track:after{right:0}
body.travel-directory .zone-preview{font-size:19px}
body.travel-directory .zone-preview span,body.travel-directory .formula-preview span{color:var(--muted);font-size:17px}
body.travel-directory .formula-preview{font-size:19px}
@media(max-width:560px){body.travel-directory .specialized-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
body.travel-directory .specialized-tool-preview{max-width:78%}
body.travel-directory .zone-preview{font-size:18px}
}
body[data-category="Yard & Garden"] .utility-visual{display:none!important}
body[data-calculator-design="travel"] .calc-page{padding:28px 0 36px}
body[data-calculator-design="travel"] .calc-title{margin:0 auto 20px}
body[data-calculator-design="travel"] .calc-title h1{font-size:clamp(32px,4.6vw,52px);line-height:1.04;letter-spacing:-.055em}
body[data-calculator-design="travel"] .calc-title p{font-size:14px;line-height:1.55}
body[data-calculator-design="travel"] .utility-shell{border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.2);transition:box-shadow .2s ease,border-color .2s ease}
body[data-calculator-design="travel"] .utility-shell:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));box-shadow:0 28px 78px rgba(0,0,0,.24)}
body[data-calculator-design="travel"] .utility-input{padding:22px}
body[data-calculator-design="travel"] .utility-result{padding:24px;background:radial-gradient(circle at 94% 5%,rgba(97,215,255,.16),transparent 38%),linear-gradient(150deg,#14223a,#0b1729);color:#f7fbff}
body[data-calculator-design="travel"] .utility-result .result-label,body[data-calculator-design="travel"] .utility-result .rsub,body[data-calculator-design="travel"] .utility-result .travel-chart-head small{color:#adbed2}
body[data-calculator-design="travel"] .utility-result .rvalue{font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.055em}
body[data-calculator-design="travel"] .utility-result .mini{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#f7fbff}
body[data-calculator-design="travel"] .utility-result .mini span{color:#adbed2}
body[data-calculator-design="travel"] .utility-result .formula{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#dbe8f6}
body[data-calculator-design="travel"] .utility-result .utility-bars{display:flex;align-items:flex-end;justify-content:center;min-height:126px;gap:9px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
body[data-calculator-design="travel"] .utility-result .utility-bars i{flex:1;min-width:16px;max-width:54px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#71ddff,#8c85ff);box-shadow:0 8px 18px rgba(0,0,0,.18);transition:height .24s cubic-bezier(.2,.7,.2,1),filter .16s ease}
body[data-calculator-design="travel"] .utility-result .utility-bars i:hover{filter:brightness(1.18)}
body[data-calculator-design="travel"] .field input,body[data-calculator-design="travel"] .field select,body[data-calculator-design="travel"] .field textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body[data-calculator-design="travel"] .field input:focus-visible,body[data-calculator-design="travel"] .field select:focus-visible,body[data-calculator-design="travel"] .field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
body[data-calculator-design="travel"] .actions button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
body[data-calculator-design="travel"] .actions button:hover{transform:translateY(-1px);filter:brightness(1.06)}
body[data-calculator-design="travel"] .seo-keywords{margin-top:24px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}
body[data-calculator-design="travel"] .seo-keywords>span{display:block;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body[data-calculator-design="travel"] .seo-keywords>div{display:flex;flex-wrap:wrap;gap:6px}
body[data-calculator-design="travel"] .seo-keywords strong{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:10px;font-weight:750;line-height:1.2}
@media(max-width:800px){body[data-calculator-design="travel"] .calc-page{padding-top:20px}
body[data-calculator-design="travel"] .utility-shell{width:min(620px,100%);border-radius:20px}
body[data-calculator-design="travel"] .utility-result{background:radial-gradient(circle at 90% 0,rgba(97,215,255,.15),transparent 40%),linear-gradient(150deg,#14223a,#0b1729)}
body[data-calculator-design="travel"] .utility-result .utility-bars{min-height:104px}
body[data-calculator-design="travel"] .seo-keywords{padding:12px}
}
@media(max-width:1000px){body[data-calculator-design="travel"] .utility-shell{display:flex;flex-direction:column;overflow:visible}
body[data-calculator-design="travel"] .utility-shell .utility-input{order:0}
body[data-calculator-design="travel"] .utility-shell .utility-result{order:1}
body[data-calculator-design="travel"] .utility-shell .travel-related{order:2;position:relative;z-index:5;isolation:isolate;width:min(640px,100%);margin:14px auto 0;pointer-events:auto}
body[data-calculator-design="travel"] .travel-related .related a{display:block;position:relative;z-index:6;pointer-events:auto;touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .field input,body[data-calculator-design="travel"] .field select,body[data-calculator-design="travel"] .field textarea,body[data-calculator-design="travel"] .actions button{transition:none}
body[data-calculator-design="travel"] .utility-result .utility-bars i{transition:none}
}
body[data-calculator-design="travel"] .travel-related{
 min-width:0;
 padding:18px;
 border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
 border-radius:18px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));
 box-shadow:0 12px 32px rgba(0,0,0,.1);
}
body[data-calculator-design="travel"] .travel-related h2{
 display:flex;
 align-items:center;
 gap:9px;
 margin:0 0 13px;
 font-size:17px;
 line-height:1.3;
 letter-spacing:-.02em;
}
body[data-calculator-design="travel"] .travel-related h2::before{
 content:"";
 width:8px;
 height:8px;
 flex:0 0 8px;
 border-radius:50%;
 background:var(--accent);
 box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent);
}
body[data-calculator-design="travel"] .travel-related .related{
 display:grid;
 grid-template-columns:1fr;
 gap:7px;
}
body[data-calculator-design="travel"] .travel-related .related a{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 min-width:0;
 min-height:42px;
 padding:9px 11px;
 border:1px solid var(--line);
 border-radius:11px;
 background:color-mix(in srgb,var(--surface2) 82%,transparent);
 color:var(--text);
 font-size:12px;
 font-weight:750;
 line-height:1.35;
 text-decoration:none;
 overflow-wrap:anywhere;
 transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body[data-calculator-design="travel"] .travel-related .related a::after{
 content:"";
 width:7px;
 height:7px;
 flex:0 0 7px;
 border-top:1.5px solid var(--accent);
 border-right:1.5px solid var(--accent);
 transform:rotate(45deg);
 transition:transform .16s ease;
}
body[data-calculator-design="travel"] .travel-related .related a:hover{
 transform:translateY(-1px);
 border-color:color-mix(in srgb,var(--accent) 58%,var(--line));
 background:color-mix(in srgb,var(--accent) 8%,var(--surface2));
 box-shadow:0 5px 14px rgba(0,0,0,.1);
}
body[data-calculator-design="travel"] .travel-related .related a:hover::after{transform:translateX(2px) rotate(45deg)}
body[data-calculator-design="travel"] .travel-related .related a:focus-visible{
 outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);
 outline-offset:2px;
 border-color:var(--accent);
}
@media(max-width:1000px){body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar{display:block;padding:0}
body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar .travel-related{padding:17px}
body[data-calculator-design="travel"] .travel-related .related{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-calculator-design="travel"] .travel-related .related a{min-height:48px;padding:10px 12px;font-size:13px}
}
@media(max-width:480px){body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar .travel-related{padding:14px;border-radius:15px}
body[data-calculator-design="travel"] .travel-related .related{grid-template-columns:1fr;gap:6px}
body[data-calculator-design="travel"] .travel-related .related a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] .travel-related .related a,body[data-calculator-design="travel"] .travel-related .related a::after{transition:none}
}
@media(max-width:1000px){body[data-calculator-design="travel"] .utility-shell{display:flex;flex-direction:column;overflow:visible}
body[data-calculator-design="travel"] .utility-shell .utility-input{order:0}
body[data-calculator-design="travel"] .utility-shell .utility-result{order:1}
body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar{z-index:5;display:grid;grid-template-columns:minmax(0,1fr);width:min(640px,100%);margin:14px auto 0;pointer-events:auto}
body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar .travel-related{width:100%;margin:0}
body[data-calculator-design="travel"] .travel-related .related a{display:block;position:relative;z-index:6;pointer-events:auto;touch-action:manipulation}
}
body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{
 display:flex!important;
 flex-direction:column;
 align-items:stretch;
 gap:0;
 width:min(780px,100%)!important;
 margin-inline:auto;
 overflow:hidden;
}
body[data-calculator-design="travel"] .utility-input{
 order:0!important;
 min-width:0;
 width:100%;
}
body[data-calculator-design="travel"] .utility-result:not(.is-visible){
 display:none!important;
}
body[data-calculator-design="travel"] .utility-shell.has-result .utility-result.is-visible{
 display:block!important;
 order:1!important;
 min-width:0;
 width:100%;
 min-height:0;
 margin:0;
 padding:26px clamp(18px,3vw,30px);
 border:0;
 border-top:1px solid rgba(255,255,255,.1);
 border-radius:0;
}
body[data-calculator-design="travel"] .statistics-result-actions{
 display:flex;
 justify-content:flex-end;
 margin-top:20px;
}
body[data-calculator-design="travel"] .statistics-result-actions[hidden]{
 display:none;
}
body[data-calculator-design="travel"] .statistics-form-error{
 margin:0 0 14px;
 padding:12px 14px;
 border:1px solid #e05d5d;
 border-radius:12px;
 color:#e05d5d;
 font-weight:700;
}
@media(max-width:620px){body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{
  width:min(100%,780px)!important;
 }
}
body[data-calculator-design="travel"] .calc-page{padding:20px 0 22px}
body[data-calculator-design="travel"] .calc-title{width:min(640px,100%);max-width:640px;margin:0 auto 24px;text-align:center}
body[data-calculator-design="travel"] .calc-title .eyebrow{display:none}
body[data-calculator-design="travel"] .calc-title h1{margin:0 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .calc-title p{display:block;max-width:600px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.5;text-wrap:pretty}
body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{display:flex!important;flex-direction:column;align-items:stretch;gap:0;width:min(640px,100%)!important;margin-inline:auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:32px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 34px 100px rgba(0,0,0,.28)}
body[data-calculator-design="travel"] .utility-input{order:0!important;min-width:0;width:100%;padding:20px}
body[data-calculator-design="travel"] .travel-form-intro{display:flex;align-items:center;gap:14px;margin-bottom:24px}
body[data-calculator-design="travel"] .travel-form-intro h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.035em}
body[data-calculator-design="travel"] .travel-form-intro p{margin:5px 0 0;color:var(--muted);font-size:14px}
body[data-calculator-design="travel"] .travel-step{width:40px;height:40px;display:inline-grid;flex:0 0 40px;place-items:center;border:1px solid rgba(97,215,255,.3);border-radius:12px;background:rgba(97,215,255,.1);color:#8be4ff;font-size:12px;font-weight:950;letter-spacing:.06em}
body[data-calculator-design="travel"] .fields{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calculator-design="travel"] .travel-entry-card{min-width:0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}
body[data-calculator-design="travel"] .travel-entry-card:focus-within{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.14),0 0 0 4px rgba(97,215,255,.09)}
body[data-calculator-design="travel"] .travel-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-calculator-design="travel"] .travel-entry-card label{display:block;margin:0;color:var(--text);font-size:20px!important;font-weight:700;line-height:1.2;letter-spacing:-.025em;text-transform:none;white-space:nowrap}
body[data-calculator-design="travel"] .travel-entry-value{display:flex;flex:initial;width:100%;max-width:100%;min-width:0;height:48px;padding:0 8px;gap:6px;border-radius:10px}
body[data-calculator-design="travel"] .travel-entry-value input{flex:1 1 0;width:0;min-width:0;min-height:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:30px;letter-spacing:-.04em;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}
body[data-calculator-design="travel"] .travel-entry-value input::-webkit-inner-spin-button,body[data-calculator-design="travel"] .travel-entry-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-calculator-design="travel"] .travel-entry-value:after{margin:0;font-size:11px}
body[data-calculator-design="travel"] .travel-entry-value:not([data-unit]):after,body[data-calculator-design="travel"] .travel-entry-value[data-unit=""]:after{display:none}
body[data-calculator-design="travel"] .travel-entry-value select.inline-unit-select{flex:0 0 auto;width:48px;max-width:none;min-width:0;height:38px;min-height:38px;padding:0 0 0 2px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;cursor:pointer;transform:none}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)){display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) label{margin:0}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) input,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) select,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-width:0;min-height:48px;padding:8px 10px;border-radius:10px;font-size:18px}
body[data-calculator-design="travel"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calculator-design="travel"] .travel-entry-help{display:block;grid-column:1/-1;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
body[data-calculator-design="travel"] .actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
body[data-calculator-design="travel"] .actions .btn,body[data-calculator-design="travel"] .time-percentage-actions .btn,body[data-calculator-design="travel"] .clock-angle-actions .btn{min-height:48px;font-size:16px}
body[data-calculator-design="travel"] .actions #go{font-size:25px}
body[data-calculator-design="travel"] .time-percentage-actions,body[data-calculator-design="travel"] .clock-angle-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
body[data-calculator-design="travel"] .hint{margin-top:13px;font-size:12px}
body[data-calculator-design="travel"] .utility-result{order:1!important;min-width:0;width:100%;min-height:0;margin:0;padding:26px;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.3),transparent 42%),radial-gradient(circle at 0 100%,rgba(97,215,255,.17),transparent 45%),linear-gradient(155deg,#192744,#0c1629);color:#fff;scroll-margin-top:80px}
body[data-calculator-design="travel"] .utility-result:not(.is-visible){display:none!important}
body[data-calculator-design="travel"] .utility-shell.has-result .utility-result.is-visible{display:block!important;order:1!important}
body[data-calculator-design="travel"] .result-label{display:block;padding:10px 12px 0;color:#9ff6d8;font-size:13px;font-weight:950;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.18em}
body[data-calculator-design="travel"] .rvalue{display:block;width:100%;max-width:none;margin:18px 0 8px;padding:0 clamp(10px,3vw,24px);color:#fff;font-size:clamp(52px,5.5vw,76px);line-height:1;letter-spacing:-.05em;text-align:center;white-space:nowrap;overflow:hidden}
body[data-calculator-design="travel"] .rsub{color:#c0ccdc;font-size:15px;line-height:1.55;text-align:center}
body[data-calculator-design="travel"] .result-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}
body[data-calculator-design="travel"] .mini{min-width:0;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.075);box-shadow:none;backdrop-filter:none}
body[data-calculator-design="travel"] .mini span{min-width:0;color:#fff;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.025em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-calculator-design="travel"] .mini b{height:48px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 8px;border:1px solid rgba(97,215,255,.24);border-radius:10px;background:rgba(9,20,37,.72);color:#fff;font-size:clamp(27px,5.8vw,34px);font-weight:950;line-height:1;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-calculator-design="travel"] .formula{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055);color:#d6e0ef;font-size:12px;line-height:1.55}
body[data-calculator-design="travel"] .travel-result-actions{display:flex;justify-content:flex-end;margin-top:18px}
body[data-calculator-design="travel"] .travel-result-actions[hidden]{display:none}
body[data-calculator-design="travel"] .travel-result-actions .btn{min-height:44px;padding:0 20px;color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
body[data-calculator-design="travel"] .seo-layout{margin-top:52px}
@media(max-width:620px){body[data-calculator-design="travel"] .calc-page{padding:22px 0 28px}
body[data-calculator-design="travel"] .calc-title{margin-bottom:14px}
body[data-calculator-design="travel"] .calc-title h1{font-size:20px;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .calc-title p{font-size:14px}
body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{width:min(100%,640px)!important;border-radius:24px}
body[data-calculator-design="travel"] .utility-input{padding:10px 8px}
body[data-calculator-design="travel"] .travel-form-intro{margin-bottom:18px}
body[data-calculator-design="travel"] .travel-form-intro h2{font-size:22px}
body[data-calculator-design="travel"] .travel-form-intro p{font-size:12px}
body[data-calculator-design="travel"] .fields{gap:6px}
body[data-calculator-design="travel"] .travel-entry-card{padding:8px;border-radius:12px}
body[data-calculator-design="travel"] .travel-entry-row,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr) clamp(112px,calc(100vw - 208px),160px);gap:8px}
body[data-calculator-design="travel"] .travel-entry-value{height:46px;padding:0 5px;gap:4px}
body[data-calculator-design="travel"] .travel-entry-value input{font-size:30px}
body[data-calculator-design="travel"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .actions .btn,body[data-calculator-design="travel"] .time-percentage-actions .btn,body[data-calculator-design="travel"] .clock-angle-actions .btn{min-height:48px;font-size:15px}
body[data-calculator-design="travel"] .utility-result{padding:20px 16px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(46px,13vw,64px);margin:7px 0 3px;padding:0 8px;line-height:.88;letter-spacing:-.055em}
body[data-calculator-design="travel"] .result-grid{gap:6px;margin-top:12px}
body[data-calculator-design="travel"] .mini{min-height:48px;grid-template-columns:minmax(0,1fr) 132px;gap:8px;padding:7px 8px;border-radius:11px}
body[data-calculator-design="travel"] .mini span{font-size:15px}
body[data-calculator-design="travel"] .mini b{height:42px;font-size:24px;border-radius:9px}
}
html[data-theme="light"] body[data-calculator-design="travel"] .travel-entry-card,html[data-theme="light"] body[data-calculator-design="travel"] .travel-entry-value{background:#eef3f7;border-color:#d3dde7;color:#1d2a3a}
html[data-theme="light"] body[data-calculator-design="travel"] .utility-result{background:radial-gradient(circle at 88% 8%,rgba(47,134,166,.1),transparent 42%),radial-gradient(circle at 6% 96%,rgba(111,106,184,.08),transparent 44%),linear-gradient(155deg,#fbfcfd 0%,#edf3f7 62%,#e5ebf2 100%);color:#1d2a3a}
html[data-theme="light"] body[data-calculator-design="travel"] .result-label{color:#2f6d84}
html[data-theme="light"] body[data-calculator-design="travel"] .rvalue,html[data-theme="light"] body[data-calculator-design="travel"] .mini span,html[data-theme="light"] body[data-calculator-design="travel"] .mini b{color:#1d2a3a!important;text-shadow:none}
html[data-theme="light"] body[data-calculator-design="travel"] .rsub,html[data-theme="light"] body[data-calculator-design="travel"] .formula{color:#627184}
html[data-theme="light"] body[data-calculator-design="travel"] .mini,html[data-theme="light"] body[data-calculator-design="travel"] .formula{background:rgba(255,255,255,.78);border-color:#d5dfe8}
html[data-theme="light"] body[data-calculator-design="travel"] .travel-result-actions .btn{color:#1d2a3a;background:rgba(47,134,166,.09);border-color:rgba(47,134,166,.18)}
body[data-calculator-design="travel"] .time-duration{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}
body[data-calculator-design="travel"] .time-duration h2,body[data-calculator-design="travel"] .clock-angle-unit>span{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .time-select{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}
body[data-calculator-design="travel"] .time-select span{font-size:20px;font-weight:700;line-height:1.2}
body[data-calculator-design="travel"] .time-select input,body[data-calculator-design="travel"] .clock-angle-stepper input{height:48px;min-height:48px;border-radius:10px;font-size:30px;font-variant-numeric:tabular-nums}
@media(max-width:620px){body[data-calculator-design="travel"] .time-duration{padding:8px}
body[data-calculator-design="travel"] .time-select{padding:8px}
body[data-calculator-design="travel"] .time-select span{font-size:16px}
}
body[data-calculator-design="travel"] .seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:15px;align-items:start;margin-top:52px}
body[data-calculator-design="travel"] .seo-article{min-width:0;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:none}
body[data-calculator-design="travel"] .seo-article h2{scroll-margin-top:90px}
body[data-calculator-design="travel"] .article-toc{margin:0 0 28px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--bg-soft)),color-mix(in srgb,var(--accent2) 5%,var(--bg-soft)))}
body[data-calculator-design="travel"] .article-toc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
body[data-calculator-design="travel"] .article-toc-head span{font-size:15px;font-weight:950;letter-spacing:-.01em}
body[data-calculator-design="travel"] .article-toc-head small{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:850}
body[data-calculator-design="travel"] .article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:0;padding:0;counter-reset:toc;list-style:none}
body[data-calculator-design="travel"] .article-toc li{counter-increment:toc;min-width:0}
body[data-calculator-design="travel"] .article-toc a{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:9px;color:var(--muted)!important;font-size:12px;font-weight:750!important;line-height:1.35;text-decoration:none!important;transition:color .16s ease,background .16s ease,transform .16s ease}
body[data-calculator-design="travel"] .article-toc a:before{content:counter(toc,decimal-leading-zero);flex:0 0 auto;color:var(--accent);font-size:9px;font-weight:950;line-height:1.8}
body[data-calculator-design="travel"] .article-toc a:hover,body[data-calculator-design="travel"] .article-toc a:focus-visible{color:var(--text)!important;background:color-mix(in srgb,var(--accent) 9%,transparent);transform:translateX(2px);outline:0}
body[data-calculator-design="travel"] .seo-sidebar{display:flex;flex-direction:column;gap:10px;position:sticky;top:83px;min-width:0}
body[data-calculator-design="travel"] .calculator-related{min-width:0;width:100%;margin:0;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));box-shadow:0 12px 32px rgba(0,0,0,.1)}
body[data-calculator-design="travel"] .calculator-related h2{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:17px;line-height:1.3;letter-spacing:-.02em}
body[data-calculator-design="travel"] .calculator-related h2:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
body[data-calculator-design="travel"] .calculator-related .related{display:grid;grid-template-columns:1fr;gap:7px}
body[data-calculator-design="travel"] .calculator-related .related a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface2) 82%,transparent);color:var(--text);font-size:12px;font-weight:750;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
body[data-calculator-design="travel"] .calculator-related .related a:after{content:"";width:7px;height:7px;flex:0 0 7px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);transform:rotate(45deg);transition:transform .16s ease}
body[data-calculator-design="travel"] .calculator-related .related a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface2));box-shadow:0 5px 14px rgba(0,0,0,.1)}
body[data-calculator-design="travel"] .calculator-related .related a:hover:after{transform:translateX(2px) rotate(45deg)}
body[data-calculator-design="travel"] .calculator-related .related a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px;border-color:var(--accent)}
body[data-calculator-design="travel"] .seo-keywords{margin-top:24px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}
body[data-calculator-design="travel"] .seo-keywords>span{display:block;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body[data-calculator-design="travel"] .seo-keywords>div{display:flex;flex-wrap:wrap;gap:6px}
body[data-calculator-design="travel"] .seo-keywords strong{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:10px;font-weight:750;line-height:1.2}
body[data-calculator-design="travel"] .faq details{transition:border-color .18s ease,background .18s ease}
body[data-calculator-design="travel"] .faq details:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
html[data-theme="light"] body[data-calculator-design="travel"] .seo-article,html[data-theme="light"] body[data-calculator-design="travel"] .calculator-related{background:#fbfcfd;border-color:#d7e1ea}
@media(max-width:1000px){body[data-calculator-design="travel"] .seo-layout{grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .seo-sidebar{position:static;display:grid;grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .seo-layout>.seo-sidebar:not(:has(.calculator-related)){display:none}
body[data-calculator-design="travel"] .calculator-related{width:min(640px,100%);margin:14px auto 0;padding:17px}
body[data-calculator-design="travel"] .calculator-related .related{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-calculator-design="travel"] .calculator-related .related a{min-height:48px;padding:10px 12px;font-size:13px;pointer-events:auto;touch-action:manipulation}
}
@media(max-width:600px){body[data-calculator-design="travel"] .article-toc{padding:14px;margin-bottom:22px}
body[data-calculator-design="travel"] .article-toc ol{grid-template-columns:1fr;gap:3px}
body[data-calculator-design="travel"] .article-toc a{padding:7px;font-size:12px}
body[data-calculator-design="travel"] .article-toc-head{margin-bottom:8px}
body[data-calculator-design="travel"] .seo-article{padding:17px}
}
@media(max-width:480px){body[data-calculator-design="travel"] .calculator-related{padding:14px;border-radius:15px}
body[data-calculator-design="travel"] .calculator-related .related{grid-template-columns:1fr;gap:6px}
body[data-calculator-design="travel"] .calculator-related .related a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] .article-toc a,body[data-calculator-design="travel"] .calculator-related .related a,body[data-calculator-design="travel"] .calculator-related .related a:after{transition:none}
}
body[data-calculator-design="travel"] .calc-page>.wrap{width:min(900px,calc(100% - 32px))}
body[data-calculator-design="travel"] .seo-layout{display:block;margin:36px auto 0}
body[data-calculator-design="travel"] .seo-article{width:100%;padding:22px}
body[data-calculator-design="travel"] .travel-entry-card label{white-space:normal;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .travel-entry-card:has(textarea),body[data-calculator-design="travel"] .travel-entry-card:has(input[type="date"]){grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .travel-entry-card input[type="date"]{width:100%;max-width:100%}
body[data-calculator-design="travel"] .travel-entry-value{border:1px solid var(--line);background:var(--bg-soft)}
body[data-calculator-design="travel"] .travel-entry-value:after{flex-shrink:0;max-width:64px;overflow-wrap:anywhere;white-space:normal}
body[data-calculator-design="travel"] .travel-entry-value input{color:var(--text)}
body[data-calculator-design="travel"] .actions{clear:both}
body[data-calculator-design="travel"] .travel-result-actions .btn{flex:initial;width:auto;max-width:100%}
body[data-calculator-design="travel"] .chart-wrap{margin-top:18px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.055)}
body[data-calculator-design="travel"] .result-chart{display:block;max-width:100%;width:100%;min-width:0}
body[data-calculator-design="travel"] .chart-title,body[data-calculator-design="travel"] .below-chart{color:#c0ccdc}
body[data-calculator-design="travel"] .chart-title{flex-wrap:wrap;gap:8px}
body[data-calculator-design="travel"] .chart-title b{font-size:13px}
body[data-calculator-design="travel"] .chart-title span{font-size:11px}
body[data-calculator-design="travel"] .below-chart{padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.055)}
body[data-calculator-design="travel"] .below-chart b{color:#fff;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .utility-visual{max-width:100%}
body[data-calculator-design="travel"] .age-date-group{display:block!important;margin-bottom:8px;padding:12px}
body[data-calculator-design="travel"] .age-date-group h2{margin:0 0 10px;font-size:20px;font-weight:700}
body[data-calculator-design="travel"] .age-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-calculator-design="travel"] .age-selects select{min-width:0;height:48px;border-radius:10px;font-size:16px}
body[data-calculator-design="travel"] .age-parts{margin:18px 0 10px;gap:8px}
body[data-calculator-design="travel"] .age-part{min-width:0;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 6px}
body[data-calculator-design="travel"] .age-part strong{font-size:clamp(36px,8vw,60px);color:#fff}
body[data-calculator-design="travel"] .age-part span{color:#c0ccdc}
body[data-calculator-design="travel"] .age-extra{display:grid;grid-template-columns:1fr;gap:8px}
body[data-calculator-design="travel"] .birthday-card{border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.075);color:#fff}
body[data-calculator-design="travel"] .live-timer{border-radius:14px;background:rgba(255,255,255,.075);color:#fff}
body[data-calculator-design="travel"] .quick-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body[data-calculator-design="travel"] .quick-pills button{min-height:36px;border-radius:10px}
body[data-calculator-design="travel"] .design-form-error{margin:0 0 14px;padding:12px;border:1px solid var(--bad);border-radius:12px;background:color-mix(in srgb,var(--bad) 8%,var(--surface));color:var(--text);font-size:14px}
body[data-calculator-design="travel"] .seo-article p{margin:0 0 16px;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .seo-article h2{scroll-margin-top:90px}
body[data-calculator-design="travel"] .seo-article table{display:block;max-width:100%;overflow:auto}
body[data-calculator-design="travel"] .seo-article pre{max-width:100%;overflow:auto}
body[data-calculator-design="travel"] .mini span{white-space:normal;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .seo-keywords strong{max-width:100%;overflow-wrap:anywhere}
html[data-theme="light"] body[data-calculator-design="travel"] .chart-wrap,html[data-theme="light"] body[data-calculator-design="travel"] .below-chart,html[data-theme="light"] body[data-calculator-design="travel"] .age-part,html[data-theme="light"] body[data-calculator-design="travel"] .birthday-card,html[data-theme="light"] body[data-calculator-design="travel"] .live-timer{background:#fbfcfd;border-color:#d5dfe8;color:#1d2a3a}
html[data-theme="light"] body[data-calculator-design="travel"] .chart-title,html[data-theme="light"] body[data-calculator-design="travel"] .age-part span{color:#627184}
html[data-theme="light"] body[data-calculator-design="travel"] .below-chart b,html[data-theme="light"] body[data-calculator-design="travel"] .age-part strong{color:#1d2a3a}
@media(max-width:620px){body[data-calculator-design="travel"] .calc-page>.wrap{width:min(100% - 16px,900px)}
body[data-calculator-design="travel"] .seo-layout{margin-top:24px}
body[data-calculator-design="travel"] .seo-article{padding:16px}
body[data-calculator-design="travel"] .utility-input{padding:12px 8px}
body[data-calculator-design="travel"] .utility-result{padding:18px 12px}
body[data-calculator-design="travel"] .travel-entry-card label{font-size:16px!important}
body[data-calculator-design="travel"] .travel-entry-value input{font-size:26px}
body[data-calculator-design="travel"] .mini{grid-template-columns:minmax(0,1fr) minmax(100px,132px)}
body[data-calculator-design="travel"] .travel-entry-value:after{max-width:42px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] .travel-entry-card:focus-within{transform:none}
}
body[data-calculator-design="travel"] .calc-page{padding-top:12px}
body[data-calculator-design="travel"] .calc-title{max-width:820px;margin:0 auto 24px}
body[data-calculator-design="travel"] .calc-title .eyebrow{background:linear-gradient(135deg,rgba(97,215,255,.12),rgba(145,132,255,.12))}
body[data-calculator-design="travel"] .utility-shell{width:min(1080px,100%);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:stretch;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface2));box-shadow:0 28px 80px rgba(0,0,0,.24)}
body[data-calculator-design="travel"] .utility-input{padding:26px}
body[data-calculator-design="travel"] .utility-result{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:28px;border-top:0;border-left:1px solid var(--line);background:radial-gradient(circle at 88% 8%,rgba(97,215,255,.11),transparent 36%),color-mix(in srgb,var(--surface3) 82%,transparent)}
body[data-calculator-design="travel"] .fields{gap:13px}
body[data-calculator-design="travel"] .field label{margin-bottom:7px;font-size:11px;letter-spacing:.025em;text-transform:uppercase}
body[data-calculator-design="travel"] .field input,body[data-calculator-design="travel"] .field select,body[data-calculator-design="travel"] .field textarea{min-height:52px;border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 94%,var(--accent) 6%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body[data-calculator-design="travel"] .field textarea{min-height:108px;resize:vertical}
body[data-calculator-design="travel"] .field input:hover,body[data-calculator-design="travel"] .field select:hover,body[data-calculator-design="travel"] .field textarea:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
body[data-calculator-design="travel"] .field input:focus,body[data-calculator-design="travel"] .field select:focus,body[data-calculator-design="travel"] .field textarea:focus{transform:translateY(-1px)}
body[data-calculator-design="travel"] .actions{margin-top:18px}
body[data-calculator-design="travel"] .actions .btn{flex:1;min-width:120px;min-height:50px}
body[data-calculator-design="travel"] .result-label{text-align:left;color:var(--accent)}
body[data-calculator-design="travel"] .rvalue{text-align:left;margin:10px 0 5px;font-size:clamp(38px,5vw,62px)}
body[data-calculator-design="travel"] .rsub{text-align:left}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body[data-calculator-design="travel"] .mini{padding:12px;border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 92%,var(--accent) 8%)}
body[data-calculator-design="travel"] .formula{margin-top:13px;padding:13px;border-radius:14px}
body[data-calculator-design="travel"] .utility-visual{margin-top:13px;border-radius:14px}
body[data-calculator-design="travel"] .utility-bars i{background:linear-gradient(180deg,#55e6cc,var(--accent2))}
body[data-calculator-design="travel"] .seo-layout{margin-top:36px}
body[data-calculator-design="travel"] .seo-article{border-radius:22px}
body[data-calculator-design="travel"] .seo-article h2{scroll-margin-top:90px}
body[data-calculator-design="travel"] .faq details{transition:border-color .18s ease,background .18s ease}
body[data-calculator-design="travel"] .faq details:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
@media(max-width:800px){body[data-calculator-design="travel"] .utility-shell{grid-template-columns:1fr}
body[data-calculator-design="travel"] .utility-result{border-left:0;border-top:1px solid var(--line);min-height:auto}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){body[data-calculator-design="travel"] .calc-title{margin-bottom:17px}
body[data-calculator-design="travel"] .utility-shell{border-radius:20px}
body[data-calculator-design="travel"] .utility-input,body[data-calculator-design="travel"] .utility-result{padding:18px}
body[data-calculator-design="travel"] .fields{grid-template-columns:1fr}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:1fr 1fr}
body[data-calculator-design="travel"] .rvalue{font-size:38px;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .seo-layout{margin-top:24px}
}
body[data-calculator-design="travel"] .calc-page{padding:8px 0 22px}
body[data-calculator-design="travel"] .calc-title{margin-bottom:14px}
body[data-calculator-design="travel"] .calc-title h1{font-size:clamp(30px,4vw,44px);margin:7px 0 5px}
body[data-calculator-design="travel"] .calc-title p{max-width:680px;font-size:12px;line-height:1.45}
body[data-calculator-design="travel"] .utility-shell{position:relative}
body[data-calculator-design="travel"] .utility-input{padding:18px 19px}
body[data-calculator-design="travel"] .fields{gap:8px}
body[data-calculator-design="travel"] .travel-slider-field{padding:10px 11px 8px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%);transition:border-color .18s ease,box-shadow .18s ease}
body[data-calculator-design="travel"] .travel-slider-field:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 0 0 4px rgba(97,215,255,.07)}
body[data-calculator-design="travel"] .travel-slider-field label{font-size:10px;margin-bottom:3px}
body[data-calculator-design="travel"] .travel-slider-field>input[type="number"]{height:36px;min-height:36px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text);font-size:24px;font-weight:950;letter-spacing:-.045em;text-align:right}
body[data-calculator-design="travel"] input.travel-range{width:100%;height:24px;min-height:24px;margin:2px 0 0;padding:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;transform:none}
body[data-calculator-design="travel"] input.travel-range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent2) var(--pct,50%),color-mix(in srgb,var(--line) 78%,transparent) var(--pct,50%),color-mix(in srgb,var(--line) 78%,transparent) 100%)}
body[data-calculator-design="travel"] input.travel-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7.5px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(0,0,0,.25),0 0 0 1px color-mix(in srgb,var(--accent2) 55%,transparent)}
body[data-calculator-design="travel"] input.travel-range::-moz-range-track{height:7px;border-radius:999px;background:var(--line)}
body[data-calculator-design="travel"] input.travel-range::-moz-range-progress{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
body[data-calculator-design="travel"] input.travel-range::-moz-range-thumb{width:15px;height:15px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(0,0,0,.25)}
body[data-calculator-design="travel"] .travel-range-meta{display:flex;justify-content:space-between;margin-top:-2px;color:var(--muted);font-size:8px;font-weight:800}
body[data-calculator-design="travel"] .utility-result{padding:22px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(48px,6vw,74px);line-height:.95;letter-spacing:-.055em}
body[data-calculator-design="travel"] .rsub{font-size:12px}
body[data-calculator-design="travel"] .actions{margin-top:11px}
body[data-calculator-design="travel"] .actions .btn{min-height:43px}
body[data-calculator-design="travel"] .hint{margin-top:8px;font-size:9px}
body[data-calculator-design="travel"] .utility-visual{padding:8px}
body[data-calculator-design="travel"] .utility-bars{height:48px}
@media(max-width:800px){body[data-calculator-design="travel"] .utility-result{order:-1}
body[data-calculator-design="travel"] .utility-input{padding:16px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(45px,12vw,64px)}
}
@media(max-width:520px){body[data-calculator-design="travel"] .calc-page{padding-top:10px}
body[data-calculator-design="travel"] .calc-title{margin-bottom:10px}
body[data-calculator-design="travel"] .calc-title .eyebrow{padding:5px 8px;font-size:9px}
body[data-calculator-design="travel"] .calc-title h1{font-size:29px;margin:5px 0 3px}
body[data-calculator-design="travel"] .calc-title p{font-size:11px;line-height:1.35}
body[data-calculator-design="travel"] .utility-input,body[data-calculator-design="travel"] .utility-result{padding:14px}
body[data-calculator-design="travel"] .utility-result{min-height:230px}
body[data-calculator-design="travel"] .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-calculator-design="travel"] .field.full{grid-column:1/-1}
body[data-calculator-design="travel"] .travel-slider-field{padding:8px 9px 6px}
body[data-calculator-design="travel"] .travel-slider-field>input[type="number"]{font-size:21px}
body[data-calculator-design="travel"] input.travel-range{height:23px;min-height:23px}
body[data-calculator-design="travel"] .actions .btn{min-height:42px}
body[data-calculator-design="travel"] .rvalue{font-size:44px}
body[data-calculator-design="travel"] .result-grid{gap:6px}
body[data-calculator-design="travel"] .mini{padding:9px}
body[data-calculator-design="travel"] .formula{padding:10px;font-size:10px}
body[data-calculator-design="travel"] .utility-visual{display:none}
}
body[data-calculator-design="travel"] .calc-page{padding:14px 0 20px}
body[data-calculator-design="travel"] .calc-title{max-width:760px;margin-bottom:12px}
body[data-calculator-design="travel"] .calc-title .eyebrow{padding:5px 9px;font-size:9px}
body[data-calculator-design="travel"] .calc-title h1{font-size:clamp(29px,3.5vw,40px);line-height:1;margin:6px 0 4px}
body[data-calculator-design="travel"] .calc-title p{max-width:620px;font-size:11px;line-height:1.4}
body[data-calculator-design="travel"] .utility-shell{width:min(980px,100%);grid-template-columns:minmax(330px,.92fr) minmax(0,1.08fr);border-radius:22px;box-shadow:0 22px 65px rgba(0,0,0,.22)}
body[data-calculator-design="travel"] .utility-input{padding:15px}
body[data-calculator-design="travel"] .fields{grid-template-columns:1fr;gap:7px}
body[data-calculator-design="travel"] .travel-control-card{margin:0;padding:10px 12px 8px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 97%,var(--accent) 3%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body[data-calculator-design="travel"] .travel-control-card:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));box-shadow:0 8px 22px rgba(0,0,0,.09),0 0 0 3px rgba(145,132,255,.07)}
body[data-calculator-design="travel"] .travel-control-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}
body[data-calculator-design="travel"] .travel-control-top label{flex:1;min-width:0;margin:0;color:var(--text);font-size:13px;font-weight:850;line-height:1.2;text-transform:none;letter-spacing:-.01em}
body[data-calculator-design="travel"] .travel-value-shell{flex:0 0 auto;width:132px;height:38px;display:flex;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent2) 20%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--bg-soft) 94%,var(--accent2) 6%)}
body[data-calculator-design="travel"] .travel-value-shell input[type="number"]{width:100%;height:auto;min-height:0;padding:0;border:0;background:transparent;color:var(--text);box-shadow:none;outline:0;text-align:right;font-size:22px;font-weight:950;line-height:1;letter-spacing:-.045em}
body[data-calculator-design="travel"] input.travel-range{display:block;width:100%;height:22px;min-height:22px;margin:4px 0 0;padding:0;border:0;background:transparent!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;transform:none!important;cursor:pointer;touch-action:pan-y}
body[data-calculator-design="travel"] input.travel-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent2) var(--pct,50%),color-mix(in srgb,var(--line) 72%,transparent) var(--pct,50%),color-mix(in srgb,var(--line) 72%,transparent) 100%)}
body[data-calculator-design="travel"] input.travel-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(31,25,86,.3),0 0 0 1px rgba(145,132,255,.25);transition:transform .14s ease,box-shadow .14s ease}
body[data-calculator-design="travel"] .travel-control-card.is-sliding input.travel-range::-webkit-slider-thumb{transform:scale(1.16);box-shadow:0 4px 14px rgba(31,25,86,.34),0 0 0 6px rgba(145,132,255,.1)}
body[data-calculator-design="travel"] input.travel-range::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}
body[data-calculator-design="travel"] input.travel-range::-moz-range-progress{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
body[data-calculator-design="travel"] input.travel-range::-moz-range-thumb{width:12px;height:12px;border:4px solid var(--surface);border-radius:50%;background:var(--accent2);box-shadow:0 3px 10px rgba(31,25,86,.3)}
body[data-calculator-design="travel"] .travel-range-meta{height:9px;display:flex;justify-content:space-between;margin-top:-3px;color:color-mix(in srgb,var(--muted) 85%,transparent);font-size:7px;font-weight:800}
body[data-calculator-design="travel"] .travel-control-card:not(.travel-slider-field)>label{margin:0 0 5px;font-size:11px}
body[data-calculator-design="travel"] .travel-control-card:not(.travel-slider-field)>input,body[data-calculator-design="travel"] .travel-control-card:not(.travel-slider-field)>select,body[data-calculator-design="travel"] .travel-control-card:not(.travel-slider-field)>textarea{min-height:44px;border-radius:11px;font-size:15px}
body[data-calculator-design="travel"] .utility-result{min-height:0;padding:22px 24px;border-left-color:rgba(255,255,255,.07);background:radial-gradient(circle at 88% 4%,rgba(145,132,255,.24),transparent 45%),radial-gradient(circle at 5% 95%,rgba(97,215,255,.12),transparent 42%),linear-gradient(155deg,#17223e,#0d172b);color:#fff}
body[data-calculator-design="travel"] .result-label{color:#9fe8ff;font-size:9px;letter-spacing:.14em}
body[data-calculator-design="travel"] .rvalue{margin:9px 0 5px;color:#fff!important;font-size:clamp(46px,5.5vw,68px);line-height:.92;letter-spacing:-.055em;text-shadow:0 6px 24px rgba(0,0,0,.2)}
body[data-calculator-design="travel"] .rsub{color:#b7c3d8;font-size:11px}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}
body[data-calculator-design="travel"] .mini{padding:10px;border-color:rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.055)}
body[data-calculator-design="travel"] .mini span{color:#9eabc0;font-size:8px}
body[data-calculator-design="travel"] .mini b{color:#fff;font-size:14px}
body[data-calculator-design="travel"] .formula{margin-top:9px;padding:10px 11px;border-color:rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.045);color:#aebbd0;font-size:9px}
body[data-calculator-design="travel"] .utility-visual{display:none}
body[data-calculator-design="travel"] .actions{margin-top:9px}
body[data-calculator-design="travel"] .actions .btn{min-height:40px;border-radius:11px;font-size:12px}
body[data-calculator-design="travel"] .hint{margin-top:7px;font-size:8px;line-height:1.4}
@media(max-width:800px){body[data-calculator-design="travel"] .utility-shell{grid-template-columns:1fr;width:min(560px,100%)}
body[data-calculator-design="travel"] .utility-result{order:-1;min-height:190px;padding:20px;border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}
body[data-calculator-design="travel"] .utility-input{padding:12px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(43px,10vw,58px)}
}
@media(max-width:520px){body[data-calculator-design="travel"] .calc-page{padding:9px 0 16px}
body[data-calculator-design="travel"] .calc-title{margin-bottom:8px}
body[data-calculator-design="travel"] .calc-title .eyebrow{display:none}
body[data-calculator-design="travel"] .calc-title h1{font-size:27px;margin:3px 0}
body[data-calculator-design="travel"] .calc-title p{display:none}
body[data-calculator-design="travel"] .utility-shell{border-radius:18px}
body[data-calculator-design="travel"] .utility-result{min-height:164px;padding:16px}
body[data-calculator-design="travel"] .result-grid{gap:5px;margin-top:10px}
body[data-calculator-design="travel"] .mini{padding:8px}
body[data-calculator-design="travel"] .formula{margin-top:7px;padding:8px}
body[data-calculator-design="travel"] .utility-input{padding:10px}
body[data-calculator-design="travel"] .fields{display:grid;grid-template-columns:1fr;gap:6px}
body[data-calculator-design="travel"] .travel-control-card{padding:8px 10px 6px;border-radius:12px}
body[data-calculator-design="travel"] .travel-control-top{min-height:34px}
body[data-calculator-design="travel"] .travel-control-top label{font-size:12px}
body[data-calculator-design="travel"] .travel-value-shell{width:116px;height:34px;padding:0 8px}
body[data-calculator-design="travel"] .travel-value-shell input[type="number"]{font-size:20px}
body[data-calculator-design="travel"] input.travel-range{height:20px;min-height:20px;margin-top:2px}
body[data-calculator-design="travel"] .travel-range-meta{display:none}
body[data-calculator-design="travel"] .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
body[data-calculator-design="travel"] .actions .btn{min-height:38px;padding:0 10px}
body[data-calculator-design="travel"] .rvalue{font-size:42px}
body[data-calculator-design="travel"] .seo-layout{margin-top:20px}
}
body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-input,body[data-calculator-design="travel"] .utility-result,body[data-calculator-design="travel"] .fields,body[data-calculator-design="travel"] .field{min-width:0}
body[data-calculator-design="travel"] .formula,body[data-calculator-design="travel"] .mini b{overflow-wrap:anywhere}
body[data-calculator-design="travel"] .travel-control-top label{overflow-wrap:anywhere}
@media(max-width:520px){body[data-calculator-design="travel"] .utility-shell{width:100%;overflow:hidden}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-calculator-design="travel"] .result-grid .mini:last-child:nth-child(odd){grid-column:1/-1}
body[data-calculator-design="travel"] .travel-value-shell{flex-basis:110px;max-width:42%}
body[data-calculator-design="travel"] .formula{white-space:normal}
body[data-calculator-design="travel"] .rvalue{overflow-wrap:anywhere}
}
body[data-calculator-design="travel"] .travel-control-card{width:100%;max-width:100%;overflow:hidden}
body[data-calculator-design="travel"] .travel-control-top{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 132px}
body[data-calculator-design="travel"] .travel-value-shell{width:132px;max-width:132px}
body[data-calculator-design="travel"] input.travel-range{width:100%!important;max-width:100%}
@media(max-width:520px){body[data-calculator-design="travel"] .travel-control-top{grid-template-columns:minmax(0,1fr) 108px}
body[data-calculator-design="travel"] .travel-value-shell{width:108px;max-width:108px}
body[data-calculator-design="travel"] .travel-control-top label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
body[data-calculator-design="travel"] .utility-shell{display:block;width:min(780px,100%);overflow:visible}
body[data-calculator-design="travel"] .utility-input{padding:20px}
body[data-calculator-design="travel"] .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-calculator-design="travel"] .travel-entry-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 97%,var(--accent) 3%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body[data-calculator-design="travel"] .travel-entry-card:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 8px 24px rgba(0,0,0,.1),0 0 0 4px rgba(97,215,255,.07)}
body[data-calculator-design="travel"] .travel-entry-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
body[data-calculator-design="travel"] .travel-entry-row label{flex:1;min-width:0;margin:0;color:var(--text);font-size:12px;font-weight:850;line-height:1.25;text-transform:none;letter-spacing:-.01em}
body[data-calculator-design="travel"] .travel-entry-value{position:relative;flex:0 0 145px;height:52px;display:flex;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent2) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 93%,var(--accent2) 7%)}
body[data-calculator-design="travel"] .travel-entry-value:after{content:attr(data-unit);flex:0 0 auto;margin-left:5px;color:var(--accent);font-size:10px;font-weight:900}
body[data-calculator-design="travel"] .travel-entry-value input{width:100%;height:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;outline:0;color:var(--text);text-align:right;font-size:28px;font-weight:950;line-height:1;letter-spacing:-.055em}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) label{margin-bottom:7px;font-size:11px}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) input,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) select,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-height:52px;border-radius:12px;font-size:16px;font-weight:750}
body[data-calculator-design="travel"] .actions{margin-top:14px}
body[data-calculator-design="travel"] .actions .btn{min-height:48px;font-size:14px}
body[data-calculator-design="travel"] .utility-result{display:none;min-height:0;margin-top:14px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 88% 4%,rgba(145,132,255,.24),transparent 45%),radial-gradient(circle at 5% 95%,rgba(97,215,255,.12),transparent 42%),linear-gradient(155deg,#17223e,#0d172b);color:#fff;scroll-margin-top:78px}
body[data-calculator-design="travel"] .utility-result.is-visible{display:block;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(58px,8vw,88px)}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-calculator-design="travel"] .utility-visual{display:block;margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.04)}
body[data-calculator-design="travel"] .travel-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
body[data-calculator-design="travel"] .travel-chart-head span{color:#fff;font-size:12px;font-weight:900}
body[data-calculator-design="travel"] .travel-chart-head small{color:#96a6bf;font-size:9px}
body[data-calculator-design="travel"] .utility-bars{height:130px;gap:10px;padding:8px 5px 0;border-bottom:1px solid rgba(255,255,255,.09)}
body[data-calculator-design="travel"] .utility-bars i{min-width:18px;border-radius:9px 9px 3px 3px;box-shadow:0 8px 18px rgba(0,0,0,.2)}
@media(max-width:700px){body[data-calculator-design="travel"] .fields{grid-template-columns:1fr}
body[data-calculator-design="travel"] .utility-input{padding:14px}
body[data-calculator-design="travel"] .travel-entry-card{padding:10px}
body[data-calculator-design="travel"] .travel-entry-value{flex-basis:138px;height:48px}
body[data-calculator-design="travel"] .travel-entry-value input{font-size:25px}
body[data-calculator-design="travel"] .utility-result{margin-top:10px;padding:20px;border-radius:17px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(48px,14vw,68px)}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-calculator-design="travel"] .result-grid .mini:last-child:nth-child(odd){grid-column:1/-1}
body[data-calculator-design="travel"] .utility-bars{height:105px}
}
body[data-calculator-design="travel"] .calc-page{padding:34px 0 40px}
body[data-calculator-design="travel"] .calc-title{max-width:980px;margin-bottom:32px;text-align:left}
body[data-calculator-design="travel"] .calc-title .eyebrow{display:inline-flex;padding:8px 13px;font-size:12px}
body[data-calculator-design="travel"] .calc-title h1{max-width:920px;margin:12px 0 10px;font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:-.065em}
body[data-calculator-design="travel"] .calc-title p{display:block;max-width:760px;margin:0;color:var(--muted);font-size:clamp(17px,1.7vw,21px);line-height:1.55}
body[data-calculator-design="travel"] .utility-shell{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:0;align-items:stretch;overflow:hidden;border-radius:32px;border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 34px 100px rgba(0,0,0,.28)}
body[data-calculator-design="travel"] .utility-input{padding:34px}
body[data-calculator-design="travel"] .travel-form-intro{display:flex;align-items:center;gap:14px;margin-bottom:24px}
body[data-calculator-design="travel"] .travel-form-intro h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.035em}
body[data-calculator-design="travel"] .travel-form-intro p{margin:5px 0 0;color:var(--muted);font-size:14px}
body[data-calculator-design="travel"] .travel-step{width:40px;height:40px;display:inline-grid;flex:0 0 40px;place-items:center;border:1px solid rgba(97,215,255,.3);border-radius:12px;background:rgba(97,215,255,.1);color:#8be4ff;font-size:12px;font-weight:950;letter-spacing:.06em}
body[data-calculator-design="travel"] .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-calculator-design="travel"] .travel-entry-card{padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}
body[data-calculator-design="travel"] .travel-entry-card:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}
body[data-calculator-design="travel"] .travel-entry-card:focus-within{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.14),0 0 0 4px rgba(97,215,255,.09)}
body[data-calculator-design="travel"] .travel-entry-row{display:block}
body[data-calculator-design="travel"] .travel-entry-row label{display:block;margin:0 0 10px;color:var(--muted);font-size:14px;font-weight:800;letter-spacing:0}
body[data-calculator-design="travel"] .travel-entry-value{width:100%;max-width:none;height:68px;padding:0 15px;border-radius:14px;background:var(--bg-soft)}
body[data-calculator-design="travel"] .travel-entry-value:after{margin-left:10px;font-size:13px}
body[data-calculator-design="travel"] .travel-entry-value input{font-size:clamp(34px,3.3vw,46px);text-align:left}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) label{margin-bottom:10px;font-size:14px;color:var(--muted);text-transform:none}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) input,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) select,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-height:68px;padding:0 16px;border-radius:14px;font-size:20px;font-weight:800}
body[data-calculator-design="travel"] .actions{gap:12px;margin-top:20px}
body[data-calculator-design="travel"] .actions .btn{min-height:60px;border-radius:16px;font-size:17px;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
body[data-calculator-design="travel"] .actions .btn-primary{box-shadow:0 12px 30px rgba(97,215,255,.18)}
body[data-calculator-design="travel"] .actions .btn:hover{transform:translateY(-2px)}
body[data-calculator-design="travel"] .hint{margin-top:13px;font-size:12px}
body[data-calculator-design="travel"] .utility-result{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:100%;margin:0;padding:40px;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.3),transparent 42%),radial-gradient(circle at 0 100%,rgba(97,215,255,.17),transparent 45%),linear-gradient(155deg,#192744,#0c1629);color:#fff;scroll-margin-top:80px}
body[data-calculator-design="travel"] .utility-result.is-visible{display:flex;animation:travelResultIn .42s cubic-bezier(.16,1,.3,1)}
body[data-calculator-design="travel"] .result-label{display:flex;align-items:center;gap:12px;color:#d8f7ff;font-size:14px;letter-spacing:0;text-transform:none}
body[data-calculator-design="travel"] .rvalue{margin:26px 0 10px;font-size:clamp(64px,7vw,104px);line-height:.86;letter-spacing:-.07em;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .rsub{color:#c0ccdc;font-size:17px;line-height:1.55}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
body[data-calculator-design="travel"] .mini{padding:16px;border-radius:16px}
body[data-calculator-design="travel"] .mini span{font-size:11px;letter-spacing:.04em;text-transform:uppercase}
body[data-calculator-design="travel"] .mini b{margin-top:7px;font-size:21px}
body[data-calculator-design="travel"] .formula{margin-top:14px;padding:16px;border-radius:15px;font-size:13px;line-height:1.65}
body[data-calculator-design="travel"] .utility-visual{display:none}
body[data-calculator-design="travel"] .seo-layout{margin-top:52px}
@media(max-width:900px){body[data-calculator-design="travel"] .utility-shell{display:block;width:min(680px,100%)}
body[data-calculator-design="travel"] .utility-result{min-height:420px;border-left:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0}
}
@media(max-width:620px){body[data-calculator-design="travel"] .calc-page{padding:22px 0 28px}
body[data-calculator-design="travel"] .calc-title{margin-bottom:22px}
body[data-calculator-design="travel"] .calc-title .eyebrow{display:inline-flex}
body[data-calculator-design="travel"] .calc-title h1{font-size:clamp(40px,12vw,58px);margin:10px 0 8px}
body[data-calculator-design="travel"] .calc-title p{display:block;font-size:16px;line-height:1.5}
body[data-calculator-design="travel"] .utility-shell{border-radius:24px}
body[data-calculator-design="travel"] .utility-input{padding:22px 16px}
body[data-calculator-design="travel"] .travel-form-intro{margin-bottom:18px}
body[data-calculator-design="travel"] .travel-form-intro h2{font-size:22px}
body[data-calculator-design="travel"] .travel-form-intro p{font-size:12px}
body[data-calculator-design="travel"] .fields{grid-template-columns:1fr;gap:11px}
body[data-calculator-design="travel"] .travel-entry-card{padding:14px}
body[data-calculator-design="travel"] .travel-entry-value{height:62px}
body[data-calculator-design="travel"] .travel-entry-value input{font-size:36px}
body[data-calculator-design="travel"] .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
body[data-calculator-design="travel"] .actions .btn{min-height:54px;font-size:15px}
body[data-calculator-design="travel"] .utility-result{min-height:360px;padding:28px 20px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(58px,18vw,82px);margin-top:24px}
body[data-calculator-design="travel"] .rsub{font-size:15px}
body[data-calculator-design="travel"] .result-grid{gap:9px;margin-top:22px}
body[data-calculator-design="travel"] .mini{padding:13px}
body[data-calculator-design="travel"] .mini b{font-size:18px}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] *,body[data-calculator-design="travel"] *:before,body[data-calculator-design="travel"] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
body[data-calculator-design="travel"] .calc-title{max-width:640px;margin:0 auto 24px;text-align:center}
body[data-calculator-design="travel"] .calc-title h1{margin:0 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .calc-title p{display:block;max-width:600px;margin:0 auto;font-size:16px;line-height:1.5;text-wrap:pretty}
body[data-calculator-design="travel"] .travel-related{min-width:0;width:100%;margin:0;padding:20px}
body[data-calculator-design="travel"] .travel-related h2{margin:0 0 14px;font-size:20px;line-height:1.3}
body[data-calculator-design="travel"] .travel-related .related{display:grid;grid-template-columns:1fr;gap:8px}
body[data-calculator-design="travel"] .travel-related .related a{display:block;margin:0;padding:10px 12px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .utility-shell{display:block;width:min(640px,100%)}
body[data-calculator-design="travel"] .utility-input{padding:20px}
body[data-calculator-design="travel"] .fields{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calculator-design="travel"] .travel-entry-card{padding:10px 12px;border-radius:14px;min-width:0}
body[data-calculator-design="travel"] .travel-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-calculator-design="travel"] .travel-entry-card label{display:block;margin:0;color:var(--text);font-size:20px!important;font-weight:700;line-height:1.2;letter-spacing:-.025em;text-transform:none;white-space:nowrap}
body[data-calculator-design="travel"] .travel-entry-value{display:flex;flex:initial;width:100%;max-width:100%;min-width:0;height:48px;padding:0 8px;gap:6px;border-radius:10px}
body[data-calculator-design="travel"] .travel-entry-value input{flex:1 1 0;width:0;min-width:0;min-height:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:30px;letter-spacing:-.04em;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}
body[data-calculator-design="travel"] .travel-entry-value input::-webkit-inner-spin-button,body[data-calculator-design="travel"] .travel-entry-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-calculator-design="travel"] .travel-entry-value:after{margin:0;font-size:11px}
body[data-calculator-design="travel"] .travel-entry-value:not([data-unit]):after,body[data-calculator-design="travel"] .travel-entry-value[data-unit=""]:after{display:none}
body[data-calculator-design="travel"] .travel-entry-value select.inline-unit-select{flex:0 0 auto;width:48px;max-width:none;min-width:0;height:38px;min-height:38px;padding:0 0 0 2px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;cursor:pointer;transform:none}
body[data-calculator-design="travel"] .inline-unit-select option{background:var(--surface);color:var(--text)}
body[data-calculator-design="travel"] .inline-unit-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)){display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) label{margin:0}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) input,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) select,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-width:0;min-height:48px;padding:8px 10px;font-size:18px;border-radius:10px}
body[data-calculator-design="travel"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calculator-design="travel"] .travel-entry-card .travel-text-value{height:48px}
body[data-calculator-design="travel"] .travel-entry-card .travel-text-value input{padding:0;min-height:0;border:0;border-radius:0;font-size:30px;text-align:center}
body[data-calculator-design="travel"] .travel-entry-card .travel-text-value select.inline-unit-select{min-height:38px;padding:0 0 0 2px;border-radius:0;font-size:11px}
body[data-calculator-design="travel"] .travel-entry-card>input{text-align:center}
body[data-calculator-design="travel"] .travel-entry-help{display:block;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4;grid-column:1/-1}
body[data-calculator-design="travel"] .travel-entry-card.has-warning{border-color:rgba(255,130,153,.72);box-shadow:0 0 0 3px rgba(255,130,153,.10)}
body[data-calculator-design="travel"] .travel-entry-card.has-warning .travel-entry-value,body[data-calculator-design="travel"] .travel-entry-card.has-warning>input,body[data-calculator-design="travel"] .travel-entry-card.has-warning>select,body[data-calculator-design="travel"] .travel-entry-card.has-warning>textarea{border-color:#ff8299!important;box-shadow:0 0 0 3px rgba(255,130,153,.12)}
body[data-calculator-design="travel"] .travel-warning{display:block;grid-column:1/-1;margin:6px 0 0;color:#ffb8c5;font-size:12px;font-weight:800;line-height:1.3}
body[data-calculator-design="travel"] .actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
body[data-calculator-design="travel"] .actions .btn{min-height:48px;font-size:16px}
body[data-calculator-design="travel"] .actions #go{font-size:25px}
body[data-calculator-design="travel"] .travel-result-actions{margin-top:18px;display:flex;justify-content:flex-end}
body[data-calculator-design="travel"] .travel-result-actions[hidden]{display:none}
body[data-calculator-design="travel"] .travel-result-actions .btn{min-height:44px;padding:0 20px;font-size:15px;color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
body[data-calculator-design="travel"] .hint{font-size:12px}
body[data-calculator-design="travel"] .utility-result{min-height:0;padding:26px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(52px,5.5vw,76px);line-height:1;letter-spacing:-.05em;margin:18px 0 8px}
body[data-calculator-design="travel"] .rsub{font-size:15px}
body[data-calculator-design="travel"] .result-grid{gap:8px;margin-top:18px}
body[data-calculator-design="travel"] .mini{padding:12px}
body[data-calculator-design="travel"] .mini b{font-size:20px}
body[data-calculator-design="travel"] .formula{padding:12px;font-size:12px}
@media(max-width:1000px){body[data-calculator-design="travel"] .travel-related{width:min(640px,100%);margin:16px auto 0}
}
@media(max-width:900px){body[data-calculator-design="travel"] .utility-shell{display:block;width:min(640px,100%)}
body[data-calculator-design="travel"] .utility-result{min-height:0;padding:24px}
}
@media(max-width:620px){body[data-calculator-design="travel"] .calc-title{margin-bottom:14px}
body[data-calculator-design="travel"] .calc-title h1{font-size:20px;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .calc-title p{font-size:14px}
body[data-calculator-design="travel"] .travel-related{padding:16px}
body[data-calculator-design="travel"] .travel-related .related{grid-template-columns:1fr}
body[data-calculator-design="travel"] .utility-input{padding:10px 8px}
body[data-calculator-design="travel"] .fields{gap:6px}
body[data-calculator-design="travel"] .travel-entry-card{padding:8px;border-radius:12px}
body[data-calculator-design="travel"] .travel-entry-row,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr) clamp(112px,calc(100vw - 208px),160px);gap:8px}
body[data-calculator-design="travel"] .travel-entry-value{height:46px;padding:0 5px;gap:4px}
body[data-calculator-design="travel"] .travel-entry-value input{font-size:30px}
body[data-calculator-design="travel"] .travel-entry-value select.inline-unit-select{width:46px}
body[data-calculator-design="travel"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .utility-result{padding:20px 16px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(46px,13vw,64px)}
}
body[data-calculator-design="travel"] .travel-result-actions{justify-content:center}
body[data-calculator-design="travel"] .mini b{min-width:0}
body[data-calculator-design="travel"] .rsub{font-size:25px;line-height:1.35;text-align:center}
@media(max-width:760px){body[data-calculator-design="travel"] .rsub{font-size:20px}
}
body[data-calculator-design="travel"] .utility-result:not(.is-visible){display:none}
body[data-calculator-design="travel"] .result-label{display:block;padding:10px 12px 0;color:#9ff6d8;font-size:13px;font-weight:950;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.18em}
body[data-calculator-design="travel"] .rvalue{display:block;width:100%;max-width:none;margin:8px 0 12px;padding:0 clamp(10px,3vw,24px);padding-bottom:20px;text-align:center;white-space:nowrap;overflow:hidden}
body[data-calculator-design="travel"] .result-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
body[data-calculator-design="travel"] .mini{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.075);box-shadow:none;backdrop-filter:none}
body[data-calculator-design="travel"] .mini span{min-width:0;color:#fff;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.025em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-calculator-design="travel"] .mini b{height:48px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 8px;border:1px solid rgba(97,215,255,.24);border-radius:10px;background:rgba(9,20,37,.72);color:#fff;font-size:clamp(27px,5.8vw,34px);font-weight:950;line-height:1;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){body[data-calculator-design="travel"] .utility-result{padding:16px 10px 14px;border-radius:16px}
body[data-calculator-design="travel"] .utility-result:before{inset:8px;border-radius:13px}
body[data-calculator-design="travel"] .result-label{padding:5px 10px 0;font-size:11px;letter-spacing:.14em}
body[data-calculator-design="travel"] .rvalue{width:100%;margin:7px 0 3px;padding:0 8px;padding-bottom:20px;text-align:center;line-height:.88;letter-spacing:-.055em}
body[data-calculator-design="travel"] .rsub{font-size:20px}
body[data-calculator-design="travel"] .result-grid{grid-template-columns:1fr;gap:6px;margin-top:12px}
body[data-calculator-design="travel"] .result-grid .mini:first-child{grid-column:auto}
body[data-calculator-design="travel"] .mini{min-height:48px;grid-template-columns:minmax(0,1fr) 132px;gap:8px;padding:7px 8px;border-radius:11px;background:rgba(255,255,255,.065)}
body[data-calculator-design="travel"] .mini span{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-calculator-design="travel"] .mini b{height:42px;font-size:24px;text-align:center;border-radius:9px}
}
@media(max-width:380px){body[data-calculator-design="travel"] .utility-result{padding:14px 8px 12px}
body[data-calculator-design="travel"] .rvalue{padding:0 6px;padding-bottom:20px}
body[data-calculator-design="travel"] .mini{grid-template-columns:minmax(0,1fr) 112px;gap:6px;padding:6px}
body[data-calculator-design="travel"] .mini span{font-size:14px}
body[data-calculator-design="travel"] .mini b{height:40px;font-size:22px}
}
html[data-theme="light"] body[data-calculator-design="travel"] .utility-result,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result{
 border-color:color-mix(in srgb,var(--line) 88%,transparent);
 background:
  radial-gradient(circle at 88% 8%,rgba(20,121,184,.13),transparent 42%),
  radial-gradient(circle at 6% 96%,rgba(98,83,204,.10),transparent 44%),
  linear-gradient(155deg,#ffffff 0%,#eef6fc 58%,#e8eef9 100%);
 color:var(--text);
}
html[data-theme="light"] body[data-calculator-design="travel"] .utility-result:before,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result:before{
 border-color:rgba(20,34,56,.10);
}
html[data-theme="light"] body[data-calculator-design="travel"] .result-label,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .result-label{
 color:#09759b;
}
html[data-theme="light"] body[data-calculator-design="travel"] .rvalue,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rvalue{
 color:#142238!important;
 text-shadow:none;
}
html[data-theme="light"] body[data-calculator-design="travel"] .rsub,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .rsub{
 color:#51637a;
}
html[data-theme="light"] body[data-calculator-design="travel"] .mini,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini{
 border-color:#d8e4ef;
 background:rgba(255,255,255,.72);
}
html[data-theme="light"] body[data-calculator-design="travel"] .mini span,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini span{
 color:#4f6178;
}
html[data-theme="light"] body[data-calculator-design="travel"] .mini b,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini b{
 border-color:#c7d8e8;
 background:#f6f9fc;
 color:#142238;
}
html[data-theme="light"] body[data-calculator-design="travel"] .formula,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .formula{
 border-color:#d8e4ef;
 background:rgba(255,255,255,.76);
 color:#5c6f86;
}
html[data-theme="light"] body[data-calculator-design="travel"] .travel-chart-head span{
 color:#142238;
}
html[data-theme="light"] body[data-calculator-design="travel"] .travel-chart-head small{
 color:#687a91;
}
html[data-theme="light"] body[data-calculator-design="travel"] .utility-bars{
 border-bottom-color:#d8e4ef;
}
html[data-theme="light"] body[data-calculator-design="travel"] .travel-result-actions .btn{
 color:#142238;
 border-color:#d8e4ef;
 background:#ffffff;
}
html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea,html[data-theme="light"] .search-box input,html[data-theme="light"] .simple-category-filter input,html[data-theme="light"] .category-filter input,html[data-theme="light"] .travel-entry-value,html[data-theme="light"] body[data-calculator-design="travel"] .travel-entry-card{
 background:#eef3f7;
 border-color:#d3dde7;
 color:#1d2a3a;
}
html[data-theme="light"] body[data-calculator-design="travel"] .utility-result,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .utility-result{
 background:
  radial-gradient(circle at 88% 8%,rgba(47,134,166,.10),transparent 42%),
  radial-gradient(circle at 6% 96%,rgba(111,106,184,.08),transparent 44%),
  linear-gradient(155deg,#fbfcfd 0%,#edf3f7 62%,#e5ebf2 100%);
}
html[data-theme="light"] body[data-calculator-design="travel"] .mini,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini{
 background:rgba(251,252,253,.78);
}
html[data-theme="light"] body[data-calculator-design="travel"] .mini b,html[data-theme="light"] :is(body[data-calc-name="Driving Time Calculator"],body[data-category="Yard & Garden"]) .mini b{
 background:#eef3f7;
}
body[data-calculator-design="travel"] .travel-form-error{margin:0 0 12px;padding:12px 14px;border:1px solid #b94747;border-radius:12px;background:rgba(185,71,71,.13);color:var(--text);font-size:14px;font-weight:700;line-height:1.45}
body[data-calculator-design="travel"] .travel-form-error:focus-visible{outline:3px solid #b94747;outline-offset:2px}
body[data-calculator-design="travel"] .calc-page{padding:28px 0 36px}
body[data-calculator-design="travel"] .calc-title{margin:0 auto 20px}
body[data-calculator-design="travel"] .calc-title h1{font-size:clamp(32px,4.6vw,52px);line-height:1.04;letter-spacing:-.055em}
body[data-calculator-design="travel"] .calc-title p{font-size:14px;line-height:1.55}
body[data-calculator-design="travel"] .utility-shell{border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.2);transition:box-shadow .2s ease,border-color .2s ease}
body[data-calculator-design="travel"] .utility-shell:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));box-shadow:0 28px 78px rgba(0,0,0,.24)}
body[data-calculator-design="travel"] .utility-input{padding:22px}
body[data-calculator-design="travel"] .utility-result{padding:24px;background:radial-gradient(circle at 94% 5%,rgba(97,215,255,.16),transparent 38%),linear-gradient(150deg,#14223a,#0b1729);color:#f7fbff}
body[data-calculator-design="travel"] .utility-result .result-label,body[data-calculator-design="travel"] .utility-result .rsub,body[data-calculator-design="travel"] .utility-result .travel-chart-head small{color:#adbed2}
body[data-calculator-design="travel"] .utility-result .rvalue{font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.055em}
body[data-calculator-design="travel"] .utility-result .mini{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#f7fbff}
body[data-calculator-design="travel"] .utility-result .mini span{color:#adbed2}
body[data-calculator-design="travel"] .utility-result .formula{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#dbe8f6}
body[data-calculator-design="travel"] .utility-result .utility-bars{display:flex;align-items:flex-end;justify-content:center;min-height:126px;gap:9px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
body[data-calculator-design="travel"] .utility-result .utility-bars i{flex:1;min-width:16px;max-width:54px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#71ddff,#8c85ff);box-shadow:0 8px 18px rgba(0,0,0,.18);transition:height .24s cubic-bezier(.2,.7,.2,1),filter .16s ease}
body[data-calculator-design="travel"] .utility-result .utility-bars i:hover{filter:brightness(1.18)}
body[data-calculator-design="travel"] .field input,body[data-calculator-design="travel"] .field select,body[data-calculator-design="travel"] .field textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body[data-calculator-design="travel"] .field input:focus-visible,body[data-calculator-design="travel"] .field select:focus-visible,body[data-calculator-design="travel"] .field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
body[data-calculator-design="travel"] .actions button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
body[data-calculator-design="travel"] .actions button:hover{transform:translateY(-1px);filter:brightness(1.06)}
body[data-calculator-design="travel"] .seo-keywords{margin-top:24px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}
body[data-calculator-design="travel"] .seo-keywords>span{display:block;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body[data-calculator-design="travel"] .seo-keywords>div{display:flex;flex-wrap:wrap;gap:6px}
body[data-calculator-design="travel"] .seo-keywords strong{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:10px;font-weight:750;line-height:1.2}
@media(max-width:800px){body[data-calculator-design="travel"] .calc-page{padding-top:20px}
body[data-calculator-design="travel"] .utility-shell{width:min(620px,100%);border-radius:20px}
body[data-calculator-design="travel"] .utility-result{background:radial-gradient(circle at 90% 0,rgba(97,215,255,.15),transparent 40%),linear-gradient(150deg,#14223a,#0b1729)}
body[data-calculator-design="travel"] .utility-result .utility-bars{min-height:104px}
body[data-calculator-design="travel"] .seo-keywords{padding:12px}
}
@media(max-width:1000px){body[data-calculator-design="travel"] .utility-shell{display:flex;flex-direction:column;overflow:visible}
body[data-calculator-design="travel"] .utility-shell .utility-input{order:0}
body[data-calculator-design="travel"] .utility-shell .utility-result{order:1}
body[data-calculator-design="travel"] .utility-shell .travel-related{order:2;position:relative;z-index:5;isolation:isolate;width:min(640px,100%);margin:14px auto 0;pointer-events:auto}
body[data-calculator-design="travel"] .travel-related .related a{display:block;position:relative;z-index:6;pointer-events:auto;touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .field input,body[data-calculator-design="travel"] .field select,body[data-calculator-design="travel"] .field textarea,body[data-calculator-design="travel"] .actions button{transition:none}
body[data-calculator-design="travel"] .utility-result .utility-bars i{transition:none}
}
body[data-calculator-design="travel"] .travel-related{
 min-width:0;
 padding:18px;
 border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
 border-radius:18px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));
 box-shadow:0 12px 32px rgba(0,0,0,.1);
}
body[data-calculator-design="travel"] .travel-related h2{
 display:flex;
 align-items:center;
 gap:9px;
 margin:0 0 13px;
 font-size:17px;
 line-height:1.3;
 letter-spacing:-.02em;
}
body[data-calculator-design="travel"] .travel-related h2::before{
 content:"";
 width:8px;
 height:8px;
 flex:0 0 8px;
 border-radius:50%;
 background:var(--accent);
 box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent);
}
body[data-calculator-design="travel"] .travel-related .related{
 display:grid;
 grid-template-columns:1fr;
 gap:7px;
}
body[data-calculator-design="travel"] .travel-related .related a{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 min-width:0;
 min-height:42px;
 padding:9px 11px;
 border:1px solid var(--line);
 border-radius:11px;
 background:color-mix(in srgb,var(--surface2) 82%,transparent);
 color:var(--text);
 font-size:12px;
 font-weight:750;
 line-height:1.35;
 text-decoration:none;
 overflow-wrap:anywhere;
 transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body[data-calculator-design="travel"] .travel-related .related a::after{
 content:"";
 width:7px;
 height:7px;
 flex:0 0 7px;
 border-top:1.5px solid var(--accent);
 border-right:1.5px solid var(--accent);
 transform:rotate(45deg);
 transition:transform .16s ease;
}
body[data-calculator-design="travel"] .travel-related .related a:hover{
 transform:translateY(-1px);
 border-color:color-mix(in srgb,var(--accent) 58%,var(--line));
 background:color-mix(in srgb,var(--accent) 8%,var(--surface2));
 box-shadow:0 5px 14px rgba(0,0,0,.1);
}
body[data-calculator-design="travel"] .travel-related .related a:hover::after{transform:translateX(2px) rotate(45deg)}
body[data-calculator-design="travel"] .travel-related .related a:focus-visible{
 outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);
 outline-offset:2px;
 border-color:var(--accent);
}
@media(max-width:1000px){body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar{display:block;padding:0}
body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar .travel-related{padding:17px}
body[data-calculator-design="travel"] .travel-related .related{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-calculator-design="travel"] .travel-related .related a{min-height:48px;padding:10px 12px;font-size:13px}
}
@media(max-width:480px){body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar .travel-related{padding:14px;border-radius:15px}
body[data-calculator-design="travel"] .travel-related .related{grid-template-columns:1fr;gap:6px}
body[data-calculator-design="travel"] .travel-related .related a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] .travel-related .related a,body[data-calculator-design="travel"] .travel-related .related a::after{transition:none}
}
@media(max-width:1000px){body[data-calculator-design="travel"] .utility-shell{display:flex;flex-direction:column;overflow:visible}
body[data-calculator-design="travel"] .utility-shell .utility-input{order:0}
body[data-calculator-design="travel"] .utility-shell .utility-result{order:1}
body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar{z-index:5;display:grid;grid-template-columns:minmax(0,1fr);width:min(640px,100%);margin:14px auto 0;pointer-events:auto}
body[data-calculator-design="travel"] .calc-page > .wrap > .seo-sidebar .travel-related{width:100%;margin:0}
body[data-calculator-design="travel"] .travel-related .related a{display:block;position:relative;z-index:6;pointer-events:auto;touch-action:manipulation}
}
body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{
 display:flex!important;
 flex-direction:column;
 align-items:stretch;
 gap:0;
 width:min(780px,100%)!important;
 margin-inline:auto;
 overflow:hidden;
}
body[data-calculator-design="travel"] .utility-input{
 order:0!important;
 min-width:0;
 width:100%;
}
body[data-calculator-design="travel"] .utility-result:not(.is-visible){
 display:none!important;
}
body[data-calculator-design="travel"] .utility-shell.has-result .utility-result.is-visible{
 display:block!important;
 order:1!important;
 min-width:0;
 width:100%;
 min-height:0;
 margin:0;
 padding:26px clamp(18px,3vw,30px);
 border:0;
 border-top:1px solid rgba(255,255,255,.1);
 border-radius:0;
}
body[data-calculator-design="travel"] .statistics-result-actions{
 display:flex;
 justify-content:flex-end;
 margin-top:20px;
}
body[data-calculator-design="travel"] .statistics-result-actions[hidden]{
 display:none;
}
body[data-calculator-design="travel"] .statistics-form-error{
 margin:0 0 14px;
 padding:12px 14px;
 border:1px solid #e05d5d;
 border-radius:12px;
 color:#e05d5d;
 font-weight:700;
}
@media(max-width:620px){body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{
  width:min(100%,780px)!important;
 }
}
body[data-calculator-design="travel"] .calc-page{padding:20px 0 22px}
body[data-calculator-design="travel"] .calc-title{width:min(640px,100%);max-width:640px;margin:0 auto 24px;text-align:center}
body[data-calculator-design="travel"] .calc-title .eyebrow{display:none}
body[data-calculator-design="travel"] .calc-title h1{margin:0 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .calc-title p{display:block;max-width:600px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.5;text-wrap:pretty}
body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{display:flex!important;flex-direction:column;align-items:stretch;gap:0;width:min(640px,100%)!important;margin-inline:auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:32px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface2));box-shadow:0 34px 100px rgba(0,0,0,.28)}
body[data-calculator-design="travel"] .utility-input{order:0!important;min-width:0;width:100%;padding:20px}
body[data-calculator-design="travel"] .travel-form-intro{display:flex;align-items:center;gap:14px;margin-bottom:24px}
body[data-calculator-design="travel"] .travel-form-intro h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.035em}
body[data-calculator-design="travel"] .travel-form-intro p{margin:5px 0 0;color:var(--muted);font-size:14px}
body[data-calculator-design="travel"] .travel-step{width:40px;height:40px;display:inline-grid;flex:0 0 40px;place-items:center;border:1px solid rgba(97,215,255,.3);border-radius:12px;background:rgba(97,215,255,.1);color:#8be4ff;font-size:12px;font-weight:950;letter-spacing:.06em}
body[data-calculator-design="travel"] .fields{grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calculator-design="travel"] .travel-entry-card{min-width:0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}
body[data-calculator-design="travel"] .travel-entry-card:focus-within{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.14),0 0 0 4px rgba(97,215,255,.09)}
body[data-calculator-design="travel"] .travel-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-calculator-design="travel"] .travel-entry-card label{display:block;margin:0;color:var(--text);font-size:20px!important;font-weight:700;line-height:1.2;letter-spacing:-.025em;text-transform:none;white-space:nowrap}
body[data-calculator-design="travel"] .travel-entry-value{display:flex;flex:initial;width:100%;max-width:100%;min-width:0;height:48px;padding:0 8px;gap:6px;border-radius:10px}
body[data-calculator-design="travel"] .travel-entry-value input{flex:1 1 0;width:0;min-width:0;min-height:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:30px;letter-spacing:-.04em;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}
body[data-calculator-design="travel"] .travel-entry-value input::-webkit-inner-spin-button,body[data-calculator-design="travel"] .travel-entry-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-calculator-design="travel"] .travel-entry-value:after{margin:0;font-size:11px}
body[data-calculator-design="travel"] .travel-entry-value:not([data-unit]):after,body[data-calculator-design="travel"] .travel-entry-value[data-unit=""]:after{display:none}
body[data-calculator-design="travel"] .travel-entry-value select.inline-unit-select{flex:0 0 auto;width:48px;max-width:none;min-width:0;height:38px;min-height:38px;padding:0 0 0 2px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;cursor:pointer;transform:none}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)){display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) label{margin:0}
body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) input,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) select,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)) textarea{min-width:0;min-height:48px;padding:8px 10px;border-radius:10px;font-size:18px}
body[data-calculator-design="travel"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr);gap:8px}
body[data-calculator-design="travel"] .travel-entry-help{display:block;grid-column:1/-1;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
body[data-calculator-design="travel"] .actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
body[data-calculator-design="travel"] .actions .btn,body[data-calculator-design="travel"] .time-percentage-actions .btn,body[data-calculator-design="travel"] .clock-angle-actions .btn{min-height:48px;font-size:16px}
body[data-calculator-design="travel"] .actions #go{font-size:25px}
body[data-calculator-design="travel"] .time-percentage-actions,body[data-calculator-design="travel"] .clock-angle-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
body[data-calculator-design="travel"] .hint{margin-top:13px;font-size:12px}
body[data-calculator-design="travel"] .utility-result{order:1!important;min-width:0;width:100%;min-height:0;margin:0;padding:26px;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:radial-gradient(circle at 88% 6%,rgba(145,132,255,.3),transparent 42%),radial-gradient(circle at 0 100%,rgba(97,215,255,.17),transparent 45%),linear-gradient(155deg,#192744,#0c1629);color:#fff;scroll-margin-top:80px}
body[data-calculator-design="travel"] .utility-result:not(.is-visible){display:none!important}
body[data-calculator-design="travel"] .utility-shell.has-result .utility-result.is-visible{display:block!important;order:1!important}
body[data-calculator-design="travel"] .result-label{display:block;padding:10px 12px 0;color:#9ff6d8;font-size:13px;font-weight:950;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.18em}
body[data-calculator-design="travel"] .rvalue{display:block;width:100%;max-width:none;margin:18px 0 8px;padding:0 clamp(10px,3vw,24px);color:#fff;font-size:clamp(52px,5.5vw,76px);line-height:1;letter-spacing:-.05em;text-align:center;white-space:nowrap;overflow:hidden}
body[data-calculator-design="travel"] .rsub{color:#c0ccdc;font-size:15px;line-height:1.55;text-align:center}
body[data-calculator-design="travel"] .result-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}
body[data-calculator-design="travel"] .mini{min-width:0;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.075);box-shadow:none;backdrop-filter:none}
body[data-calculator-design="travel"] .mini span{min-width:0;color:#fff;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.025em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-calculator-design="travel"] .mini b{height:48px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 8px;border:1px solid rgba(97,215,255,.24);border-radius:10px;background:rgba(9,20,37,.72);color:#fff;font-size:clamp(27px,5.8vw,34px);font-weight:950;line-height:1;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-calculator-design="travel"] .formula{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055);color:#d6e0ef;font-size:12px;line-height:1.55}
body[data-calculator-design="travel"] .travel-result-actions{display:flex;justify-content:flex-end;margin-top:18px}
body[data-calculator-design="travel"] .travel-result-actions[hidden]{display:none}
body[data-calculator-design="travel"] .travel-result-actions .btn{min-height:44px;padding:0 20px;color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
body[data-calculator-design="travel"] .seo-layout{margin-top:52px}
@media(max-width:620px){body[data-calculator-design="travel"] .calc-page{padding:22px 0 28px}
body[data-calculator-design="travel"] .calc-title{margin-bottom:14px}
body[data-calculator-design="travel"] .calc-title h1{font-size:20px;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .calc-title p{font-size:14px}
body[data-calculator-design="travel"] .utility-shell,body[data-calculator-design="travel"] .utility-shell.has-result{width:min(100%,640px)!important;border-radius:24px}
body[data-calculator-design="travel"] .utility-input{padding:10px 8px}
body[data-calculator-design="travel"] .travel-form-intro{margin-bottom:18px}
body[data-calculator-design="travel"] .travel-form-intro h2{font-size:22px}
body[data-calculator-design="travel"] .travel-form-intro p{font-size:12px}
body[data-calculator-design="travel"] .fields{gap:6px}
body[data-calculator-design="travel"] .travel-entry-card{padding:8px;border-radius:12px}
body[data-calculator-design="travel"] .travel-entry-row,body[data-calculator-design="travel"] .travel-entry-card:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr) clamp(112px,calc(100vw - 208px),160px);gap:8px}
body[data-calculator-design="travel"] .travel-entry-value{height:46px;padding:0 5px;gap:4px}
body[data-calculator-design="travel"] .travel-entry-value input{font-size:30px}
body[data-calculator-design="travel"] .travel-entry-card.full:not(:has(.travel-entry-row)){grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .actions .btn,body[data-calculator-design="travel"] .time-percentage-actions .btn,body[data-calculator-design="travel"] .clock-angle-actions .btn{min-height:48px;font-size:15px}
body[data-calculator-design="travel"] .utility-result{padding:20px 16px}
body[data-calculator-design="travel"] .rvalue{font-size:clamp(46px,13vw,64px);margin:7px 0 3px;padding:0 8px;line-height:.88;letter-spacing:-.055em}
body[data-calculator-design="travel"] .result-grid{gap:6px;margin-top:12px}
body[data-calculator-design="travel"] .mini{min-height:48px;grid-template-columns:minmax(0,1fr) 132px;gap:8px;padding:7px 8px;border-radius:11px}
body[data-calculator-design="travel"] .mini span{font-size:15px}
body[data-calculator-design="travel"] .mini b{height:42px;font-size:24px;border-radius:9px}
}
html[data-theme="light"] body[data-calculator-design="travel"] .travel-entry-card,html[data-theme="light"] body[data-calculator-design="travel"] .travel-entry-value{background:#eef3f7;border-color:#d3dde7;color:#1d2a3a}
html[data-theme="light"] body[data-calculator-design="travel"] .utility-result{background:radial-gradient(circle at 88% 8%,rgba(47,134,166,.1),transparent 42%),radial-gradient(circle at 6% 96%,rgba(111,106,184,.08),transparent 44%),linear-gradient(155deg,#fbfcfd 0%,#edf3f7 62%,#e5ebf2 100%);color:#1d2a3a}
html[data-theme="light"] body[data-calculator-design="travel"] .result-label{color:#2f6d84}
html[data-theme="light"] body[data-calculator-design="travel"] .rvalue,html[data-theme="light"] body[data-calculator-design="travel"] .mini span,html[data-theme="light"] body[data-calculator-design="travel"] .mini b{color:#1d2a3a!important;text-shadow:none}
html[data-theme="light"] body[data-calculator-design="travel"] .rsub,html[data-theme="light"] body[data-calculator-design="travel"] .formula{color:#627184}
html[data-theme="light"] body[data-calculator-design="travel"] .mini,html[data-theme="light"] body[data-calculator-design="travel"] .formula{background:rgba(255,255,255,.78);border-color:#d5dfe8}
html[data-theme="light"] body[data-calculator-design="travel"] .travel-result-actions .btn{color:#1d2a3a;background:rgba(47,134,166,.09);border-color:rgba(47,134,166,.18)}
body[data-calculator-design="travel"] .time-duration{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}
body[data-calculator-design="travel"] .time-duration h2,body[data-calculator-design="travel"] .clock-angle-unit>span{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.025em}
body[data-calculator-design="travel"] .time-select{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}
body[data-calculator-design="travel"] .time-select span{font-size:20px;font-weight:700;line-height:1.2}
body[data-calculator-design="travel"] .time-select input,body[data-calculator-design="travel"] .clock-angle-stepper input{height:48px;min-height:48px;border-radius:10px;font-size:30px;font-variant-numeric:tabular-nums}
@media(max-width:620px){body[data-calculator-design="travel"] .time-duration{padding:8px}
body[data-calculator-design="travel"] .time-select{padding:8px}
body[data-calculator-design="travel"] .time-select span{font-size:16px}
}
body[data-calculator-design="travel"] .seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:15px;align-items:start;margin-top:52px}
body[data-calculator-design="travel"] .seo-article{min-width:0;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:none}
body[data-calculator-design="travel"] .seo-article h2{scroll-margin-top:90px}
body[data-calculator-design="travel"] .article-toc{margin:0 0 28px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--bg-soft)),color-mix(in srgb,var(--accent2) 5%,var(--bg-soft)))}
body[data-calculator-design="travel"] .article-toc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
body[data-calculator-design="travel"] .article-toc-head span{font-size:15px;font-weight:950;letter-spacing:-.01em}
body[data-calculator-design="travel"] .article-toc-head small{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:850}
body[data-calculator-design="travel"] .article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:0;padding:0;counter-reset:toc;list-style:none}
body[data-calculator-design="travel"] .article-toc li{counter-increment:toc;min-width:0}
body[data-calculator-design="travel"] .article-toc a{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:9px;color:var(--muted)!important;font-size:12px;font-weight:750!important;line-height:1.35;text-decoration:none!important;transition:color .16s ease,background .16s ease,transform .16s ease}
body[data-calculator-design="travel"] .article-toc a:before{content:counter(toc,decimal-leading-zero);flex:0 0 auto;color:var(--accent);font-size:9px;font-weight:950;line-height:1.8}
body[data-calculator-design="travel"] .article-toc a:hover,body[data-calculator-design="travel"] .article-toc a:focus-visible{color:var(--text)!important;background:color-mix(in srgb,var(--accent) 9%,transparent);transform:translateX(2px);outline:0}
body[data-calculator-design="travel"] .seo-sidebar{display:flex;flex-direction:column;gap:10px;position:sticky;top:83px;min-width:0}
body[data-calculator-design="travel"] .calculator-related{min-width:0;width:100%;margin:0;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));box-shadow:0 12px 32px rgba(0,0,0,.1)}
body[data-calculator-design="travel"] .calculator-related h2{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:17px;line-height:1.3;letter-spacing:-.02em}
body[data-calculator-design="travel"] .calculator-related h2:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
body[data-calculator-design="travel"] .calculator-related .related{display:grid;grid-template-columns:1fr;gap:7px}
body[data-calculator-design="travel"] .calculator-related .related a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface2) 82%,transparent);color:var(--text);font-size:12px;font-weight:750;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
body[data-calculator-design="travel"] .calculator-related .related a:after{content:"";width:7px;height:7px;flex:0 0 7px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);transform:rotate(45deg);transition:transform .16s ease}
body[data-calculator-design="travel"] .calculator-related .related a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface2));box-shadow:0 5px 14px rgba(0,0,0,.1)}
body[data-calculator-design="travel"] .calculator-related .related a:hover:after{transform:translateX(2px) rotate(45deg)}
body[data-calculator-design="travel"] .calculator-related .related a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px;border-color:var(--accent)}
body[data-calculator-design="travel"] .seo-keywords{margin-top:24px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}
body[data-calculator-design="travel"] .seo-keywords>span{display:block;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body[data-calculator-design="travel"] .seo-keywords>div{display:flex;flex-wrap:wrap;gap:6px}
body[data-calculator-design="travel"] .seo-keywords strong{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:10px;font-weight:750;line-height:1.2}
body[data-calculator-design="travel"] .faq details{transition:border-color .18s ease,background .18s ease}
body[data-calculator-design="travel"] .faq details:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
html[data-theme="light"] body[data-calculator-design="travel"] .seo-article,html[data-theme="light"] body[data-calculator-design="travel"] .calculator-related{background:#fbfcfd;border-color:#d7e1ea}
@media(max-width:1000px){body[data-calculator-design="travel"] .seo-layout{grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .seo-sidebar{position:static;display:grid;grid-template-columns:minmax(0,1fr)}
body[data-calculator-design="travel"] .seo-layout>.seo-sidebar:not(:has(.calculator-related)){display:none}
body[data-calculator-design="travel"] .calculator-related{width:min(640px,100%);margin:14px auto 0;padding:17px}
body[data-calculator-design="travel"] .calculator-related .related{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-calculator-design="travel"] .calculator-related .related a{min-height:48px;padding:10px 12px;font-size:13px;pointer-events:auto;touch-action:manipulation}
}
@media(max-width:600px){body[data-calculator-design="travel"] .article-toc{padding:14px;margin-bottom:22px}
body[data-calculator-design="travel"] .article-toc ol{grid-template-columns:1fr;gap:3px}
body[data-calculator-design="travel"] .article-toc a{padding:7px;font-size:12px}
body[data-calculator-design="travel"] .article-toc-head{margin-bottom:8px}
body[data-calculator-design="travel"] .seo-article{padding:17px}
}
@media(max-width:480px){body[data-calculator-design="travel"] .calculator-related{padding:14px;border-radius:15px}
body[data-calculator-design="travel"] .calculator-related .related{grid-template-columns:1fr;gap:6px}
body[data-calculator-design="travel"] .calculator-related .related a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){body[data-calculator-design="travel"] .article-toc a,body[data-calculator-design="travel"] .calculator-related .related a,body[data-calculator-design="travel"] .calculator-related .related a:after{transition:none}
}
body[data-calculator-design="travel"] .travel-form-intro{display:none!important}
body[data-calculator-design="travel"] .travel-entry-help[id$="-design-help"]{display:none}
body[data-calculator-design="travel"] .travel-entry-card label{white-space:normal;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .travel-entry-value input{color:var(--text)}
body[data-calculator-design="travel"] .seo-layout{display:block;margin:36px auto 0}
body[data-calculator-design="travel"] .calc-page>.wrap{width:min(900px,calc(100% - 32px))}
body[data-calculator-design="travel"] .seo-article{width:100%;padding:22px}
body[data-calculator-design="travel"] .mini span{white-space:normal;overflow-wrap:anywhere}
body[data-calculator-design="travel"] .result-grid .mini{grid-column:auto}
@media(max-width:620px){body[data-calculator-design="travel"] .calc-page>.wrap{width:min(100% - 16px,900px)}
body[data-calculator-design="travel"] .seo-layout{margin-top:24px}
body[data-calculator-design="travel"] .seo-article{padding:16px}
body[data-calculator-design="travel"] .travel-entry-card label{font-size:16px!important}
}
html body .travel-result-actions{justify-content:center!important}
html body :is(#reset,#ageReset,#sipReset){margin-inline:auto!important}
html body .calc-page>.wrap{width:min(1180px,calc(100% - 32px))!important;min-width:0}
html body .calc-page .seo-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;align-items:start;gap:20px;margin:36px auto 0;min-width:0}
html body .calc-page .seo-layout>.seo-article{grid-column:1;grid-row:1;width:100%;min-width:0;margin:0;padding:22px}
html body .calc-page .seo-layout>.seo-sidebar{display:flex!important;grid-column:2;grid-row:1;flex-direction:column;gap:12px;position:sticky;top:83px;width:100%;min-width:0;margin:0;align-self:start;pointer-events:auto}
html body .calc-page .seo-layout>.seo-sidebar .seo-side-card{width:100%;min-width:0;margin:0;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));box-shadow:0 12px 32px rgba(0,0,0,.1)}
html body .calc-page .seo-sidebar h2{margin:0 0 13px;font-size:17px;line-height:1.3;letter-spacing:-.02em}
html body .calc-page .seo-sidebar .related{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
html body .calc-page .seo-sidebar .related a{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface2) 82%,transparent);color:var(--text);font-size:12px;font-weight:750;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;pointer-events:auto;touch-action:manipulation}
html body .calc-page .seo-sidebar .related a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface2))}
html body .calc-page .seo-sidebar .related a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
@media(max-width:1000px){html body .calc-page .seo-layout{display:flex!important;flex-direction:column;gap:0;max-width:100%;margin-top:14px}
html body .calc-page .seo-layout>.seo-sidebar{order:0;position:static;width:min(640px,100%);margin:0 auto 24px;align-self:center}
html body .calc-page .seo-layout>.seo-article{order:1;align-self:stretch;width:100%;margin:0}
}
@media(max-width:620px){html body .calc-page>.wrap{width:calc(100% - 16px)!important}
html body .calc-page .seo-layout>.seo-article{padding:16px}
html body .calc-page .seo-layout>.seo-sidebar .seo-side-card{padding:16px}
}
body{min-width:320px}
.calc-page{padding:24px 0 38px}
.calc-page>.wrap{width:min(900px,calc(100% - 32px))}
.calc-title{width:min(640px,100%);max-width:640px;margin:0 auto 22px;text-align:center}
.calc-title h1{margin:0 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
.calc-title p{display:block;max-width:600px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.5}
.utility-shell{display:flex!important;flex-direction:column!important;align-items:stretch;width:min(640px,100%)!important;margin-inline:auto;gap:0;overflow:hidden;border-radius:24px}
.utility-input{order:0;width:100%;padding:20px}
.utility-result{order:1;width:100%;min-height:0;margin:0;padding:22px;border:0;border-top:1px solid var(--line);border-radius:0;scroll-margin-top:16px}
.analysis-shell{display:flex!important;flex-direction:column!important;align-items:stretch;width:min(640px,100%);margin-inline:auto;gap:0}
.analysis-input,.analysis-result{width:100%;min-width:0}
body:not([data-mode="age"]) .utility-result:not(.is-visible){display:none!important}
.utility-shell.has-result .utility-result.is-visible{display:block!important}
.seo-layout{display:block;margin:36px auto 0}
.seo-article{width:100%;padding:22px}
.seo-article h2[id]{scroll-margin-top:16px}
.seo-sidebar{display:none!important}
@media(max-width:620px){.calc-page{padding:18px 0 28px}
.calc-page>.wrap{width:min(100% - 16px,900px)}
.calc-title{margin-bottom:14px}
.calc-title h1{font-size:24px}
.calc-title p{font-size:14px}
.utility-input{padding:12px 8px}
.utility-result{padding:18px 12px}
.seo-layout{margin-top:24px}
.seo-article{padding:16px}
}
html body .travel-result-actions{justify-content:center!important}
html body :is(#reset,#ageReset,#sipReset){margin-inline:auto!important}
html body .calc-page>.wrap{width:min(1180px,calc(100% - 32px))!important;min-width:0}
html body .calc-page .seo-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;align-items:start;gap:20px;margin:36px auto 0;min-width:0}
html body .calc-page .seo-layout>.seo-article{grid-column:1;grid-row:1;width:100%;min-width:0;margin:0;padding:22px}
html body .calc-page .seo-layout>.seo-sidebar{display:flex!important;grid-column:2;grid-row:1;flex-direction:column;gap:12px;position:sticky;top:83px;width:100%;min-width:0;margin:0;align-self:start;pointer-events:auto}
html body .calc-page .seo-layout>.seo-sidebar .seo-side-card{width:100%;min-width:0;margin:0;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));box-shadow:0 12px 32px rgba(0,0,0,.1)}
html body .calc-page .seo-sidebar h2{margin:0 0 13px;font-size:17px;line-height:1.3;letter-spacing:-.02em}
html body .calc-page .seo-sidebar .related{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
html body .calc-page .seo-sidebar .related a{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface2) 82%,transparent);color:var(--text);font-size:12px;font-weight:750;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;pointer-events:auto;touch-action:manipulation}
html body .calc-page .seo-sidebar .related a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface2))}
html body .calc-page .seo-sidebar .related a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
@media(max-width:1000px){html body .calc-page .seo-layout{display:flex!important;flex-direction:column;gap:0;max-width:100%;margin-top:14px}
html body .calc-page .seo-layout>.seo-sidebar{order:0;position:static;width:min(640px,100%);margin:0 auto 24px;align-self:center}
html body .calc-page .seo-layout>.seo-article{order:1;align-self:stretch;width:100%;margin:0}
}
@media(max-width:620px){html body .calc-page>.wrap{width:calc(100% - 16px)!important}
html body .calc-page .seo-layout>.seo-article{padding:16px}
html body .calc-page .seo-layout>.seo-sidebar .seo-side-card{padding:16px}
}
:is(.utility-result,.analysis-result){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:radial-gradient(circle at 88% 6%, rgba(145, 132, 255, 0.3), rgba(0, 0, 0, 0) 42%) repeat scroll 0% 0% / auto padding-box border-box, radial-gradient(circle at 0px 100%, rgba(97, 215, 255, 0.17), rgba(0, 0, 0, 0) 45%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(155deg, rgb(25, 39, 68), rgb(12, 22, 41)) repeat scroll 0% 0% / auto padding-box border-box!important;border:0!important;border-radius:0px!important;box-shadow:none!important;padding:26px 30px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:center!important;white-space:normal!important;overflow:hidden!important;order:1!important;border-top:1px solid rgba(255,255,255,.08)!important;position:relative!important}
:is(.utility-result,.analysis-result) > .result-label{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:13px!important;font-weight:950!important;line-height:1!important;letter-spacing:2.34px!important;text-align:center!important;text-transform:uppercase!important;color:rgb(173, 190, 210)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(173, 190, 210)!important;border-radius:0px!important;box-shadow:none!important;padding:10px 12px 0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:12px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
:is(.utility-result,.analysis-result) :is(#rv,#sipFV,.age-parts){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-main-size,64px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.055em!important;text-align:center!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(255, 255, 255)!important;border-radius:0px!important;box-shadow:none!important;padding:0px 24px!important;margin:18px 0px 8px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;width:100%!important}
:is(.utility-result,.analysis-result) :is(#rs,#sipSentence,#ageSummary){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.55!important;letter-spacing:normal!important;text-align:center!important;text-transform:none!important;color:rgb(173, 190, 210)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(173, 190, 210)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
:is(.utility-result,.analysis-result) :is(#rg,.result-grid,.age-extra){display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(255, 255, 255)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:18px 0px 0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:8px!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr)!important}
:is(.utility-result,.analysis-result) .mini{display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(247, 251, 255)!important;background:rgba(255, 255, 255, 0.055) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgba(255, 255, 255, 0.12)!important;border-radius:14px!important;box-shadow:none!important;padding:10px 12px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:58px!important;gap:12px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr) 184px!important}
:is(.utility-result,.analysis-result) .mini span{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-0.5px!important;text-align:start!important;text-transform:none!important;color:rgb(173, 190, 210)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(173, 190, 210)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important}
:is(.utility-result,.analysis-result) .mini b{display:flex!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-detail-size,24px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.045em!important;text-align:start!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:rgba(9, 20, 37, 0.72) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgba(97, 215, 255, 0.24)!important;border-radius:10px!important;box-shadow:none!important;padding:0px 8px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;height:48px!important}
@media(max-width:620px){:is(.utility-result,.analysis-result){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:radial-gradient(circle at 88% 6%, rgba(145, 132, 255, 0.3), rgba(0, 0, 0, 0) 42%) repeat scroll 0% 0% / auto padding-box border-box, radial-gradient(circle at 0px 100%, rgba(97, 215, 255, 0.17), rgba(0, 0, 0, 0) 45%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(155deg, rgb(25, 39, 68), rgb(12, 22, 41)) repeat scroll 0% 0% / auto padding-box border-box!important;border:0!important;border-radius:0px!important;box-shadow:none!important;padding:26px 18px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:center!important;white-space:normal!important;overflow:hidden!important;order:1!important;border-top:1px solid rgba(255,255,255,.08)!important;position:relative!important}
:is(.utility-result,.analysis-result) > .result-label{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:13px!important;font-weight:950!important;line-height:1!important;letter-spacing:2.34px!important;text-align:center!important;text-transform:uppercase!important;color:rgb(173, 190, 210)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(173, 190, 210)!important;border-radius:0px!important;box-shadow:none!important;padding:10px 12px 0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:12px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
:is(.utility-result,.analysis-result) :is(#rv,#sipFV,.age-parts){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-main-size,64px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.055em!important;text-align:center!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(255, 255, 255)!important;border-radius:0px!important;box-shadow:none!important;padding:0px 8px!important;margin:7px 0px 3px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;width:100%!important}
:is(.utility-result,.analysis-result) :is(#rs,#sipSentence,#ageSummary){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.55!important;letter-spacing:normal!important;text-align:center!important;text-transform:none!important;color:rgb(173, 190, 210)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(173, 190, 210)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
:is(.utility-result,.analysis-result) :is(#rg,.result-grid,.age-extra){display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(255, 255, 255)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:12px 0px 0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:6px!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr)!important}
:is(.utility-result,.analysis-result) .mini{display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(247, 251, 255)!important;background:rgba(255, 255, 255, 0.055) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgba(255, 255, 255, 0.12)!important;border-radius:11px!important;box-shadow:none!important;padding:7px 8px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:48px!important;gap:8px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr) 132px!important}
:is(.utility-result,.analysis-result) .mini span{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-0.375px!important;text-align:start!important;text-transform:none!important;color:rgb(173, 190, 210)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(173, 190, 210)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important}
:is(.utility-result,.analysis-result) .mini b{display:flex!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-detail-size,24px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.045em!important;text-align:center!important;text-transform:none!important;color:rgb(255, 255, 255)!important;background:rgba(9, 20, 37, 0.72) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgba(97, 215, 255, 0.24)!important;border-radius:9px!important;box-shadow:none!important;padding:0px 8px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;height:42px!important}
}
html[data-theme="light"] :is(.utility-result,.analysis-result){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:radial-gradient(circle at 88% 8%, rgba(47, 134, 166, 0.1), rgba(0, 0, 0, 0) 42%) repeat scroll 0% 0% / auto padding-box border-box, radial-gradient(circle at 6% 96%, rgba(111, 106, 184, 0.08), rgba(0, 0, 0, 0) 44%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(155deg, rgb(251, 252, 253) 0%, rgb(237, 243, 247) 62%, rgb(229, 235, 242) 100%) repeat scroll 0% 0% / auto padding-box border-box!important;border:0!important;border-radius:0px!important;box-shadow:none!important;padding:26px 30px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:center!important;white-space:normal!important;overflow:hidden!important;order:1!important;border-top:1px solid rgba(255,255,255,.08)!important;position:relative!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) > .result-label{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:13px!important;font-weight:950!important;line-height:1!important;letter-spacing:2.34px!important;text-align:center!important;text-transform:uppercase!important;color:rgb(47, 109, 132)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(47, 109, 132)!important;border-radius:0px!important;box-shadow:none!important;padding:10px 12px 0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:12px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) :is(#rv,#sipFV,.age-parts){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-main-size,64px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.055em!important;text-align:center!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(29, 42, 58)!important;border-radius:0px!important;box-shadow:none!important;padding:0px 24px!important;margin:18px 0px 8px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;width:100%!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) :is(#rs,#sipSentence,#ageSummary){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.55!important;letter-spacing:normal!important;text-align:center!important;text-transform:none!important;color:rgb(98, 113, 132)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(98, 113, 132)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) :is(#rg,.result-grid,.age-extra){display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(29, 42, 58)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:18px 0px 0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:8px!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr)!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) .mini{display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(247, 251, 255)!important;background:rgba(255, 255, 255, 0.78) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgb(213, 223, 232)!important;border-radius:14px!important;box-shadow:none!important;padding:10px 12px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:58px!important;gap:12px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr) 184px!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) .mini span{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-0.5px!important;text-align:start!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(29, 42, 58)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) .mini b{display:flex!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-detail-size,24px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.045em!important;text-align:start!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgb(238, 243, 247) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgb(199, 216, 232)!important;border-radius:10px!important;box-shadow:none!important;padding:0px 8px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;height:48px!important}
@media(max-width:620px){html[data-theme="light"] :is(.utility-result,.analysis-result){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:radial-gradient(circle at 88% 8%, rgba(47, 134, 166, 0.1), rgba(0, 0, 0, 0) 42%) repeat scroll 0% 0% / auto padding-box border-box, radial-gradient(circle at 6% 96%, rgba(111, 106, 184, 0.08), rgba(0, 0, 0, 0) 44%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(155deg, rgb(251, 252, 253) 0%, rgb(237, 243, 247) 62%, rgb(229, 235, 242) 100%) repeat scroll 0% 0% / auto padding-box border-box!important;border:0!important;border-radius:0px!important;box-shadow:none!important;padding:26px 18px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:center!important;white-space:normal!important;overflow:hidden!important;order:1!important;border-top:1px solid rgba(255,255,255,.08)!important;position:relative!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) > .result-label{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:13px!important;font-weight:950!important;line-height:1!important;letter-spacing:2.34px!important;text-align:center!important;text-transform:uppercase!important;color:rgb(47, 109, 132)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(47, 109, 132)!important;border-radius:0px!important;box-shadow:none!important;padding:10px 12px 0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:12px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) :is(#rv,#sipFV,.age-parts){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-main-size,64px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.055em!important;text-align:center!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(29, 42, 58)!important;border-radius:0px!important;box-shadow:none!important;padding:0px 8px!important;margin:7px 0px 3px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;width:100%!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) :is(#rs,#sipSentence,#ageSummary){display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.55!important;letter-spacing:normal!important;text-align:center!important;text-transform:none!important;color:rgb(98, 113, 132)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(98, 113, 132)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) :is(#rg,.result-grid,.age-extra){display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(29, 42, 58)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:12px 0px 0px!important;max-width:none!important;min-width:0px!important;min-height:0px!important;gap:6px!important;align-items:normal!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr)!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) .mini{display:grid!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important;letter-spacing:normal!important;text-align:start!important;text-transform:none!important;color:rgb(247, 251, 255)!important;background:rgba(255, 255, 255, 0.78) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgb(213, 223, 232)!important;border-radius:11px!important;box-shadow:none!important;padding:7px 8px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:48px!important;gap:8px!important;align-items:center!important;justify-content:normal!important;white-space:normal!important;overflow:visible!important;order:0!important;grid-template-columns:minmax(0,1fr) 132px!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) .mini span{display:block!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-0.375px!important;text-align:start!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box!important;border:0px none rgb(29, 42, 58)!important;border-radius:0px!important;box-shadow:none!important;padding:0px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:normal!important;justify-content:normal!important;white-space:nowrap!important;overflow:hidden!important;order:0!important}
html[data-theme="light"] :is(.utility-result,.analysis-result) .mini b{display:flex!important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;font-size:var(--result-detail-size,24px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.045em!important;text-align:center!important;text-transform:none!important;color:rgb(29, 42, 58)!important;background:rgb(238, 243, 247) none repeat scroll 0% 0% / auto padding-box border-box!important;border:1px solid rgb(199, 216, 232)!important;border-radius:9px!important;box-shadow:none!important;padding:0px 8px!important;margin:0px!important;max-width:none!important;min-width:0px!important;min-height:auto!important;gap:normal!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;order:0!important;height:42px!important}
}
.utility-shell:has(.utility-result){width:min(640px,100%)!important;max-width:640px!important;display:flex!important;flex-direction:column!important;gap:0!important;margin-inline:auto!important;overflow:hidden!important;border-radius:32px!important}
:is(.utility-result,.analysis-result)>:not(.result-label):not(#rv):not(#sipFV):not(.age-parts):not(#rs):not(#sipSentence):not(#ageSummary):not(#rg):not(.result-grid):not(.age-extra){display:none!important}
:is(.utility-result,.analysis-result) :is(#rg,.result-grid,.age-extra):empty{display:none!important}
:is(.utility-result,.analysis-result) .mini{grid-column:auto!important;width:auto!important}
:is(.utility-result,.analysis-result) .mini span{white-space:normal!important;overflow-wrap:anywhere!important}
:is(.utility-result,.analysis-result) .mini b{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
:is(.utility-result,.analysis-result) .age-parts{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}
:is(.utility-result,.analysis-result) .age-part{display:inline-flex!important;gap:5px!important;align-items:baseline!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important}
:is(.utility-result,.analysis-result) .age-part strong{font-size:inherit!important;line-height:inherit!important}
:is(.utility-result,.analysis-result) .age-part span{font-size:16px!important}
:is(.utility-result,.analysis-result)::before{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.06);border-radius:26px;pointer-events:none}
html[data-theme="light"] :is(.utility-result,.analysis-result)::before{border-color:rgba(47,134,166,.12)}
:is(.utility-result,.analysis-result) :is(.rvalue,.rsub,.result-label,.mini){box-sizing:border-box!important}
.calculator-input-error,.calculator-field-error{color:#ffb8c5;font-size:12px;font-weight:800;line-height:1.3}
.calculator-field-error{display:block;grid-column:1/-1;margin:6px 0 0}
.calculator-input-error{margin:0 0 12px;padding:12px 14px;border:1px solid #b94747;border-radius:12px;background:rgba(185,71,71,.13);color:var(--text);font-size:14px;font-weight:700;line-height:1.45}
.calculator-input-error:focus-visible{outline:3px solid #b94747;outline-offset:2px}
.calculator-invalid-field{border-color:rgba(255,130,153,.72)!important;box-shadow:0 0 0 3px rgba(255,130,153,.10)!important}
.calculator-invalid-field :is(input,select,textarea),:is(input,select,textarea)[aria-invalid="true"]{border-color:#ff8299!important}
html body .utility-shell.input-validation-failed :is(.utility-result,.analysis-result),html body .analysis-shell.input-validation-failed :is(.utility-result,.analysis-result){display:none!important}
html[data-theme="light"] .calculator-field-error{color:#a52840}
.field[hidden]{display:none!important}
#unitCostApp{width:min(560px,100%);margin-inline:auto;color:#202938;line-height:1.5}
#unitCostApp *{box-sizing:border-box}
#unitCostApp [hidden]{display:none!important}
#unitCostApp .uc-card{padding:20px;border:1px solid #d7e0ee;border-radius:12px;background:white;box-shadow:0 12px 36px #1f2a4415}
#unitCostApp .uc-field{display:grid;gap:12px;padding:18px 14px;margin-bottom:14px;border:1px solid #dbe8fb;border-radius:10px;background:#f7fbff;text-align:center}
#unitCostApp .uc-field:nth-child(2){background:#fff7f9;border-color:#ffd9e1}
#unitCostApp label{font-size:20px;font-weight:850;color:#2468d8}
#unitCostApp .uc-field:nth-child(2) label{color:#e43f51}
#unitCostApp .uc-input-wrap{display:flex;align-items:center;border:1px solid #d7e0ee;border-radius:8px;background:white;padding-right:14px}
#unitCostApp input{width:100%;min-width:0;min-height:56px;padding:12px 14px;border:0;border-radius:8px;background:white;color:#202938;text-align:center;font-size:20px;font-weight:750}
#unitCostApp .uc-input-wrap>span{font-size:13px;color:#687284;font-weight:700}
#unitCostApp .uc-field small{font-size:12px;line-height:1.6;color:#687284}
#unitCostApp :is(input,button):focus-visible{outline:3px solid #9ec5ff;outline-offset:3px}
#unitCostApp button{min-height:48px;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:850;cursor:pointer}
#unitCostApp .uc-go{width:100%;border:0;color:white;background:linear-gradient(135deg,#ff5967,#e43f51)}
#unitCostApp .uc-result{margin-top:16px;padding:24px;text-align:center;scroll-margin-top:16px}
#unitCostApp .uc-overline{margin:0;font-size:13px;color:#596272;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
#unitCostApp .uc-ring{position:relative;margin:24px auto 18px;width:min(300px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 50%,#fff5f7);display:grid;place-items:center}
#unitCostApp .uc-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
#unitCostApp .uc-ring circle{fill:none;stroke-width:7}
#unitCostApp .uc-track{stroke:#edf1f7}
#unitCostApp #ucArc{stroke:url(#ucGradient);stroke-linecap:round;stroke-dasharray:314.159265;stroke-dashoffset:314.159265;transition:stroke-dashoffset .5s ease}
#unitCostApp .uc-big{position:relative;display:flex;align-items:baseline;justify-content:center;gap:8px;width:76%;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;color:#e43f51}
#unitCostApp .uc-big :is(strong,span){font-size:var(--uc-size,68px);font-weight:950;letter-spacing:-.055em;line-height:1}
#unitCostApp #ucMeaning{margin:0;font-size:16px;color:#596272;line-height:1.7;font-weight:700}
#unitCostApp #ucStatus{margin:14px 0 20px;padding:12px;border:1px solid #dfe8f6;border-radius:10px;background:#f7faff;color:#687284;font-size:12px;line-height:1.7}
#unitCostApp .uc-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#unitCostApp .uc-details>div{padding:18px 10px;border:1px solid #dfe8f6;border-radius:12px;background:linear-gradient(135deg,#f7faff,#eef4ff);min-width:0}
#unitCostApp .uc-details>div:nth-child(2){border-color:#ffd9e1;background:linear-gradient(135deg,#fff7f9,#ffeef2)}
#unitCostApp .uc-details span{display:block;font-size:12px;color:#687284;line-height:1.6}
#unitCostApp .uc-details b{display:block;margin-top:8px;font-size:26px;line-height:1.3;letter-spacing:-.03em;font-weight:900;color:#2468d8;overflow-wrap:anywhere}
#unitCostApp .uc-details>div:nth-child(2) b{color:#e43f51}
#unitCostApp .uc-breakdown{margin-top:22px;padding:18px 14px;border:1px solid #dfe8f6;border-radius:12px;background:#f7faff}
#unitCostApp .uc-breakdown h3{margin:0 0 14px;font-size:15px;font-weight:850;color:#596272}
#unitCostApp .uc-marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#unitCostApp .uc-marks span{display:block;font-size:12px;color:#687284}
#unitCostApp .uc-marks b{display:block;margin-top:4px;font-size:20px;font-weight:850;color:#2468d8;overflow-wrap:anywhere}
#unitCostApp #ucFormula{padding:14px;margin:18px 0 0;border:1px solid #dfe8f6;border-radius:9px;background:#fff;font-size:14px;font-weight:750;color:#596272;overflow-wrap:anywhere}
#unitCostApp .uc-note{margin:18px 0;font-size:12px;color:#687284;text-align:left;line-height:1.8}
#unitCostApp #ucReset{width:min(220px,100%);border:1px solid #d7e0ee;background:white;color:#596272}
#unitCostApp #ucScaleNote{font-size:11px;color:#687284;margin:0 0 18px;line-height:1.6}
.uc-content-nav{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);margin:24px 0}
.uc-content-nav h2{margin:0 0 12px!important;font-size:20px!important}
.uc-content-nav ul{display:grid;gap:8px;margin:0;padding-left:20px}
.uc-content-nav a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.seo-article h2[id]{scroll-margin-top:24px}
@media(max-width:600px){body[data-calc-name="Unit Price Calculator"] .calc-page>.wrap{width:calc(100% - 20px)!important}
#unitCostApp .uc-card{padding:12px}
#unitCostApp .uc-result{padding:24px 18px}
#unitCostApp .uc-field{padding:16px 10px}
#unitCostApp .uc-ring{width:min(280px,100%)}
#unitCostApp .uc-details b{font-size:24px}
}
@media(prefers-reduced-motion:reduce){#unitCostApp #ucArc{transition:none}
}
#unitCostApp select{width:100%;min-height:56px;padding:12px;border:1px solid #d7e0ee;border-radius:8px;background:#fff;color:#202938;text-align:center;font-size:20px}
#unitCostApp #ucBig{margin:22px 0 10px;width:100%;font-size:92px;font-family:Arial,sans-serif;font-weight:950;letter-spacing:-.05em;line-height:1.15;color:#e43f51;white-space:nowrap}
#unitCostApp #ucSummary{font-size:15px;font-weight:700;color:#687284;margin:0 0 22px}
#unitCostApp .uc-saving{padding:20px 14px;margin-bottom:18px;border:1px solid #f9d5df;border-radius:12px;background:#fff4f7}
#unitCostApp .uc-saving span{display:block;font-size:13px;color:#874d60}
#unitCostApp #ucSavings{display:block;font-size:34px;color:#e43f51;font-weight:950;line-height:1.3;margin:8px 0;overflow-wrap:anywhere}
#unitCostApp #ucSavingsNote{font-size:13px;color:#874d60}
#unitCostApp .uc-details strong{display:block;margin-top:8px;font-size:24px;line-height:1.4;font-weight:900;color:#2468d8;overflow-wrap:anywhere}
#unitCostApp #ucReset{display:block;margin:18px auto 0}
#unitCostApp{width:min(540px,100%)}
#unitCostApp #ucForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
#unitCostApp .uc-field{gap:8px;margin:0;padding:12px 10px}
#unitCostApp label{font-size:16px;line-height:1.3}
#unitCostApp input,#unitCostApp select{min-height:46px;padding:8px;font-size:20px}
#unitCostApp .uc-field small{font-size:11px;line-height:1.4}
#unitCostApp .uc-go{grid-column:1/-1;min-height:44px;margin:0;padding:9px 12px}
#unitCostApp .uc-result{padding:18px 16px;margin-top:12px}
#unitCostApp #ucBig{margin:12px 0 6px;line-height:1.05}
#unitCostApp #ucSummary{margin:0 0 12px;font-size:13px}
#unitCostApp .uc-saving{padding:12px;margin-bottom:12px}
#unitCostApp #ucSavings{font-size:28px;margin:4px 0}
#unitCostApp .uc-details{gap:8px}
#unitCostApp .uc-details>div{padding:12px 8px}
#unitCostApp .uc-details strong{font-size:21px;margin-top:4px}
#unitCostApp #ucFormula{padding:10px;margin-top:12px;font-size:12px;line-height:1.5}
#unitCostApp .uc-note{margin:10px 0 0;font-size:11px;line-height:1.5}
#unitCostApp #ucReset{margin:12px auto 0;min-height:42px;padding:8px 14px}
@media(max-width:360px){#unitCostApp #ucForm{padding:10px;gap:8px}
#unitCostApp .uc-field{padding:10px 6px}
#unitCostApp label{font-size:14px}
#unitCostApp select{font-size:16px}
#unitCostApp .uc-result{padding:16px 12px}
}
#unitCostApp .uc-card{border-radius:18px;border-color:#e4e8f0;box-shadow:0 8px 28px #16264410}
#unitCostApp #ucForm{gap:12px;padding:16px;background:#fff}
#unitCostApp .uc-field,#unitCostApp .uc-field:nth-child(2){padding:12px 10px;border:1px solid #e6eaf1;background:#f8fafc;border-radius:11px}
#unitCostApp label,#unitCostApp .uc-field:nth-child(2) label{font-size:14px;font-weight:800;color:#475569}
#unitCostApp input,#unitCostApp select{border:1px solid #pue3ee;border-radius:8px;background:#fff;color:#172b49;font-weight:750;box-shadow:0 2px 4px #1c314606}
#unitCostApp input:focus,#unitCostApp select:focus{border-color:#e54d71}
#unitCostApp .uc-input-wrap{padding-right:10px;border-color:#pue3ee;box-shadow:0 2px 4px #1c314606}
#unitCostApp .uc-input-wrap input{border:0;box-shadow:none}
#unitCostApp .uc-input-wrap>span{color:#8c98aa}
#unitCostApp .uc-field small{color:#8490a2}
#unitCostApp .uc-go{background:linear-gradient(110deg,#e83f64,#c92d53);box-shadow:0 5px 12px #d82f5428;border-radius:10px;min-height:46px;transition:filter .15s,transform .15s}
#unitCostApp .uc-go:hover{filter:brightness(1.06)}
#unitCostApp .uc-go:active{transform:translateY(1px)}
#unitCostApp .uc-result{padding:14px;background:#fff;margin-top:16px}
#unitCostApp .uc-price-panel{border-radius:13px;border:1px solid #f8dfe7;background:radial-gradient(ellipse at top right,#ffe4ed,transparent 65%),linear-gradient(145deg,#fffafb,#fff1f5);padding:16px 10px 14px}
#unitCostApp .uc-price-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 10px;border:1px solid #f7cad8;border-radius:12px;background:#fff;color:#d6325a}
#unitCostApp .uc-overline{color:#855366;font-size:11px;letter-spacing:.1em}
#unitCostApp #ucBig{color:#c92750;margin:10px 0 7px;letter-spacing:-.055em}
#unitCostApp #ucSummary{color:#946577;font-weight:650;font-size:12px;margin:0}
#unitCostApp .uc-saving{margin:10px 0 14px;padding:12px 10px;background:#effaf5;border:1px solid #cepupu;border-radius:12px}
#unitCostApp .uc-saving>span,#unitCostApp #ucSavingsNote{color:#4c8069;font-size:12px}
#unitCostApp #ucSavings{color:#158052;font-size:29px;margin:3px 0;font-weight:900}
#unitCostApp .uc-details{gap:8px}
#unitCostApp .uc-details>div,#unitCostApp .uc-details>div:nth-child(2){padding:12px 10px;border:1px solid #e5eaf2;border-radius:11px;background:#f8fafc}
#unitCostApp .uc-details span{color:#7c889a;font-size:11px}
#unitCostApp .uc-details strong{color:#284f82;font-size:20px;font-weight:850}
#unitCostApp #ucFormula{margin-top:12px;padding:12px;border-radius:10px;background:#f8fafc;border-color:#e7ecf3;color:#6b7b91;font-weight:600;font-size:11px}
#unitCostApp .uc-note{padding:0 4px;color:#8a96a8;font-size:10px;margin-top:10px}
#unitCostApp #ucReset{width:min(180px,100%);border-color:#pue3ee;border-radius:10px;color:#64748b;font-size:14px;min-height:40px;box-shadow:0 3px 8px #172b4908}
#unitCostApp #ucReset:hover{background:#f8fafc}
@media(max-width:360px){#unitCostApp #ucForm{padding:12px;gap:8px}
#unitCostApp .uc-field{padding:10px 6px}
#unitCostApp label{font-size:13px}
#unitCostApp .uc-result{padding:12px}
}
#unitCostApp .uc-field:last-of-type{grid-column:1/-1}
#unitCostApp .uc-field:last-of-type select{max-width:100%}
#unitCostApp .uc-price-panel{background:radial-gradient(ellipse at top right,#e1eeff,transparent 65%),linear-gradient(145deg,#f8fbff,#eef5ff);border-color:#dce8fb}
#unitCostApp .uc-price-icon{color:#2764be;border-color:#d2e3fb}
#unitCostApp .uc-overline{color:#536f97}
#unitCostApp #ucBig{color:#245db4}
#unitCostApp #ucSummary{color:#6f86a8}
#unitCostApp .uc-go{background:linear-gradient(110deg,#397ce0,#245db4);box-shadow:0 5px 12px #245db428}
#unitCostApp .uc-cost-bar{display:flex;height:10px;border-radius:20px;overflow:hidden;margin:12px 0 8px;background:#e9eef6}
#unitCostApp .uc-cost-bar span{min-width:0}
#unitCostApp #ucEnergyBar{background:#3475d4}
#unitCostApp #ucFixedBar{background:#85b3f5}
#unitCostApp #ucTaxBar{background:#ed839c}
#unitCostApp .uc-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;color:#7c889a;font-size:10px;margin-bottom:12px}
#unitCostApp .uc-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}
#unitCostApp .uc-legend span:nth-child(1) i{background:#3475d4}
#unitCostApp .uc-legend span:nth-child(2) i{background:#85b3f5}
#unitCostApp .uc-legend span:nth-child(3) i{background:#ed839c}
#unitCostApp #ucTariffNote{font-size:11px;line-height:1.5;color:#8290a4;margin:0;grid-column:1/-1;text-align:center}
#unitCostApp .uc-input-wrap>span{font-size:11px}
#unitCostApp .uc-unit-detail{font-size:11px;color:#7c889a;margin:10px 0 0}
#unitCostApp #ucUnitCost{font-weight:800;color:#284f82;overflow-wrap:anywhere}
#unitCostApp .uc-field:last-of-type{grid-column:auto}
#unitCostApp #ucForm .uc-compare-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:13px;color:#526580;cursor:pointer}
#unitCostApp #ucCompare{width:18px;min-height:18px;height:18px;padding:0;accent-color:#2c68c7;box-shadow:none}
#unitCostApp #ucSecondFields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#unitCostApp #ucSuffix{margin:0 0 8px;color:#57739c;font-size:16px;font-weight:800}
#unitCostApp #ucComparison{margin-top:12px;padding:16px 12px;border:1px solid #cee9dd;border-radius:12px;background:#f0faf5}
#unitCostApp #ucComparison h3{margin:0 0 6px;font-size:18px;font-weight:900;color:#197d55}
#unitCostApp #ucComparison p{margin:4px 0;font-size:12px;line-height:1.6;color:#527a67;overflow-wrap:anywhere}
#unitCostApp #ucComparison strong{font-weight:850}
#unitCostApp .uc-field small{display:block;font-size:10px;margin-top:0}
#unitCostApp #ucFormula{overflow-wrap:anywhere}
#unitCostApp select{font-size:18px}
#unitCostApp .uc-details{margin-top:12px}
#unitCostApp #ucForm>.uc-field:nth-child(1){background:#fff4f7;border-color:#f7d7e1}
#unitCostApp #ucForm>.uc-field:nth-child(1) label{color:#b8365e}
#unitCostApp #ucForm>.uc-field:nth-child(2){background:#f0f6ff;border-color:#d8e6fb}
#unitCostApp #ucForm>.uc-field:nth-child(2) label{color:#3066b8}
#unitCostApp #ucForm>.uc-field:nth-child(3){background:#f6f2ff;border-color:#e7def8}
#unitCostApp #ucForm>.uc-field:nth-child(3) label{color:#7951b2}
#unitCostApp #ucForm>.uc-field:nth-child(4){background:#fff8ed;border-color:#f3e3c4}
#unitCostApp #ucForm>.uc-field:nth-child(4) label{color:#9b6d24}
#unitCostApp .uc-go{background:linear-gradient(110deg,#6357cc,#3c73d5);box-shadow:0 5px 12px #6357cc28}
#unitCostApp .uc-price-panel{background:radial-gradient(ellipse at top right,#e9ddff,transparent 65%),linear-gradient(145deg,#faf7ff,#edf4ff);border-color:#e2d9f5}
#unitCostApp .uc-price-icon{background:#fff;color:#7951b2;border-color:#e4d6fa}
#unitCostApp .uc-overline{color:#745695}
#unitCostApp #ucBig{color:#6550bd}
#unitCostApp #ucSuffix{color:#79609f}
#unitCostApp #ucSummary{color:#89749f}
#unitCostApp .uc-details>div:first-child{background:#fff4f7;border-color:#f4dbe3}
#unitCostApp .uc-details>div:first-child strong{color:#b8365e}
#unitCostApp .uc-details>div:nth-child(2){background:#f0f6ff;border-color:#d8e6fb}
#unitCostApp .uc-details>div:nth-child(2) strong{color:#3066b8}
#unitCostApp #ucSecondFields>.uc-field{background:#effaf5;border-color:#d2ecde}
#unitCostApp #ucSecondFields label{color:#287e59}
#unitCostApp #ucComparison{background:linear-gradient(130deg,#ecfaf2,#f2fbf8);border-color:#c9e8d8}
#unitCostApp #ucForm{padding:16px;gap:12px}
#unitCostApp #ucForm input{height:56px;min-height:56px;font-size:26px;font-weight:850}
#unitCostApp #ucForm select{min-height:56px;font-size:18px}
#unitCostApp input[type=number]{appearance:textfield;-moz-appearance:textfield}
#unitCostApp input[type=number]::-webkit-inner-spin-button,#unitCostApp input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:600px){#unitCostApp{max-width:calc(100% - 20px)}
}
#unitCostApp .uc-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:2px}
#unitCostApp .uc-mini-control{display:grid;gap:5px;min-width:0}
#unitCostApp .uc-mini-control:last-child{text-align:right}
#unitCostApp #ucForm .uc-mini-control label{margin:0;font-size:11px;font-weight:800;line-height:1.3;color:#7a879b;text-align:left}
#unitCostApp #ucForm .uc-mini-control:last-child label{text-align:right}
#unitCostApp #ucForm .uc-mini-control select{width:140px;max-width:100%;height:38px;min-height:38px;padding:6px 22px 6px 8px;border-radius:9px;font-size:13px;font-weight:800;line-height:1.2;background:#f7f9fc;color:#596f90;border-color:#dce4ef;box-shadow:none}
#unitCostApp #ucForm .uc-mini-control #ucCurrency{width:84px}