:root{color-scheme:light dark;font-family:system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{padding:.75rem 1rem;border-bottom:1px solid #3333}.app-header__title{font-size:1.1rem;font-weight:600}.nav{display:flex;gap:.25rem;padding:.5rem;border-bottom:1px solid #3333;overflow-x:auto}.nav__item{flex:1 1 0;padding:.6rem .5rem;border:1px solid #8884;border-radius:.5rem;background:transparent;font-size:.95rem;cursor:pointer;white-space:nowrap}.nav__item--active{border-color:currentColor;font-weight:600}.outlet{flex:1;padding:1rem}.screen h1{margin-top:0;font-size:1.3rem}.screen__stub-note{opacity:.7;font-style:italic}.field-group{border:1px solid #8884;border-radius:.5rem;padding:.75rem 1rem 1rem;margin:0 0 1rem}.field-group legend{padding:0 .4rem;font-weight:600}.field-group__status{min-height:1.2em;margin:0 0 .5rem;font-size:.85rem;color:#2e8b57;opacity:0;transition:opacity .2s ease}.field-group__status--visible{opacity:1}.field-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-top:1px solid #8882}.field-row:first-of-type{border-top:none}.field-row__label{flex:1 1 auto}.field-row__input-wrap{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.field-row__input{width:6rem;padding:.4rem .5rem;font-size:1rem;border:1px solid #8886;border-radius:.4rem;background:transparent;color:inherit;text-align:right}.field-row__unit{opacity:.7;min-width:1.6rem}.button{padding:.7rem 1.2rem;font-size:1rem;border:1px solid #8886;border-radius:.5rem;background:transparent;color:inherit;cursor:pointer}.button--primary{border-color:currentColor;font-weight:600}.mesure__instructions{opacity:.75}.mesure__error{color:#c0392b;font-weight:500}.mesure__panel{margin-top:1rem}.mesure__value{font-size:1.4rem;font-variant-numeric:tabular-nums}.mesure__status-row{display:flex;gap:.5rem;margin:.75rem 0}.badge{display:inline-block;padding:.3rem .7rem;border-radius:999px;font-size:.85rem;font-weight:600}.badge--unstable{background:#8886;color:inherit}.badge--stable{background:#2e8b57;color:#fff}.badge--frozen{background:#3498db;color:#fff}.resultat__content{display:flex;flex-direction:column;gap:.6rem}.resultat__no-measurement{opacity:.8}.resultat__ok{font-weight:600;color:#2e8b57}.resultat__wheel-list{margin:0;padding-left:1.1rem}.resultat__wheel-list li{padding:.2rem 0;font-size:.95rem}.resultat__diagram-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.resultat__topview{flex-shrink:0}.topview{display:block;width:100%;max-width:128px;height:auto}.topview__body{fill:none;stroke:currentColor;stroke-opacity:.5;stroke-width:2;rx:6}.topview__wheel{fill:none;stroke:currentColor;stroke-opacity:.6;stroke-width:2;rx:3}.topview__wheel--wedged{fill:#e67e22;stroke:#e67e22}.topview__wheel-label{font-size:9px;fill:currentColor;opacity:.55}.topview__wedge-icon{fill:#e67e22}.topview__distance-label{font-size:12px;font-weight:600;fill:#e67e22}.topview__axis-label{font-size:11px;fill:currentColor;opacity:.45;letter-spacing:.05em;text-transform:uppercase}.resultat__live-stack{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.resultat__live-error{font-size:.8rem;max-width:9rem;text-align:right}.resultat__live-start{padding:.5rem .8rem;font-size:.85rem}.resultat__live-values{display:flex;flex-direction:column;gap:.5rem}.resultat__live-item{display:flex;align-items:center;gap:.4rem}.resultat__live-icon{display:flex;opacity:.45;flex-shrink:0}.resultat__live-col{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.resultat__live-label{font-size:.7rem;opacity:.6}.resultat__live-value{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;padding:.15rem .5rem;border-radius:.6rem;min-width:3.6rem;text-align:center;transition:background-color .2s ease,color .2s ease}.resultat__live-value--green{color:#1e7a45;background:#2e8b5722}.resultat__live-value--orange{color:#b9660b;background:#e67e2222}.resultat__live-value--red{color:#c0392b;background:#c0392b22}
