:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172d49;background:#f8fbff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.topbar{height:76px;background:#fff;border-bottom:1px solid #e5edf6;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:30}.brand-row{display:flex;align-items:center;gap:20px}.brand{color:var(--theme-primary);font-size:25px;font-weight:800;letter-spacing:-.04em}.tagline{color:#73849a;font-size:13px;border-left:1px solid #dce5ef;padding-left:20px}.language-switch{display:flex;align-items:center;gap:8px;color:#a6b4c4}.language-switch button{border:0;background:transparent;color:#6b7d94;padding:8px;font-size:13px}.language-switch button.selected{color:var(--theme-primary);font-weight:700}.menu-button,.close-menu{display:none;border:0;background:transparent;color:#174a82;font-size:23px}.layout{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:258px;flex:0 0 258px;background:#fff;border-right:1px solid #e5edf6;padding:28px 15px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}.sidebar-title{font-size:11px;letter-spacing:.12em;color:#94a4b8;font-weight:800;margin:0 12px 16px}.nav-search-wrap{position:relative;margin:0 5px 26px}.nav-search-wrap>span{position:absolute;left:13px;top:8px;color:#97a9bc;font-size:23px}.nav-search{width:100%;height:40px;border:1px solid #dce7f2;border-radius:8px;background:#f8fbff;padding:0 10px 0 36px;font-size:13px;outline:none}.nav-search:focus,.hero-search:focus-within,input:focus,select:focus{border-color:var(--theme-focus);box-shadow:0 0 0 3px var(--theme-focus-ring)}.nav-home,.nav-group summary,.nav-category,.nav-tool{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;font-size:14px;color:#415774}.nav-home,.nav-group summary{font-weight:650}.nav-home:hover,.nav-group summary:hover,.nav-category:hover,.nav-tool:hover{background:#f0f6fd}.nav-home.active,.nav-category.active,.nav-tool.active{background:var(--theme-soft);color:var(--theme-primary)}.nav-symbol{font-size:18px;width:21px;text-align:center;color:var(--theme-primary)}.nav-group{margin-top:6px}.nav-group summary{list-style:none;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-chevron{margin-left:auto;color:#93a6bb;transition:transform .15s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-children{margin:1px 0 9px 21px;padding-left:13px;border-left:1px solid #e1eaf4}.nav-category,.nav-tool{font-size:12px;padding:8px 10px;line-height:1.35}.nav-category{color:#8393a8}.empty-search{font-size:13px;color:#71849c;padding:8px 12px}.content-wrap{flex:1;min-width:0}.main{max-width:1260px;margin:auto;padding:42px 54px 80px;min-height:calc(100vh - 136px)}.footer{border-top:1px solid #e7edf5;color:#8394a8;font-size:12px;text-align:center;padding:21px}.hero{min-height:292px;border-radius:17px;background:linear-gradient(120deg,#eaf5ff,#f4faff 68%,#e4f1ff);display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center;padding:46px 48px;overflow:hidden}.eyebrow{display:inline-block;color:#1470d1;font-weight:750;letter-spacing:.14em;font-size:11px;margin-bottom:13px}.hero h1{margin:0 0 12px;color:#14385e;font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.04em}.hero p{color:#617b96;line-height:1.7;margin:0 0 23px;max-width:550px}.hero-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #deebf8;border-radius:9px;height:47px;max-width:470px;box-shadow:0 8px 20px #25527a0a}.hero-search span{font-size:26px;color:#75a4d5;margin-left:14px}.hero-search input{border:0;outline:0;box-shadow:none;width:100%;padding-right:12px;background:transparent;color:#172d49}.hero-art{width:100%;max-width:270px;justify-self:center;background:#fff;border:1px solid #dceaf9;border-radius:14px;padding:28px;box-shadow:0 18px 45px #376a9e1b;transform:rotate(3deg)}.art-display{background:#f2f8ff;color:#557ba4;padding:15px;border-radius:6px;font-size:16px;letter-spacing:.05em}.art-equals{text-align:right;color:var(--theme-primary);font-size:35px;font-weight:800;padding:17px 4px 6px}.art-lines{display:flex;gap:8px}.art-lines span{height:6px;width:32px;background:#d3e7fb;border-radius:5px}.section{margin-top:46px}.section-head{margin-bottom:19px}.section h2,.how-panel h2,.info-panel h2{font-size:21px;color:#193b61;margin:0 0 8px;letter-spacing:-.025em}.section-head p,.how-panel p{color:#7a8ca1;margin:0;font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{display:flex;align-items:center;gap:14px;min-height:83px;padding:17px;background:#fff;border:1px solid #e3ebf4;border-radius:10px;box-shadow:0 3px 12px #16447006}.category-card:hover,.tool-card:hover{border-color:#9ecaf4;box-shadow:0 8px 25px #1769bd12;transform:translateY(-1px)}.category-icon,.tool-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;background:var(--theme-soft);color:var(--theme-primary);font-size:21px}.category-card strong{font-size:14px}.card-arrow{color:#93acc5;margin-left:auto}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #e3ebf4;border-radius:10px;min-height:100px;padding:20px}.tool-card strong,.tool-card small{display:block}.tool-card strong{font-size:15px;margin-bottom:5px}.tool-card small{color:#8293a7;font-size:12px;line-height:1.45}.how-panel{margin-top:45px;background:#eff7ff;border-radius:11px;padding:24px 28px;display:flex;align-items:center;gap:18px}.how-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--theme-focus-ring);color:var(--theme-primary);font-weight:800}.page-heading{position:relative;margin:2px 0 28px}.breadcrumb,.page-heading>span:first-of-type{color:#8ba0b5;font-size:12px}.breadcrumb:hover,.text-link:hover{color:#0f6bd1}.page-heading h1{font-size:clamp(29px,3vw,38px);letter-spacing:-.04em;color:#173b62;margin:24px 0 8px}.page-heading p{color:#72869b;margin:0;line-height:1.6}.page-icon{position:absolute;right:14px;top:18px;color:#d2e7fb;font-size:84px}.coming-panel,.calculator-card,.info-panel{background:#fff;border:1px solid #e2ebf5;border-radius:12px}.coming-panel{text-align:center;padding:55px 20px;color:#7d90a5}.coming-panel>span{display:block;font-size:42px;color:#5ca4e7}.coming-panel h2{color:#23476c;font-size:23px;margin:12px}.coming-panel p{max-width:480px;margin:0 auto 18px;line-height:1.6}.text-link{color:#126ecb;font-weight:650;font-size:14px}.calculator-card{padding:28px;max-width:850px;box-shadow:0 5px 25px #1e5d9708}label{display:block;font-size:13px;font-weight:700;color:#385472;margin-bottom:9px}input[type=text],input[type=number],select{height:46px;width:100%;background:#fff;border:1px solid #d8e4ef;border-radius:8px;padding:0 13px;outline:none;color:#183957}input[type=text]::placeholder{color:#9aabba}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-actions{display:flex;gap:10px;margin-top:21px}.primary-button,.secondary-button{border-radius:8px;min-height:42px;padding:0 22px;font-size:14px;font-weight:700}.primary-button{background:var(--theme-primary);border:1px solid var(--theme-primary);color:#fff}.primary-button:hover{background:#0d5eaf}.secondary-button{background:#fff;color:#41627f;border:1px solid #d6e2ee}.secondary-button:hover{background:#f2f8fe}.result-panel{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #e8eff6;margin-top:25px;padding-top:23px}.result-item{flex:1;min-width:150px}.result-item>span,.result-item>strong{display:block}.result-item>span{font-size:12px;color:#768ca1;margin-bottom:8px}.result-item strong{font-size:26px;color:var(--theme-primary);overflow-wrap:anywhere}.time-item strong{font-size:18px;color:#385674}.timer-note{font-size:11px;color:#93a3b4;line-height:1.6;margin:17px 0 0}.error-box{margin-top:21px;background:#fff2f1;border:1px solid #f5c9c5;color:#ae3e35;border-radius:8px;padding:12px 14px;font-size:13px}.info-panel{margin-top:26px;max-width:850px;padding:28px}.info-panel p{font-size:13px;line-height:1.8;color:#61768d;margin:18px 0 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:12px;border-bottom:1px solid #e6edf5}th{color:#657b92;background:#f6faff;font-weight:700}td{color:#38526e}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#1a6fca}.formula{background:#f3f8fd;border-radius:8px;padding:20px;font-size:21px;color:#1b67b5;font-family:Georgia,serif}.backdrop{display:none}@media(max-width:1050px){.main{padding:34px 30px 65px}.tagline{display:none}.hero{padding:36px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand-row{gap:10px}.menu-button,.close-menu{display:block}.brand{font-size:23px}.sidebar{position:fixed;z-index:50;top:0;left:0;width:min(310px,88vw);height:100dvh;transform:translateX(-100%);transition:transform .18s;box-shadow:10px 0 30px #133d6420}.sidebar.open{transform:translateX(0)}.backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0b274677;z-index:40}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.main{padding:22px 18px 56px}.hero{grid-template-columns:1fr;padding:32px 25px;min-height:0}.hero-art{display:none}.tools-grid{grid-template-columns:1fr}.footer{padding:18px}.page-icon{font-size:52px;top:22px}}@media(max-width:480px){.category-grid{grid-template-columns:1fr 1fr;gap:9px}.category-card{min-height:72px;padding:12px;gap:8px}.category-icon{width:31px;height:31px;flex-basis:31px;font-size:16px}.category-card strong{font-size:12px}.category-card .card-arrow{display:none}.form-grid{grid-template-columns:1fr}.calculator-card,.info-panel{padding:20px}.hero h1{font-size:29px}}
html[data-pending] body{visibility:hidden}
.nav-parent{display:flex;align-items:stretch;border-radius:8px}
.nav-parent.parent-active{background:#f1f7fe}
.nav-parent-link{display:flex;align-items:center;gap:11px;flex:1;min-width:0;padding:10px 12px;font-size:14px;font-weight:650;color:#415774;border-radius:8px}
.nav-parent-link:hover,.nav-toggle:hover{background:#f0f6fd}
.nav-parent-link.active{background:var(--theme-soft);color:var(--theme-primary)}
.nav-parent.parent-active .nav-symbol{color:var(--theme-primary)}
.nav-toggle{width:35px;flex:0 0 35px;border:0;background:transparent;color:#718da9;border-radius:8px}
.nav-toggle span{display:inline-block;transition:transform .15s}
.nav-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-toggle:focus-visible,.nav-parent-link:focus-visible{outline:2px solid var(--theme-focus);outline-offset:1px}
.error-box strong,.error-box span,.error-box code{display:block}
.error-box span{margin-top:5px;font-size:12px}
.error-box code{margin-top:9px;padding:9px;border-radius:5px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;color:#7b3430}
.error-box mark{background:#ffb6aa;color:#73241e;border-radius:2px}
.time-item small{display:block;margin-top:5px;font-size:11px;color:#8a6b26}
.feedback{display:flex;align-items:flex-start;gap:11px;margin-top:21px;padding:13px 14px;border:1px solid;border-radius:8px;font-size:13px;line-height:1.45}
.feedback-error{background:#fff2f1;border-color:#efc5c0;color:#a73630}
.feedback-tip{background:#edf6ff;border-color:#b7d9f8;color:#145b99}
.feedback-icon{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;font-size:12px;font-weight:800;line-height:1}
.feedback-error .feedback-icon{background:#c4473f;color:#fff}
.feedback-tip .feedback-icon{background:#2479c8;color:#fff;font-family:Georgia,serif;font-style:italic}
.feedback-content{min-width:0}
.feedback-message,.feedback-location,.feedback-fragment{display:block}
.feedback-message{font-weight:650}
.feedback-location{margin-top:5px;font-size:11px;font-weight:400}
.feedback-fragment{margin-top:7px;padding:7px 9px;border-radius:5px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;color:#7b3430}
.feedback-fragment mark{background:#ffc0b5;color:#722720;border-radius:2px}
.formula .katex-display{margin:0;overflow-x:auto;overflow-y:hidden}
.form-actions{align-items:center;flex-wrap:wrap}
.angle-switch{display:flex;align-items:center;gap:3px;margin-left:auto;padding:3px;background:#eef5fd;border:1px solid #d7e7f7;border-radius:8px;color:#91a7bd}
.angle-switch button{min-width:43px;border:0;border-radius:5px;background:transparent;color:#637d99;font-size:13px;font-weight:700;padding:6px 8px}
.angle-switch button.selected{background:#fff;color:var(--theme-primary);box-shadow:0 1px 5px #195d9e1c}
.angle-switch button:focus-visible,.insert-button:focus-visible{outline:2px solid var(--theme-focus);outline-offset:2px}
.scientific-help h2:not(:first-child){margin-top:28px}
.scientific-help h3{font-size:13px;color:#59718c;margin:0 0 9px}
.scientific-help p{margin:12px 0 0}
.function-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:18px}
.insert-grid{display:flex;flex-wrap:wrap;gap:8px}
.insert-button{min-height:38px;border:1px solid #d8e5f3;border-radius:7px;background:#f8fbff;color:#235d99;padding:7px 12px;font-size:14px}
.insert-button:hover{background:var(--theme-soft);border-color:#a9ccef}
.operator-button{min-width:39px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}
.function-button{min-width:78px}
.constant-button{min-width:55px}
.scientific-help .katex{font-size:1.05em}
@media(max-width:600px){.function-groups{grid-template-columns:1fr}.angle-switch{margin-left:0}}

.equation-expression{display:flex;align-items:center;gap:12px}.equation-expression input{min-width:0;flex:1}.equation-expression span{flex:none;color:#8293a7;font-size:20px;font-weight:700}.equation-method{margin:21px 0}.equation-parameters{margin-top:16px}


.equation-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin:21px 0}.equation-settings .equation-method,.equation-settings .equation-parameters{margin:0}.equation-settings .equation-parameters{display:contents}.equation-settings #equation-parameters{display:contents}@media(max-width:760px){.equation-settings{overflow-x:auto;grid-template-columns:repeat(4,minmax(145px,1fr));padding-bottom:5px}}

.equation-single-root{color:#93a3b4;font-size:12px;line-height:1.5;margin:2px 0 12px}.equation-expression .katex{font-size:1em}

.unit-card{max-width:900px}.unit-rows{margin-top:22px}.unit-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.6fr) 58px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #e8eff6}.unit-label strong,.unit-label small{display:block}.unit-label strong{font-size:18px;color:#1d5e9e}.unit-label small{font-size:11px;color:#8293a7;margin-top:3px}.unit-copy{min-width:58px;min-height:42px;padding:0 6px;font-size:13px}.unit-copy:disabled{opacity:.4;cursor:not-allowed}.unit-actions{align-items:center}.unit-time{font-size:12px;color:#8193a7;margin-left:auto}.unit-card .feedback{margin-top:20px}@media(max-width:520px){.unit-row{grid-template-columns:minmax(85px,1fr) minmax(95px,1.3fr) 52px;gap:7px}.unit-copy{min-width:52px}.unit-time{margin-left:0;width:100%}}


.result-item:has(#equationResidual-value){min-width:max-content}.result-item:has(#equationResidual-value)>span{white-space:nowrap;overflow-wrap:normal;word-break:normal}

.angle-control{display:flex;align-items:center;gap:8px;margin-left:auto}.angle-unit-label{font-size:13px;color:#637d99;white-space:nowrap}.angle-control .angle-switch{margin-left:0}.angle-control .angle-switch button{min-width:43px}@media(max-width:600px){.angle-control{margin-left:0}}

.nav-symbol img{display:block;width:21px;height:21px}.category-icon img,.tool-icon img{display:block;width:25px;height:25px}.page-icon img{display:block;width:84px;height:84px;opacity:.3}@media(max-width:760px){.page-icon img{width:52px;height:52px}}.integral-formula{margin:11px 0 20px;color:#6e86a0;font-size:16px}.integral-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integral-parameters>div{min-width:0}@media(max-width:560px){.integral-parameters{grid-template-columns:1fr}}

.integral-heading{display:flex;align-items:center;flex-wrap:wrap;column-gap:18px;row-gap:6px}.integral-heading h1{margin:0}.integral-heading-formula{color:#6e86a0;font-size:18px;white-space:nowrap}.integral-heading-formula .katex{white-space:nowrap}
.persona-card{max-width:620px;margin:20px auto 0;padding:30px;text-align:center;background:linear-gradient(160deg,#ffffff,#f4f8ff);border:1px solid #dce9fa;border-radius:20px;box-shadow:0 12px 32px #1d5b9920}.persona-short{color:#6c8199;font-size:14px;margin:0 0 20px}.persona-display{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column}.persona-placeholder{font-size:68px;color:#a9bee1}.persona-emoji{font-size:64px;line-height:1.2}.persona-display h2{font-size:28px;color:#153a64;margin:12px 0 8px}.persona-description{max-width:440px;color:#526d89;line-height:1.65;margin:0 0 18px}.persona-score{display:flex;gap:12px;align-items:baseline;justify-content:center;color:#54718f}.persona-score strong{font-size:32px;color:var(--theme-primary)}.persona-score small{font-size:16px;color:#70859a}.persona-disclaimer{font-size:11px;color:#8a9cb0;margin:18px 0 0;line-height:1.5}.persona-card>button{margin:12px 5px 0}.persona-card .feedback{text-align:left;margin-top:18px}@media(max-width:480px){.persona-card{padding:23px 17px}.persona-display h2{font-size:24px}.persona-emoji{font-size:56px}}
#nav-links{display:flex;flex-direction:column;min-height:calc(100vh - 230px)}.nav-developer{display:flex;align-items:center;gap:11px;margin-top:auto;padding:18px 12px 8px;border-top:1px solid #e5edf6;color:#426482;font-size:14px;font-weight:700}.nav-developer.active{color:var(--theme-primary)}.nav-developer .nav-symbol img{width:21px;height:21px}.developer-card{max-width:760px}.developer-card h2{margin:0 0 8px;color:#173d67}.developer-card>p,.developer-current{color:#607b96;line-height:1.6}.developer-current{margin:20px 0;font-size:17px}.developer-explanation{font-size:12px;color:#778da3;line-height:1.7;margin-top:22px}.developer-explanation p{margin:8px 0}.developer-card .feedback{margin-top:16px}
.developer-about{margin-top:20px}.developer-about p,.developer-about li{font-size:14px;line-height:1.75;color:#526d89}.developer-about h3{font-size:17px;color:#173d67;margin:25px 0 8px}.developer-about ul{padding-left:22px;margin:8px 0}.developer-about a{color:var(--theme-primary);text-decoration:underline}.developer-card>p{font-size:14px;line-height:1.7}
.sensor-card,.sensor-chart-card{max-width:900px}.sensor-mode{max-width:340px}.sensor-time{padding:20px 0 8px;color:#56718d;font-variant-numeric:tabular-nums}.sensor-time strong{font-size:25px;color:var(--theme-primary)}.sensor-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sensor-reading-card{padding:15px;border:1px solid #e1eaf4;border-radius:10px;background:#f8fbff;display:flex;gap:9px;align-items:baseline;min-width:0}.sensor-reading-label{font-weight:700;color:#486580;min-width:42px}.sensor-reading-value{font-size:24px;color:var(--theme-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sensor-reading-unit{color:#7188a1}.sensor-source,.sensor-limit{font-size:12px;color:#758aa0;line-height:1.6}.sensor-chart-card{margin-top:20px}.sensor-chart-card h2{margin:0 0 14px}.sensor-chart-card canvas{display:block;width:100%;height:280px}.sensor-legend{display:flex;flex-wrap:wrap;gap:12px;padding-top:10px;font-size:12px;color:#506a83}.sensor-legend-line{content:"";display:inline-block;width:14px;height:3px;vertical-align:middle;margin-right:5px;background:var(--theme-primary)}.sensor-legend-1{background:#e97542!important}.sensor-legend-2{background:#45a47a!important}.sensor-legend-3{background:#8156b6!important}@media(max-width:480px){.sensor-reading-value{font-size:19px}.sensor-reading-card{padding:10px;gap:5px}.sensor-reading-label{min-width:36px}}
.nav-utility{margin-top:auto;border-top:1px solid #e5edf6;padding-top:8px}.nav-utility .nav-developer{margin-top:0;border:0;padding:10px 12px}.release-list{display:grid;gap:18px}.release-card{max-width:850px}.release-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.release-heading h2{margin:0;color:#173d67}.release-heading time{color:#788da3;font-size:13px}.release-card li{line-height:1.7;color:#526d89;margin:6px 0}.sensor-time-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sensor-performance{display:flex;flex-wrap:wrap;gap:8px 20px;color:#526d89;font-size:12px;padding:20px 0 8px}.sensor-performance strong{color:#385674;font-variant-numeric:tabular-nums}.sensor-performance-note{font-size:12px;line-height:1.6;color:#758aa0;margin:0 0 15px}.sensor-reading-label .katex,.sensor-reading-unit .katex,.sensor-time .katex{white-space:nowrap}

.sensor-time-row{align-items:center;column-gap:20px;row-gap:8px}.sensor-time,.sensor-performance{padding:12px 0 8px;font-size:16px;line-height:1.5;color:#526d89;font-weight:500;font-variant-numeric:tabular-nums}.sensor-time strong,.sensor-performance strong{font-size:18px;font-weight:700;color:var(--theme-primary);font-variant-numeric:tabular-nums}.sensor-performance{align-items:baseline;gap:8px 22px}.sensor-performance>span{white-space:nowrap}.sensor-reading-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:70px;overflow:hidden}.sensor-reading-label{min-width:0;white-space:nowrap;font-weight:500}.sensor-reading-value-group{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-width:0;white-space:nowrap}.sensor-reading-value{min-width:0;font-size:20px;text-align:right;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-variant-numeric:tabular-nums}.sensor-reading-unit{flex:none;white-space:nowrap;font-size:14px}.sensor-reading-label .katex,.sensor-reading-unit .katex,.sensor-legend-label .katex{display:inline-block;white-space:nowrap}.sensor-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.sensor-legend-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.sensor-legend-line{display:block;flex:0 0 20px;width:20px;height:3px;margin:0;border-radius:2px}.sensor-legend-label{display:inline-block;white-space:nowrap}@media(max-width:480px){.sensor-time,.sensor-performance{font-size:15px;padding:4px 0}.sensor-time strong,.sensor-performance strong{font-size:17px}.sensor-reading-card{padding:10px;gap:5px}.sensor-reading-value{font-size:16px}.sensor-reading-unit{font-size:12px}.sensor-reading-label{font-size:13px}}
.hero-search{max-width:540px;min-width:0}.hero-search input{min-width:0;flex:1;width:auto;padding-right:24px}.hero-search button{height:36px;flex:none;margin-right:5px;padding:0 15px;border:0;border-radius:6px;background:var(--theme-primary);color:white;font-weight:700;font-size:13px}.hero-search-results{max-width:540px;margin-top:10px;display:grid;gap:8px}.hero-search-results .tool-card{min-height:70px;padding:12px 14px;box-shadow:0 3px 12px #1644700b}.hero-search-results p{margin:0;padding:12px;color:#617b96;background:#fff;border-radius:8px}.math-expression-row{display:flex;align-items:center;gap:12px;min-width:0}.math-expression-row .math-expression-prefix{flex:none;color:#8293a7;font-size:20px;white-space:nowrap}.math-expression-row input{flex:1;min-width:0}.sound-sources{display:grid;gap:18px}.sound-card{max-width:900px}.sound-card h2,.sound-notes h2{font-size:19px;color:#193b61;margin:0 0 18px}.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sound-custom{margin-top:18px}.sound-interval{margin-top:16px}.sound-mode-note,.sound-notes p{color:#61768d;line-height:1.6;font-size:13px}.sound-mode-note{margin:12px 0 0}.sound-control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end;margin-top:18px}.sound-control-row .form-actions{margin:0;align-items:center;min-height:46px}.sound-frequency-wrap[hidden]+.form-actions{grid-column:1/-1}.sound-status{font-size:13px;color:#607a94}.sound-card .feedback{margin-top:18px}.sound-manage{margin-bottom:24px}.sound-notes{max-width:900px}.sound-notes p{margin:10px 0}.sensor-card,.sensor-chart-card,.sensor-raw-card,.sensor-notes-card{max-width:900px}.sensor-chart-card,.sensor-raw-card,.sensor-notes-card{margin-top:18px}.sensor-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:14px}.sensor-chart-heading h2,.sensor-raw-card h2,.sensor-notes-card h2{margin:0;color:#193b61;font-size:19px}.sensor-chart-heading label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.sensor-chart-heading input{width:90px;height:38px}.sensor-window-note{color:#8093a7;font-size:12px;margin:12px 0 0;line-height:1.5}.sensor-notes-card p{font-size:13px;color:#61768d;line-height:1.6;margin:10px 0}.sensor-time-row{margin:10px 0 15px}.sensor-chart-card canvas{max-width:100%}@media(max-width:600px){.sound-grid,.sound-control-row{grid-template-columns:1fr}.sound-control-row .form-actions{grid-column:1}.sensor-chart-heading{align-items:flex-start}.sensor-chart-card canvas{height:260px}}
.sound-global-actions{margin:0 0 18px;flex-wrap:wrap}
.sound-safety-hint{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 12px;border:1px solid #c7e2fa;border-radius:8px;background:#edf6ff;color:#245f94;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.sound-safety-icon{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#2479c8;color:#fff;text-align:center;font-family:Georgia,serif;font-style:italic;font-weight:700;line-height:18px}.sound-safety-text{min-width:0}
:root{--theme-primary:#1976D2;--theme-primary-hover:#0d5eaf;--theme-focus:#3086e7;--theme-focus-ring:#d9ebff;--theme-soft:#e8f3ff;--theme-link:#126ecb}
html[data-theme="pink"]{--theme-primary:#c74080;--theme-primary-hover:#a82d69;--theme-focus:#d65a96;--theme-focus-ring:#f9dce9;--theme-soft:#fceaf2;--theme-link:#b93574}
.topbar{justify-content:flex-start;gap:28px}.language-switch{flex:none}.language-switch .theme-switch{display:inline-flex;align-items:center;gap:8px;margin-left:10px}.language-switch .theme-dot{position:relative;display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #b6c9dc;color:#fff;font-size:15px;line-height:1}.language-switch .theme-blue{background:#1976D2}.language-switch .theme-pink{background:#E66AA2}.language-switch .theme-dot span{visibility:hidden}.language-switch .theme-dot[aria-pressed="true"]{box-shadow:0 0 0 2px #365471}.language-switch .theme-dot[aria-pressed="true"] span{visibility:visible}.language-switch .theme-dot:focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px}
.primary-button{background:var(--theme-primary);border-color:var(--theme-primary)}.primary-button:hover{background:var(--theme-primary-hover)}.hero-search button{background:var(--theme-primary)}.hero-search button:hover{background:var(--theme-primary-hover)}.text-link,.breadcrumb:hover,.developer-about a{color:var(--theme-link)}.nav-home.active,.nav-parent-link.active,.nav-tool.active{background:var(--theme-soft);color:var(--theme-primary)}.insert-button:hover{background:var(--theme-soft)}.sensor-legend-0{background:var(--theme-primary)}
@media(max-width:760px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:3px 16px;padding:8px 18px}.language-switch{gap:4px}.language-switch button:not(.theme-dot){padding:5px}.language-switch .theme-switch{gap:6px;margin-left:5px}}@media(max-width:360px){.language-switch{width:100%;margin-left:34px}}
@media(max-width:360px){.topbar .language-switch{width:calc(100% - 34px);margin-left:34px;flex-wrap:wrap}}html[data-theme="pink"] .hero{background:linear-gradient(120deg,#fcecf3,#fdf8fb 68%,#f9e8f1)}html[data-theme="pink"] .category-icon img,html[data-theme="pink"] .tool-icon img,html[data-theme="pink"] .nav-symbol img{filter:hue-rotate(95deg) saturate(1.1)}
.persona-progress{width:min(100%,420px);padding:14px 4px;color:#385472}.persona-progress-message{min-height:1.6em;margin:0 0 14px;font-size:15px;font-weight:650}.persona-progress-track{height:13px;overflow:hidden;background:var(--theme-soft);border:1px solid #dce7f2;border-radius:999px}.persona-progress-fill{width:100%;height:100%;transform:scaleX(0);transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,var(--theme-primary),var(--theme-focus))}.persona-progress-percent{display:block;margin-top:12px;color:var(--theme-primary);font-size:22px;font-variant-numeric:tabular-nums}.persona-display{min-width:0}@media(prefers-reduced-motion:reduce){.persona-progress-fill{transition:none}.persona-progress-message{animation:none}}
.content-wrap{display:flex;flex-direction:column;min-height:calc(100vh - 76px)}.main{width:100%;flex:1}.footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 20px;line-height:1.6}.footer-contact{overflow-wrap:anywhere}.footer-contact a,.changelog-contact a{color:var(--theme-link);text-decoration:underline;text-underline-offset:2px}.footer-contact a:hover,.changelog-contact a:hover{color:var(--theme-primary-hover)}.changelog-contact{max-width:850px;margin:-8px 0 23px;color:#607b96;font-size:14px;line-height:1.7;overflow-wrap:anywhere}@media(max-width:760px){.content-wrap{min-height:calc(100dvh - 64px)}.footer{gap:3px 12px}}
.loan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.loan-form-grid>div{min-width:0}.loan-form-actions{display:flex;align-items:end;flex-wrap:wrap;gap:9px}.loan-form-actions button{min-height:46px}.loan-note{margin:14px 0 0;color:#687f98;font-size:13px;line-height:1.5}.loan-note+.loan-note{margin-top:5px}.loan-schedule{margin-top:20px}.loan-schedule h2{margin:0 0 14px}.loan-table-scroll{max-width:100%;overflow-x:auto;margin:18px 0}.loan-table-scroll table{width:100%;min-width:450px;border-collapse:collapse;font-variant-numeric:tabular-nums}.loan-table-scroll th:first-child,.loan-table-scroll td:first-child{text-align:left}.loan-table-scroll th:not(:first-child),.loan-table-scroll td:not(:first-child){text-align:right}.loan-schedule #loan-export{margin-top:2px}@media(max-width:600px){.loan-form-grid{grid-template-columns:1fr}.loan-form-actions{align-items:center}}
.slope-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.slope-readings .sensor-reading-card{min-width:0}.slope-readings .sensor-reading-value-group{white-space:nowrap;font-variant-numeric:tabular-nums}.slope-level{display:grid;place-items:center;margin:24px auto;width:min(100%,300px)}.slope-level svg{width:100%;height:auto;aspect-ratio:1;background:var(--theme-soft);border-radius:50%}.slope-ring,.slope-cross{fill:none;stroke:#9bb7d0;stroke-width:1.5}.slope-cross{stroke-dasharray:4 6}.slope-center{fill:#607e9c}.slope-bubble{fill:var(--theme-primary);fill-opacity:.7;stroke:var(--theme-primary-hover);stroke-width:3}@media(max-width:480px){.slope-readings{gap:8px}.slope-readings .sensor-reading-card{padding:10px;flex-wrap:wrap}.slope-readings .sensor-reading-value-group{margin-left:auto}}
.sensor-control-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px 18px}.sensor-control-row .sensor-mode{margin:0}.sensor-control-row .form-actions{margin:0}.sensor-control-row .sensor-mode select{min-width:165px}@media(max-width:480px){.sensor-control-row{align-items:stretch}.sensor-control-row .sensor-mode{width:100%}.sensor-control-row .form-actions{width:100%}}
.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand-mark{display:inline-block;width:29px;height:29px;flex:none;background:currentColor;-webkit-mask:url('/assets/icons/metrilark.svg') center/contain no-repeat;mask:url('/assets/icons/metrilark.svg') center/contain no-repeat}.hero .hero-slogan{margin:8px 0 12px;color:var(--theme-primary);font-size:clamp(17px,2vw,22px);font-weight:700}
.eyebrow,.unit-label strong,.insert-button,.persona-placeholder,.formula,code{color:var(--theme-primary)}.text-link:hover,.insert-button:hover{color:var(--theme-primary-hover)}.page-icon{color:var(--theme-soft)}