.Header{display:flex;align-items:center;gap:var(--space-2);height:var(--header-h);padding:0 var(--space-4);border-bottom:1px solid var(--line)}.Header-back{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);margin-left:calc(var(--space-3) * -1);color:var(--text-dim);flex-shrink:0}.Header-title{font:600 16px/1.2 var(--font-ui);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SectionLabel{font:var(--label);letter-spacing:var(--label-track);color:var(--text-faint);text-transform:uppercase;padding:0 var(--space-1)}.ToolListItem{display:flex;align-items:center;width:100%;min-height:var(--tap);gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-align:left;transition:background-color .13s ease}.ToolListItem:not(:disabled):active{background:var(--surface-2)}.ToolListItem:disabled{opacity:.45;cursor:default}.ToolListItem-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;color:var(--accent)}.ToolListItem-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.ToolListItem-title{font:500 15px/1.3 var(--font-ui);color:var(--text)}.ToolListItem-subtitle{font:400 13px/1.3 var(--font-ui);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ToolListItem-chevron{flex-shrink:0;display:flex;align-items:center;color:var(--text-faint)}.EmptyHint{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-faint);font:400 14px/1.5 var(--font-ui)}.Card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}.NumberField{display:flex;flex-direction:column;gap:var(--space-1)}.NumberField-label{font:var(--label);letter-spacing:var(--label-track);color:var(--text-dim);text-transform:uppercase}.NumberField-inputRow{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.NumberField-inputRow:focus-within{border-color:var(--accent-line);background:var(--surface-2);box-shadow:0 0 0 3px var(--accent-ring)}.NumberField--error .NumberField-label,.NumberField-error{color:var(--error)}.NumberField--error .NumberField-inputRow{border-color:var(--error-line);background:var(--error-soft)}.NumberField--error .NumberField-inputRow:focus-within{border-color:var(--error);box-shadow:0 0 0 3px var(--error-ring)}.NumberField-input{flex:1;min-width:0;height:var(--tap);border:none;outline:none;background:transparent;color:var(--text);font:500 17px/1 var(--font-mono);letter-spacing:.01em}.NumberField-input::placeholder{color:var(--text-faint);font-weight:400}.NumberField-unit{flex-shrink:0;padding-left:var(--space-2);color:var(--text-dim);font:500 13px/1 var(--font-ui);white-space:nowrap}.NumberField-error{font:500 12px/1.4 var(--font-ui)}.ResultBlock{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius)}.ResultBlock-label{font:var(--label);letter-spacing:var(--label-track);color:var(--text-faint);text-transform:uppercase}.ResultBlock-main{font:600 32px/1.15 var(--font-mono);color:var(--accent);letter-spacing:-.01em}.ResultBlock-rows{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--line)}.ResultBlock-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.ResultBlock-rowLabel{font:400 13px/1.4 var(--font-ui);color:var(--text-dim)}.ResultBlock-rowValue{font:500 13px/1.4 var(--font-mono);color:var(--text);white-space:nowrap}.Hello,.Hello-fields{display:flex;flex-direction:column;gap:var(--space-4)}.ChoiceGroup{min-width:0;margin:0;padding:0;border:0}.ChoiceGroup-legend{width:100%;margin-bottom:var(--space-2);padding:0;color:var(--text-dim);font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase}.ChoiceGroup-options{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.ChoiceGroup--2col .ChoiceGroup-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ChoiceGroup-option{position:relative;display:flex;align-items:center;min-height:var(--tap-large);gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.ChoiceGroup-option:hover{background:var(--surface-2);border-color:var(--line-strong)}.ChoiceGroup-option--checked{border-color:var(--accent-line);background:var(--accent-soft)}.ChoiceGroup-option:has(.ChoiceGroup-input:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.ChoiceGroup-option:has(.ChoiceGroup-input:disabled){cursor:not-allowed;opacity:.48}.ChoiceGroup-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ChoiceGroup-indicator{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;color:var(--bg);background:transparent;font:800 14px/1 var(--font-ui)}.ChoiceGroup-option--checked .ChoiceGroup-indicator{border-color:var(--accent);background:var(--accent)}.ChoiceGroup-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.ChoiceGroup-label{font:600 14px/1.25 var(--font-ui)}.ChoiceGroup-description{color:var(--text-dim);font:400 12px/1.35 var(--font-ui)}@media(max-width:360px){.ChoiceGroup--2col .ChoiceGroup-options{grid-template-columns:minmax(0,1fr)}}.ToggleField{position:relative;display:flex;align-items:center;min-height:var(--tap-large);gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.ToggleField:hover{border-color:var(--line-strong);background:var(--surface-2)}.ToggleField--checked{border-color:var(--accent-line);background:var(--accent-soft)}.ToggleField:has(.ToggleField-input:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.ToggleField:has(.ToggleField-input:disabled){cursor:not-allowed;opacity:.48}.ToggleField-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ToggleField-indicator{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--bg);background:transparent;font:800 14px/1 var(--font-ui)}.ToggleField--checked .ToggleField-indicator{border-color:var(--accent);background:var(--accent)}.ToggleField-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.ToggleField-label{font:600 14px/1.25 var(--font-ui)}.ToggleField-description{color:var(--text-dim);font:400 12px/1.35 var(--font-ui)}.ToggleField-state{flex:0 0 auto;color:var(--text-dim);font:600 12px/1 var(--font-ui)}.ToggleField--checked .ToggleField-state{color:var(--accent)}.FieldPreview{min-width:0;margin:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken)}.FieldPreview-track{display:flex;min-width:0;align-items:center;height:46px;overflow:hidden}.FieldPreview-anchor{z-index:1;flex:0 1 auto;min-width:1px;box-sizing:border-box}.FieldPreview-anchor--post{width:9px;height:34px;border:1px solid var(--accent-line);background:var(--accent-soft)}.FieldPreview-anchor--boundary{width:2px;height:40px;background:var(--text-dim)}.FieldPreview-field{position:relative;flex-basis:0;align-self:center;min-width:1px;height:1px;background:var(--line-strong)}.FieldPreview-field--remainder{height:5px;border-radius:2px;background:var(--warn)}.FieldPreview-field span{position:absolute;bottom:7px;left:50%;color:var(--warn);font:600 9px/1 var(--font-ui);transform:translate(-50%)}.FieldPreview-caption{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);color:var(--text-dim);font:400 10px/1.3 var(--font-ui)}.FieldPreview-caption span{display:inline-flex;align-items:center;gap:5px}.FieldPreview-caption i{display:inline-block;box-sizing:border-box}.FieldPreview-keyPost{width:7px;height:13px;border:1px solid var(--accent-line);background:var(--accent-soft)}.FieldPreview-keyBoundary{width:2px;height:13px;background:var(--text-dim)}.FieldPreview-keyRest{width:13px;height:4px;border-radius:2px;background:var(--warn)}.GoalSelector .ChoiceGroup-option{min-height:78px;align-items:flex-start;padding-block:var(--space-3)}.GoalSelector .ChoiceGroup-indicator{margin-top:1px}@media(max-width:520px){.GoalSelector .ChoiceGroup-options{grid-template-columns:minmax(0,1fr)}}.MarkList{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);overflow:hidden}.MarkList-headingRow{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line)}.MarkList-eyebrow{color:var(--text-dim);font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase}.MarkList-heading{margin:var(--space-1) 0 0;color:var(--text);font:650 17px/1.3 var(--font-ui)}.MarkList-direction{flex:0 0 auto;color:var(--accent);font:600 12px/1.2 var(--font-ui)}.MarkList-list{margin:0;padding:0;list-style:none}.MarkList-row{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(105px,auto);min-width:0;align-items:center;gap:var(--space-2);padding:12px var(--space-4);border-bottom:1px solid var(--line)}.MarkList-row:last-child{border-bottom:0}.MarkList-row--outside{background:var(--accent-soft)}.MarkList-number{color:var(--text-faint);font:600 11px/1 var(--font-mono);font-variant-numeric:tabular-nums}.MarkList-role,.MarkList-values{display:flex;min-width:0;flex-direction:column;gap:2px}.MarkList-role{color:var(--text);font:500 13px/1.3 var(--font-ui)}.MarkList-role small,.MarkList-values small{color:var(--text-dim);font:400 10px/1.25 var(--font-ui)}.MarkList-row--outside .MarkList-role small{color:var(--warn)}.MarkList-values{align-items:flex-end;text-align:right}.MarkList-values strong{color:var(--text);font:650 18px/1.15 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.MarkList-note{margin:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);color:var(--text-dim);font:400 11px/1.4 var(--font-ui)}@media(max-width:380px){.MarkList-row{grid-template-columns:24px minmax(0,1fr) minmax(92px,auto);padding-inline:var(--space-3)}.MarkList-values strong{font-size:16px}}.Notice{display:flex;min-width:0;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken)}.Notice--warning{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 7%,var(--surface-sunken))}.Notice--error{border-color:var(--error-line);background:var(--error-soft)}.Notice-code{color:var(--text-dim);font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase}.Notice--warning .Notice-code,.Notice--warning strong{color:var(--warn)}.Notice--error .Notice-code,.Notice--error strong{color:var(--error)}.Notice strong{font:650 14px/1.35 var(--font-ui)}.Notice p{margin:0;color:var(--text-dim);font:400 12px/1.45 var(--font-ui)}.ResultSummary{padding:var(--space-4);border:1px solid var(--accent-line);border-radius:var(--radius);background:linear-gradient(145deg,var(--accent-soft),var(--surface-sunken) 44%)}.ResultSummary-eyebrow{color:var(--text-dim);font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase}.ResultSummary-main{margin:var(--space-2) 0 0;color:var(--accent);font:700 clamp(28px,8vw,42px)/1 var(--font-mono);letter-spacing:-.04em}.ResultSummary-primary{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--line);color:var(--text-dim);font:500 13px/1.4 var(--font-ui)}.ResultSummary-primary strong{color:var(--text);font:650 19px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.ResultSummary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-5);margin:0}.ResultSummary-item{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:9px 0;border-bottom:1px solid var(--line)}.ResultSummary-item dt{color:var(--text-dim);font:400 12px/1.35 var(--font-ui)}.ResultSummary-item dd{min-width:0;margin:0;color:var(--text);font:600 12px/1.35 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}.ResultSummary-item--ok dd{color:var(--ok)}@media(max-width:600px){.ResultSummary-grid{grid-template-columns:1fr}}.PfostenInputs-section,.PfostenInputs-stack{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.PfostenInputs-headingRow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.PfostenInputs-heading{color:var(--text);font:650 16px/1.3 var(--font-ui)}.PfostenInputs-help{margin-top:var(--space-1);color:var(--text-dim);font:400 13px/1.45 var(--font-ui)}.PfostenInputs-fieldset{min-width:0;margin:0;padding:0;border:0}.PfostenInputs-legend{width:100%;margin-bottom:var(--space-2);padding:0;color:var(--text-dim);font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase}.PfostenInputs-twoColumn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.PfostenInputs-details{border-top:1px solid var(--line);color:var(--text-dim)}.PfostenInputs-details summary{min-height:48px;padding-block:var(--space-3);cursor:pointer;font:600 13px/1.5 var(--font-ui)}.PfostenInputs-detailsBody{padding:0 0 var(--space-2)}@media(max-width:520px){.PfostenInputs-twoColumn{grid-template-columns:minmax(0,1fr)}}.Pfostenrechner{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.MeasurementPreview{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken)}.MeasurementPreview-track{display:flex;align-items:center;min-height:32px}.MeasurementPreview-anchor{z-index:1;flex:0 0 2px;width:2px;height:24px;border-radius:1px;background:var(--text-dim)}.MeasurementPreview-anchor--post{flex-basis:14px;width:14px;height:30px;border:1px solid var(--accent-line);background:var(--accent-soft)}.MeasurementPreview-line{position:relative;flex:1;height:1px;background:var(--line-strong)}.MeasurementPreview-arrow{position:absolute;top:50%;right:-1px;color:var(--accent);font:700 24px/1 var(--font-ui);transform:translateY(-54%)}.MeasurementPreview--reverse .MeasurementPreview-track{flex-direction:row-reverse}.MeasurementPreview--reverse .MeasurementPreview-arrow{right:auto;left:-1px;transform:translateY(-54%) rotate(180deg)}.MeasurementPreview-caption{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2);color:var(--text-dim);font:400 11px/1.35 var(--font-ui)}.MeasurementPreview-caption>:last-child{text-align:right}.MeasurementPreview-caption strong{color:var(--text);font-weight:650}.MeasurementPreview-direction{color:var(--accent);white-space:nowrap}.MeasurementPreview--vertical .MeasurementPreview-track{border-inline:1px solid transparent}.Pfostenrechner-results{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.Pfostenrechner-reset{min-height:var(--tap-large);padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:650 14px/1 var(--font-ui);cursor:pointer}.Pfostenrechner-reset:hover{border-color:var(--accent-line);background:var(--accent-soft)}.Pfostenrechner-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.Pfostenrechner-resetHint{margin:calc(-1 * var(--space-2)) 0 0;color:var(--text-dim);font:400 11px/1.4 var(--font-ui);text-align:center}@media(max-width:420px){.MeasurementPreview-caption{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.MeasurementPreview-direction{grid-column:1 / -1;grid-row:1;text-align:center}}.HomePage{max-width:var(--content-w);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.HomePage-intro{font:400 14px/1.5 var(--font-ui);color:var(--text-dim)}.HomePage-group,.HomePage-list{display:flex;flex-direction:column;gap:var(--space-2)}.EmptyState{max-width:var(--content-w);margin:0 auto;padding:var(--space-7) var(--space-4);display:flex;justify-content:center}.EmptyState-message{font:400 14px/1.5 var(--font-ui);color:var(--text-dim);margin-bottom:var(--space-3)}.EmptyState-backLink{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--accent);font:500 14px/1.3 var(--font-ui)}.ToolPage{max-width:var(--content-w);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.ReloadPrompt{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:0 8px 24px #00000059;font:500 14px/1.3 var(--font-ui);color:var(--text)}.ReloadPrompt--info{border-color:var(--accent-line);background:var(--accent-soft)}.ReloadPrompt-message{flex:1}.ReloadPrompt-actions{display:flex;gap:var(--space-2)}.ReloadPrompt-button{min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text);font:600 13px/1 var(--font-ui);cursor:pointer}.ReloadPrompt-button--primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.ReloadPrompt-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--bg: #0a0c0f;--bg-glow: rgba(245, 165, 36, .09);--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .055);--surface-sunken: rgba(0, 0, 0, .25);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #e8ebef;--text-dim: #9aa3ae;--text-faint: #6b7480;--accent: #f5a524;--accent-soft: rgba(245, 165, 36, .12);--accent-line: rgba(245, 165, 36, .34);--accent-ring: rgba(245, 165, 36, .2);--ok: #4ade80;--warn: #fbbf24;--error: #f87171;--error-soft: rgba(248, 113, 113, .1);--error-line: rgba(248, 113, 113, .5);--error-ring: rgba(248, 113, 113, .18);--radius: 4px;--radius-sm: 3px;--tap: 44px;--tap-large: 48px;--header-h: 56px;--content-w: 720px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--label: 600 11px/1.2 var(--font-ui);--label-track: .14em;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:0;background:var(--bg);background-image:radial-gradient(ellipse 900px 500px at 50% -10%,var(--bg-glow),transparent 60%);background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font:400 15px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}h1,h2,h3,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
