.sp-app{--sp-ok-soft:#e3f3e7}html[data-theme=dark] .sp-app{--lc-bg:#0f1115;--lc-surface:#181b21;--lc-surface-2:#1d212a;--lc-sunken:#262b35;--lc-ink:#eef0f3;--lc-ink-2:#b6bcc7;--lc-ink-3:#a2a9b5;--lc-label:#dfe3e9;--lc-line:#ffffff21;--lc-line-2:#ffffff12;--lc-line-strong:#ffffff52;--lc-accent:#7f9cf5;--lc-accent-hover:#93aaf7;--lc-accent-ink:#c7d4fb;--lc-accent-soft:#7f9cf529;--lc-accent-line:#7f9cf56b;color:var(--lc-ink)}html[data-theme=dark]:has(.sp-app){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body:has(.sp-app){color:#eef0f3;background-color:#0f1115}html[data-theme=dark] body:has(.sp-app) .site-wrapper{--site-bg:#0f1115;--site-ink:#eef0f3;--site-ink-2:#b6bcc7;--site-line:#ffffff21;--site-mark-bg:#181b21;--site-accent:#7f9cf5}html[data-theme=dark] .sp-app .lc-btn:hover{border-color:#ffffff73}html[data-theme=dark] .sp-app .lc-btn--accent:hover{border-color:var(--lc-accent-line);background:#7f9cf542}html[data-theme=dark] .sp-app .lc-select{background-color:var(--lc-surface-2)}html[data-theme=dark] .sp-app .lc-input::placeholder{color:#8d94a0}html[data-theme=dark] .sp-app .lc-seg label:has(input:checked){box-shadow:0 0 0 1px var(--lc-line-strong)}html[data-theme=dark] .sp-app .lc-error{color:#f8c9c3;background:#f074641f;border-color:#f074646b}html[data-theme=dark] .sp-app .lc-toast{color:#15181d;background:#eef0f3}.sp-app .lc-btn,.sp-app .lc-select,.sp-app .lc-input,.sp-app .lc-help{min-height:44px}.sp-app .lc-seg label{min-height:44px;padding-inline:1rem}.sp-app .lc-desc,.sp-app .lc-note,.sp-app .lc-hint,.sp-app .lc-label{word-break:auto-phrase}.sp-head>.sp-head-tools{grid-area:1/2;align-self:center;gap:.5rem;margin-bottom:.5rem;display:flex}.sp-head-tools .lc-help{margin:0}@media (width<=560px){.sp-head>.sp-head-tools{align-self:start}.sp-head>.lc-desc{grid-column:1/-1}}@media (width<=359px){.sp-head>.sp-head-tools{grid-area:auto/1/auto/-1;margin:.75rem 0 0}}.sp-icon-btn{border:1px solid var(--lc-line-strong);background:var(--lc-surface);width:44px;height:44px;color:var(--lc-ink-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.sp-icon-btn:hover{background:var(--lc-surface-2);color:var(--lc-ink)}.sp-icon-btn:focus-visible{outline:2px solid var(--lc-accent);outline-offset:2px}.sp-icon-btn .sp-i-sun{display:none}html[data-theme=dark] .sp-icon-btn .sp-i-sun{display:block}html[data-theme=dark] .sp-icon-btn .sp-i-moon{display:none}.sp-find{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.sp-find .lc-label{font-size:.9rem}.sp-examples{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.9rem;display:flex}.sp-examples-label{color:var(--lc-ink-3);margin-inline-end:.2rem;font-size:.8rem;font-weight:600}.sp-examples .lc-btn{font-size:.82rem;font-weight:500}.sp-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (width<=760px){.sp-fields{grid-template-columns:minmax(0,1fr)}}.sp-field{border:1px solid var(--lc-line);background:var(--lc-surface-2);border-radius:12px;min-width:0;padding:.8rem .9rem .9rem}.sp-field .lc-label{margin-bottom:.45rem;font-size:.9rem;display:block}.sp-row{grid-template-columns:minmax(0,1fr) minmax(0,8.5rem);gap:.5rem;display:grid}.sp-row .lc-select{font-size:.92rem}.sp-slot{border:1px dashed var(--lc-accent-line);background:var(--lc-accent-soft);min-height:44px;color:var(--lc-accent-ink);text-align:center;border-radius:9px;justify-content:center;align-items:center;padding:.3rem .6rem;font-size:.82rem;font-weight:600;display:flex}.sp-field--target{border-color:var(--lc-accent-line)}.sp-unit-cap{color:var(--lc-ink-3);text-align:end;margin-top:.35rem;font-size:.74rem;display:block}.sp-opts{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.sp-opts .lc-label{margin:0}.sp-opts .lc-select{width:auto;min-width:11rem}.sp-answer-sub{color:var(--lc-ink-2);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.95rem}.sp-section-label{color:var(--lc-ink-3);grid-column:1/-1;margin:.4rem 0 -.2rem;font-size:.8rem;font-weight:600}.sp-results{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}@media (width<=560px){.sp-results{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}.sp-results .lc-card:not(.lc-card--hero) .lc-card-value{font-size:1.1rem}@media (width<=420px){.sp-results{grid-template-columns:minmax(0,1fr)}.sp-results .lc-card:not(.lc-card--hero){justify-content:space-between;align-items:baseline;gap:.75rem;padding:.6rem .9rem;display:flex}.sp-results .lc-card:not(.lc-card--hero) .lc-card-label{flex:1 1 0;min-width:4.5em;margin:0}.sp-results .lc-card:not(.lc-card--hero) .lc-card-value{text-align:end;word-break:keep-all;flex:0 auto;max-width:78%}}.sp-work{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem;display:grid}@media (width<=640px){.sp-work{grid-template-columns:minmax(0,1fr)}}.sp-steps{font-variant-numeric:tabular-nums;flex-direction:column;gap:.45rem;margin:0;padding-inline-start:1.5rem;display:flex}.sp-steps li{overflow-wrap:anywhere;word-break:auto-phrase;line-height:1.7}.sp-steps li.sp-st-formula{color:var(--lc-accent-ink);font-weight:600}.sp-steps li.sp-st-answer{margin-inline-start:-1.5rem;background:var(--lc-accent-soft);color:var(--lc-accent-ink);border-radius:9px;margin-top:.2rem;padding:.45rem .7rem;font-weight:700;list-style:none}.sp-diagram{flex-direction:column;align-items:center;gap:.5rem;max-width:220px;margin-inline:auto;display:flex}.sp-diagram-title{color:var(--lc-ink-3);margin:0;font-size:.8rem;font-weight:600}.sp-hj{aspect-ratio:1;border:2px solid var(--lc-ink-3);background:var(--lc-surface);border-radius:50%;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:172px;display:grid;position:relative;overflow:hidden}.sp-hj-cell{color:var(--lc-ink);flex-direction:column;justify-content:center;align-items:center;line-height:1.15;transition:background .15s,color .15s;display:flex}.sp-hj-d{border-bottom:2px solid var(--lc-ink-3);grid-column:1/-1;padding-top:.5rem}.sp-hj-s{border-inline-end:2px solid var(--lc-ink-3);padding-bottom:.5rem;padding-inline-start:.6rem}.sp-hj-t{padding-bottom:.5rem;padding-inline-end:.6rem}.sp-hj-letter{font-family:var(--lc-display);font-size:1.7rem;font-weight:700}.sp-hj-word{color:var(--lc-ink-2);font-size:.74rem}.sp-hj-word--only{color:inherit;font-size:1rem;font-weight:700}.sp-hj-op{background:var(--lc-surface);border:2px solid var(--lc-ink-3);width:22px;height:22px;color:var(--lc-ink-2);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)}.sp-diagram[data-target=distance] .sp-hj-d,.sp-diagram[data-target=speed] .sp-hj-s,.sp-diagram[data-target=time] .sp-hj-t{background:var(--lc-accent);color:#fff}.sp-diagram[data-target=distance] .sp-hj-d .sp-hj-word,.sp-diagram[data-target=speed] .sp-hj-s .sp-hj-word,.sp-diagram[data-target=time] .sp-hj-t .sp-hj-word{color:#fff}html[data-theme=dark] .sp-diagram[data-target=distance] .sp-hj-d,html[data-theme=dark] .sp-diagram[data-target=speed] .sp-hj-s,html[data-theme=dark] .sp-diagram[data-target=time] .sp-hj-t{background:#3a5fd6}.sp-diagram-formula{color:var(--lc-accent-ink);text-align:center;margin:0;font-size:.95rem;font-weight:700}.sp-diagram-caption{color:var(--lc-ink-3);text-align:center;margin:0;font-size:.76rem;line-height:1.6}.sp-results .lc-card-value{word-break:auto-phrase;overflow-wrap:anywhere}.sp-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}