*,:before,:after{box-sizing:border-box}body{margin:0}.app{background:var(--bec-hero-bg);min-height:100vh;color:var(--bec-fg);font-family:var(--bec-font-body);justify-content:center;padding:28px 16px 64px;display:flex}.shell{width:100%;max-width:680px}.card{background:linear-gradient(180deg, var(--bec-surface-2) 0%, var(--bec-surface-1) 100%);border:1px solid var(--bec-line-strong);border-radius:var(--bec-radius-card);margin-bottom:18px;padding:24px}.card-hero{border-top:2px solid color-mix(in srgb, var(--bec-accent) 60%, transparent)}.logo{width:auto;max-width:100%;height:34px;margin-bottom:18px;display:block}.wordmark{font-family:var(--bec-font-display);letter-spacing:.01em;margin:0 0 18px;font-size:26px;font-weight:700;line-height:1.2}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--bec-accent-text);margin-bottom:8px;font-size:11px;font-weight:700}.app h1{font-family:var(--bec-font-display);letter-spacing:.01em;margin:0 0 10px;font-size:32px;font-weight:700;line-height:1.18}.app h2{margin:0 0 8px;font-size:20px;font-weight:700}.muted{color:var(--bec-fg-muted);margin:0;font-size:14.5px;line-height:1.55}.muted-tight{margin-top:8px}.mono{font-family:var(--bec-font-mono)}.is-good{color:var(--bec-success-text)}.is-bad{color:var(--bec-danger-text)}.is-idle{color:var(--bec-fg-faint)}.btn-reset{width:100%;color:var(--bec-accent-text);border:1px solid color-mix(in srgb, var(--bec-accent) 45%, transparent);border-radius:var(--bec-radius-input);cursor:pointer;background:0 0;margin-top:16px;padding:12px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.btn-reset:hover{background:color-mix(in srgb, var(--bec-accent) 12%, transparent)}.pills{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.pill{background:var(--bec-surface-0);color:var(--bec-fg);border:1px solid var(--bec-line);cursor:pointer;border-radius:999px;padding:12px;font-family:inherit;font-size:15px;font-weight:600}.pill.active{background:var(--bec-accent-gradient);color:var(--bec-accent-contrast);border-color:var(--bec-accent)}.note{background:color-mix(in srgb, var(--bec-accent) 7%, transparent);border:1px solid var(--bec-line);border-radius:var(--bec-radius-input);color:var(--bec-fg-muted);margin-top:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}.note b{color:var(--bec-accent-text)}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-block{margin:12px 0}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--bec-fg-muted);font-size:13px;font-weight:600}.field-hint{color:var(--bec-fg-faint);font-size:11.5px}.field-input,.select{background:var(--bec-surface-0);color:var(--bec-fg);border:1px solid var(--bec-line-strong);border-radius:var(--bec-radius-input);width:100%;font-size:16px;font-family:var(--bec-font-mono);padding:11px 12px}.field-input:focus,.select:focus{outline:2px solid var(--bec-accent-text);outline-offset:1px}.hero-be{background:color-mix(in srgb, var(--bec-accent) 6%, transparent);border:1px solid var(--bec-line-strong);border-radius:var(--bec-radius-tile);margin:14px 0 16px;padding:20px}.hero-be-num{font-size:52px;font-weight:700;line-height:1.1}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tiles-sim{margin-top:16px}.tile{background:var(--bec-surface-0);border:1px solid var(--bec-line);border-radius:var(--bec-radius-tile);padding:14px}.tile-wide{grid-column:1/-1}.tile-label{color:var(--bec-fg-muted);margin-bottom:6px;font-size:12.5px;line-height:1.35}.tile-value{font-size:20px;font-weight:700;font-family:var(--bec-font-mono)}.arrow-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.arrow-glyph{color:var(--bec-accent-text);font-size:22px}.arrow-end{text-align:right}.sim-head{justify-content:space-between;align-items:baseline;display:flex}.sim-pct{color:var(--bec-accent-text);font-size:34px;font-weight:700}.slider-wrap{--bec-thumb:26px;margin:34px 0 6px;position:relative}.be-marker{top:-26px;left:calc(var(--bec-thumb) / 2 + (100% - var(--bec-thumb)) * var(--bec-be-fraction,0));text-align:center;position:absolute;transform:translate(-50%)}.be-marker-label{color:var(--bec-danger-text);white-space:nowrap;font-size:11px;font-weight:700}.be-marker-line{background:var(--bec-danger);width:2px;height:22px;margin:2px auto 0}.approval-slider{--bec-fill:var(--bec-accent-text);--bec-fill-fraction:0;appearance:none;cursor:pointer;--bec-fill-edge:calc(var(--bec-thumb) / 2 + (100% - var(--bec-thumb)) * var(--bec-fill-fraction));background:linear-gradient(to right, var(--bec-fill) 0, var(--bec-fill) var(--bec-fill-edge), var(--bec-slider-track) var(--bec-fill-edge), var(--bec-slider-track) 100%);border-radius:999px;outline:none;width:100%;height:8px}.approval-slider.is-above{--bec-fill:var(--bec-success-text)}.approval-slider::-webkit-slider-thumb{appearance:none;width:var(--bec-thumb);height:var(--bec-thumb);background:var(--bec-fg);border:2px solid var(--bec-accent);box-shadow:0 2px 8px color-mix(in srgb, var(--bec-accent-contrast) 45%, transparent);border-radius:50%}.approval-slider::-moz-range-thumb{width:var(--bec-thumb);height:var(--bec-thumb);background:var(--bec-fg);border:2px solid var(--bec-accent);box-shadow:0 2px 8px color-mix(in srgb, var(--bec-accent-contrast) 45%, transparent);border-radius:50%}.slider-scale{color:var(--bec-fg-faint);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.profit-panel{border-radius:var(--bec-radius-tile);border:1px solid;margin-top:14px;padding:20px}.profit-good{background:color-mix(in srgb, var(--bec-success) 8%, transparent);border-color:color-mix(in srgb, var(--bec-success) 40%, transparent)}.profit-bad{background:color-mix(in srgb, var(--bec-danger) 8%, transparent);border-color:color-mix(in srgb, var(--bec-danger) 40%, transparent)}.profit-idle{background:var(--bec-surface-0);border-color:var(--bec-line)}.profit-num{word-break:break-word;font-size:38px;font-weight:700;line-height:1.15}.profit-after{margin-top:8px;font-size:16px}.badge{border-radius:999px;margin-top:10px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.badge-good{background:color-mix(in srgb, var(--bec-success) 18%, transparent);color:var(--bec-success-text)}.badge-bad{background:color-mix(in srgb, var(--bec-danger) 16%, transparent);color:var(--bec-danger-text)}.formula{color:var(--bec-fg-muted);margin-top:14px;font-size:13px;line-height:1.6}.warn{background:color-mix(in srgb, var(--bec-danger) 8%, transparent);border:1px solid color-mix(in srgb, var(--bec-danger) 35%, transparent);border-radius:var(--bec-radius-input);color:var(--bec-danger-text);margin-top:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}.ok{background:color-mix(in srgb, var(--bec-success) 8%, transparent);border:1px solid color-mix(in srgb, var(--bec-success) 30%, transparent);border-radius:var(--bec-radius-input);color:var(--bec-success-text);margin-top:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}.footnote{color:var(--bec-fg-faint);padding:0 6px;font-size:13px;line-height:1.6}.footnote b{color:var(--bec-fg-muted)}.btn-reset:focus-visible,.pill:focus-visible,.field-input:focus-visible,.select:focus-visible{outline:2px solid var(--bec-accent-text);outline-offset:2px}.approval-slider:focus-visible{outline:2px solid var(--bec-accent-text);outline-offset:3px}@media (max-width:480px){.grid2,.tiles{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}