@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Instrument Sans", "Inter", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--accent:#e5532d;--green:#1f8a65;--red:#cf2d56;--bg:#f7f7f4;--fg:#26251e;--fg-02:#3b3a33;--card:#f2f1ed;--card-02:#ebeae5;--card-03:#e6e5e0;--card-04:#e1e0db;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14120b;--fg:#edecec;--fg-02:#d7d6d5;--card:#1b1913;--card-02:#201e18;--card-03:#26241e;--card-04:#2b2923;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#14120b;--fg:#edecec;--fg-02:#d7d6d5;--card:#1b1913;--card-02:#201e18;--card-03:#26241e;--card-04:#2b2923;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--text:var(--fg);--text-sec:color-mix(in oklab, var(--fg) 60%, transparent);--text-tertiary:color-mix(in oklab, var(--fg) 40%, transparent);--border:color-mix(in oklab, var(--fg) 5%, transparent);--border-02:color-mix(in oklab, var(--fg) 10%, transparent);--border-03:color-mix(in oklab, var(--fg) 20%, transparent);--hover:color-mix(in oklab, var(--fg) 5%, transparent);--btn-bg:var(--fg);--btn-text:var(--bg);--btn-hover-bg:var(--fg-02);--btn-sec-border:var(--border-03)}.logo{color:var(--fg);align-items:center;min-height:2.75rem;display:inline-flex}.logo svg{width:auto;height:28px;display:block}.logo.mark svg{height:24px}:root{--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2326251e' stroke-opacity='.65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23edecec' stroke-opacity='.65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23edecec' stroke-opacity='.65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}select{appearance:none;font:500 .9375rem/1.2 var(--font-sans);color:var(--text);min-height:var(--control-h,2.75rem);background:var(--card) var(--chevron) no-repeat right 12px center / 12px 12px;border:1px solid var(--border-03);border-radius:var(--radius-md);cursor:pointer;text-overflow:ellipsis;min-width:0;max-width:100%;padding:0 36px 0 12px;transition:background-color .12s}select:hover{background-color:var(--hover)}select:focus-visible{outline:2px solid var(--accent,var(--fg));outline-offset:2px}select:disabled{opacity:.4;cursor:not-allowed}option{background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font:400 1rem/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}[hidden]{display:none!important}h1,h2,p{margin:0}ul{margin:.5rem 0;padding:0;list-style:none}a{color:inherit;-webkit-text-decoration-color:var(--border-03);text-decoration-color:var(--border-03);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{font:500 .9375rem/1 var(--font-sans);color:var(--text);border:1px solid var(--btn-sec-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;transition:background-color .12s;display:inline-flex}.btn:hover{background:var(--hover)}.btn.primary{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg)}.btn.primary:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-bg)}.btn.ghost{color:var(--text-sec);border-color:#0000;padding:0 .75rem}.btn.ghost:hover{color:var(--text)}.btn.wide{width:100%;margin-top:1.5rem}.btn:disabled{opacity:.4;cursor:not-allowed}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--fg)}input[type=checkbox]{width:1.125rem;height:1.125rem;margin:0}input[type=range]{width:100%;min-height:2rem;margin:.25rem 0}label{align-items:center;gap:.5rem;min-height:2.75rem;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.between{justify-content:space-between}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.title{font:500 1.5rem/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:1rem}.label{font:500 .8125rem/1.4 var(--font-sans);color:var(--text-sec);letter-spacing:.01em}.note{color:var(--text-sec);font-size:.875rem}.err{color:var(--red)}.seg{background:var(--card-03);border-radius:var(--radius-lg);border:0;gap:2px;margin:0;padding:3px;display:inline-flex}.seg>button,.seg>label>span{border-radius:var(--radius-md);min-height:2.25rem;color:var(--text-sec);font:500 .875rem/1 var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 1rem;display:inline-flex}.seg>label{gap:0;min-height:0}.seg>label>input{opacity:0;width:1px;height:1px;position:absolute}.seg>button:hover:not(:disabled),.seg>label:hover>span{color:var(--text)}.seg>button[aria-current=step],.seg>label>input:checked+span{background:var(--bg);color:var(--text);border-color:var(--border-02)}.seg>label:has(input:focus-visible)>span{outline:2px solid var(--accent);outline-offset:1px}.seg>button:disabled{opacity:.4;cursor:not-allowed}#start{max-width:68rem;margin:0 auto;padding:0 1.5rem 3rem}.topbar{justify-content:space-between;align-items:center;min-height:4.5rem;display:flex}.link{color:var(--text-sec);align-items:center;min-height:2.75rem;font-size:.9375rem;display:inline-flex}.link:hover{color:var(--text)}button.link{font:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-03);text-decoration-color:var(--border-03);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.9375rem}button.link:hover{text-decoration-color:currentColor}.toplinks{gap:1.5rem;display:flex}#team{width:min(19rem,100vw - 3rem);color:var(--text);background:var(--card);border:1px solid var(--border-02);border-radius:var(--radius-lg);margin:0;padding:.5rem 1.25rem;inset:4.25rem max(1.5rem,50vw - 32.5rem) auto auto}#team .person{flex-direction:column;gap:.125rem;padding:.75rem 0;font-size:.875rem;display:flex}#team .person+.person{border-top:1px solid var(--border-02)}#team .who{margin-bottom:.125rem;font-weight:500}#team a{color:var(--text-sec);width:fit-content}#team a:hover{color:var(--text)}.hero{padding:clamp(1rem,4vh,3rem) 0 clamp(1.5rem,4vh,2.5rem)}h1{font:500 clamp(2.5rem, 5.5vw, 4.25rem)/1.05 var(--font-display);letter-spacing:-.03em}.sub{color:var(--text-sec);margin-top:1.25rem;font-size:1.125rem}.group{margin-top:1.75rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;display:grid}.tile{text-align:left;font:inherit;color:inherit;background:var(--card);border:1px solid var(--border-02);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:.25rem;min-height:6.5rem;padding:1.25rem;display:flex}button.tile{cursor:pointer;transition:background-color .12s,border-color .12s}button.tile:hover{background:var(--card-02);border-color:var(--border-03)}.name{font:500 1.5rem/1.2 var(--font-display);letter-spacing:-.02em}.tile .note{margin-bottom:auto}button.tile{min-height:5.5rem}button.tile .name{margin-top:auto}button.tile .note{margin-bottom:0}.controls{flex-wrap:wrap;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.controls select{flex:15rem}.controls .btn{flex:auto}.tile .seg{margin:.75rem 0 .25rem}.tile.drop{border-color:var(--accent)}input[type=number]{font:inherit;width:5rem;min-height:2.25rem;color:var(--text);background:var(--card);border:1px solid var(--border-03);border-radius:var(--radius-md);padding:0 .5rem}#est-box{margin-top:1.25rem}#est-text{color:var(--text-sec);margin-top:.5rem;font-size:.9375rem}#sole-note{color:var(--text-sec);margin-top:.75rem;font-size:.9375rem}.more{margin-top:3rem}.section-title{font:500 2rem/1.15 var(--font-display);letter-spacing:-.025em;margin-bottom:1rem}a.btn{text-decoration:none}.controls .scan-pick{flex:1 1 0;padding:0 .5rem}.foot{color:var(--text-tertiary);margin-top:2rem;font-size:.875rem}main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(22rem,27rem);height:100vh;display:grid}.appbar{grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75rem 1rem;display:grid}.appbrand{justify-self:start;align-items:center;gap:.5rem;display:flex}canvas{background:var(--bg);width:100%;height:100%;display:block}aside{background:var(--card);border:1px solid var(--border-02);border-radius:var(--radius-xl);margin:0 1rem 1rem 0;padding:1.5rem;overflow-y:auto}aside section>.row{margin:.75rem 0}#variant-box{margin:.25rem 0 .75rem}.headline{font:500 2rem/1.15 var(--font-display);letter-spacing:-.025em;margin-bottom:1.25rem}#s-result p+p,#s-insole p+p{margin-top:.75rem}#meaning,#insole-more{color:var(--text-sec)}#disclaimer{color:var(--text-tertiary);font-size:.875rem}#legend{color:var(--text-sec);margin:1.25rem 0 0;font-size:.8125rem}#legend-bar{border-radius:999px;height:.5rem;margin-bottom:.5rem}#scale{margin:1.75rem 0 1.5rem}.track{background:var(--card-04);border-radius:999px;height:.5rem;position:relative}.track:before,.track:after{content:"";background:var(--border-03);width:1px;position:absolute;top:-3px;bottom:-3px}.track:before{left:33.3%}.track:after{left:66.6%}.marker{background:var(--accent);border:3px solid var(--card);width:1.125rem;height:1.125rem;box-shadow:0 0 0 1px var(--accent);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.labels{text-align:center;color:var(--text-sec);grid-template-columns:repeat(3,1fr);margin-top:.75rem;font-size:.8125rem;display:grid}#bars li{grid-template-columns:8.5rem 1fr 3rem;align-items:center;gap:.75rem;min-height:1.75rem;font-size:.875rem;display:grid}#live-status{color:var(--text-sec)}.bar{background:var(--card-04);border-radius:999px;height:.375rem;overflow:hidden}.bar i{background:var(--fg);height:100%;display:block}#bars output,#values li span:last-child{text-align:right;font:400 .8125rem var(--font-mono)}details{border-top:1px solid var(--border-02);margin-top:1.75rem;padding-top:.25rem}summary{cursor:pointer;min-height:2.75rem;color:var(--text-sec);align-items:center;font-size:.9375rem;display:flex}summary:hover{color:var(--text)}details p,details table{font-size:.875rem}details p{color:var(--text-sec);margin:.5rem 0}.grid2{color:var(--text-sec);grid-template-columns:1fr 1fr;gap:0 .75rem;font-size:.875rem;display:grid}.grid2 label{flex-direction:column;align-items:stretch;gap:.25rem;min-height:0;margin:.25rem 0 .5rem}table{border-collapse:collapse;width:100%}td{vertical-align:top;padding:.25rem 0}td:nth-child(2),td:nth-child(3){text-align:right;font-family:var(--font-mono);padding-left:.5rem;font-size:.8125rem}td.rule{color:var(--text-tertiary);padding:0 0 .5rem;font-size:.8125rem}.refs{color:var(--text-tertiary)!important;font-size:.8125rem!important}#values li{justify-content:space-between;font-size:.875rem;display:flex}#time,#live{font:400 .8125rem var(--font-mono);color:var(--text-sec)}aside .foot{margin-top:1.5rem}@media (width<=52rem){main{grid-template-rows:auto 55vh auto;grid-template-columns:1fr;height:auto}aside{margin:0 1rem 1rem}.appbar{grid-template-columns:auto 1fr;gap:.5rem}.spacer{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}