:root{--bg-primary:#0d0d0d;--bg-surface:#161613;--bg-surface-raised:#1e1e1a;--bg-input:#131311;--border-subtle:#2a2a24;--border-strong:#3a3a32;--green-bright:#7ed321;--green-light:#cbe568;--green-glow:#7ed32159;--cream:#f0f2d5;--cream-dim:#b8baa3;--text-muted:#7a7c6e;--danger:#e5484d;--warning:#e5a83d;--font-display:"Sora", "Segoe UI", Roboto, Arial, sans-serif;--font-body:"Manrope", "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Consolas, "Courier New", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}input,button{font-family:inherit}.unit-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);flex-shrink:0;display:flex;overflow:hidden}.unit-toggle__btn{font-family:var(--font-mono);letter-spacing:.04em;background:var(--bg-input);color:var(--cream-dim);cursor:pointer;border:none;padding:6px 14px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s}.unit-toggle__btn:not(:last-child){border-right:1px solid var(--border-strong)}.unit-toggle__btn--active{background:var(--green-bright);color:var(--bg-primary)}.unit-toggle__btn:hover:not(.unit-toggle__btn--active){color:var(--cream)}.tool-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.tool-header__logo{object-fit:contain;flex-shrink:1;width:auto;min-width:0;max-width:62%;height:34px;display:block}.unit-toggle{flex-shrink:0}.tool-footer{text-align:center;border-top:1px solid var(--border-subtle);font-family:var(--font-body);color:var(--text-muted);padding:24px 20px 32px;font-size:12px;line-height:1.7}.tool-footer p{overflow-wrap:break-word;margin:2px 0}.tool-footer__developed{font-family:var(--font-display);color:var(--green-bright);letter-spacing:.01em;font-size:13px;font-weight:700;margin-top:8px!important}.result-tile{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0;padding:14px 16px}.result-tile--warning{border-color:var(--warning)}.result-tile--emphasis{border-color:var(--green-bright);box-shadow:0 0 0 1px var(--green-glow) inset}.result-tile__label{font-family:var(--font-body);color:var(--text-muted);overflow-wrap:break-word;margin-bottom:6px;font-size:12px}.result-tile__value{font-family:var(--font-mono);color:var(--green-light);overflow-wrap:break-word;font-size:22px;font-weight:600}.result-tile__unit{font-family:var(--font-body);color:var(--cream-dim);white-space:nowrap;margin-left:6px;font-size:13px;font-weight:400}.result-tile__sub{font-family:var(--font-mono);color:var(--cream-dim);margin-top:4px;font-size:12px}.methodology-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.methodology-panel__toggle{cursor:pointer;width:100%;font-family:var(--font-display);color:var(--cream);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.methodology-panel__chevron{color:var(--green-bright);flex-shrink:0;transition:transform .15s}.methodology-panel__chevron--open{transform:rotate(180deg)}.methodology-panel__body{font-family:var(--font-body);color:var(--cream-dim);border-top:1px solid var(--border-subtle);padding:0 16px 18px;font-size:14px;line-height:1.6}.methodology-panel__body h4{font-family:var(--font-display);color:var(--green-light);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px;font-size:13px}.methodology-panel__body code{font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--cream);overflow-wrap:break-word;border-radius:4px;padding:1px 6px;font-size:13px}.methodology-panel__body p{margin:8px 0}.fansel-page{background:var(--bg-primary);min-height:100vh;color:var(--cream);flex-direction:column;display:flex}.fansel-page__main{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:1100px;margin:0 auto;padding:28px 20px 40px}.fansel-page__grid{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:24px;display:grid}@media (width<=760px){.fansel-page__grid{grid-template-columns:minmax(0,1fr)}}@media (width>=761px){.fansel-panel--output{position:sticky;top:20px}}.fansel-panel{background:var(--bg-surface);border-radius:var(--radius-lg);min-width:0;padding:20px;box-shadow:0 1px 3px #00000059}.fansel-panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.fansel-panel__title{font-family:var(--font-display);color:var(--cream);margin:0;font-size:16px;font-weight:600}.fansel-dirty-flag{font-family:var(--font-body);color:var(--warning);white-space:nowrap;background:#e5a83d1f;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.fansel-panel>.methodology-panel{background:var(--bg-surface-raised);margin:16px 0}.fansel-panel>.methodology-panel .fansel-row-field:last-child{margin-bottom:0}.fansel-field{min-width:0;margin-bottom:16px;display:block}.fansel-field__label{font-family:var(--font-body);color:var(--cream-dim);overflow-wrap:break-word;margin-bottom:6px;font-size:13px;display:block}.fansel-field__label-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.fansel-field__label-row .fansel-field__label{margin-bottom:0}.fansel-airflow-toggle{border-radius:var(--radius-sm);flex-shrink:0;display:flex;overflow:hidden}.fansel-airflow-toggle__btn{font-family:var(--font-mono);letter-spacing:.03em;background:var(--bg-input);color:var(--cream-dim);cursor:pointer;border:none;padding:4px 10px;font-size:11.5px;font-weight:600}.fansel-airflow-toggle__btn--active{background:var(--green-bright);color:var(--bg-primary)}.fansel-field__control{border-radius:var(--radius-sm);background:var(--bg-input);align-items:stretch;min-width:0;display:flex;overflow:hidden}.fansel-field__control input{min-width:0;color:var(--cream);font-family:var(--font-mono);background:0 0;border:none;flex:1;padding:10px 12px;font-size:16px;font-weight:400}.fansel-field__control input:focus{outline:2px solid var(--green-bright);outline-offset:-2px}.fansel-field__unit{font-family:var(--font-body);color:var(--text-muted);background:var(--bg-surface-raised);white-space:nowrap;flex-shrink:0;padding:10px 12px;font-size:13px}.fansel-select{background:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--cream);font-family:var(--font-body);box-sizing:border-box;border:none;padding:10px 12px;font-size:14px;font-weight:600}.fansel-select:focus{outline:2px solid var(--green-bright);outline-offset:-2px}.fansel-field__hint{font-family:var(--font-body);color:var(--text-muted);overflow-wrap:break-word;margin-top:6px;font-size:11px;display:block}.fansel-row-field{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:10px;display:flex}.fansel-row-field__label{font-family:var(--font-body);color:var(--cream-dim);overflow-wrap:break-word;align-items:baseline;gap:8px;min-width:0;font-size:13px;display:flex}.fansel-row-field__num{font-family:var(--font-mono);color:var(--cream-dim);flex-shrink:0;width:18px;font-size:14px;font-weight:700}.fansel-row-field__control{border-radius:var(--radius-sm);background:var(--bg-input);flex-shrink:0;align-items:stretch;display:flex;overflow:hidden}.fansel-row-field__control input{width:72px;min-width:0;color:var(--cream);font-family:var(--font-mono);text-align:right;background:0 0;border:none;padding:8px 10px;font-size:14px;font-weight:400}.fansel-row-field__control input:focus{outline:2px solid var(--green-bright);outline-offset:-2px}.fansel-row-field__unit{font-family:var(--font-body);color:var(--text-muted);background:var(--bg-surface-raised);flex-shrink:0;padding:8px 10px;font-size:12px}.fansel-row-field--extra{gap:8px}.fansel-row-field__label-input{border:none;border-bottom:1px dashed var(--border-strong);min-width:0;color:var(--cream-dim);font-family:var(--font-body);background:0 0;flex:1;padding:0 0 2px;font-size:13px}.fansel-row-field__label-input:focus{border-bottom-color:var(--green-bright);color:var(--cream);outline:none}.fansel-row-field__remove{background:var(--bg-input);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;font-size:15px;line-height:1}.fansel-row-field__remove:hover{color:var(--danger);background:#e5484d2e}.fansel-add-select{background:var(--bg-input);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--cream-dim);font-family:var(--font-body);box-sizing:border-box;cursor:pointer;margin-top:4px;padding:9px 12px;font-size:13px}.fansel-add-select:focus{outline:2px solid var(--green-bright);outline-offset:-2px}.fansel-slider-field{min-width:0;margin:18px 0}.fansel-slider-field__head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.fansel-slider-field__label{font-family:var(--font-body);color:var(--cream-dim);font-size:13px}.fansel-slider-field__value{font-family:var(--font-mono);color:var(--green-light);white-space:nowrap;font-size:13.5px;font-weight:700}.fansel-slider-field input[type=range]{width:100%;accent-color:var(--green-bright);height:20px}.fansel-slider-field__hint{font-family:var(--font-body);color:var(--text-muted);overflow-wrap:break-word;margin-top:6px;font-size:11px;display:block}.fansel-calculate-btn{background:var(--green-bright);width:100%;color:var(--bg-primary);border-radius:var(--radius-md);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;box-sizing:border-box;border:none;margin-top:22px;padding:13px 20px;font-size:15px;font-weight:700}.fansel-calculate-btn:hover{background:var(--green-light)}.fansel-calculate-btn:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.fansel-results-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.fansel-results-grid .result-tile{box-shadow:none;border:none}.fansel-results-grid .result-tile__value{font-size:18px;font-weight:700}.fansel-badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.fansel-badge--good{color:var(--green-light);background:#7ed3212e}.fansel-badge--fair{color:var(--warning);background:#e5a83d2e}.fansel-badge--poor{color:var(--danger);background:#e5484d2e}.fansel-report-capture{background:var(--bg-surface-raised);border-radius:var(--radius-md);min-width:0;margin-top:16px;padding:14px 16px}.fansel-report-capture__row{font-family:var(--font-body);color:var(--cream-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.fansel-report-capture__icon{flex-shrink:0;font-size:15px}.fansel-report-capture__inputrow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.fansel-report-capture__inputrow input{background:var(--bg-input);border-radius:var(--radius-sm);min-width:140px;color:var(--cream);font-family:var(--font-body);box-sizing:border-box;border:none;flex:1;padding:9px 12px;font-size:13px}.fansel-report-capture__inputrow input:focus{outline:2px solid var(--green-bright);outline-offset:-2px}.fansel-report-capture__error{font-family:var(--font-body);color:var(--danger);margin-top:8px;font-size:12px;display:block}.fansel-report-capture__actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.fansel-report-capture__btn{text-align:center;background:var(--green-bright);min-width:140px;color:var(--bg-primary);font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;box-sizing:border-box;border:none;flex:1;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.fansel-report-capture__btn:hover{background:var(--green-light)}.fansel-report-capture__fallback-link{font-family:var(--font-body);color:var(--green-light);margin-top:8px;font-size:12px;font-weight:600;text-decoration:underline;display:block}.fansel-report-capture__hint{font-family:var(--font-body);color:var(--text-muted);margin-top:8px;font-size:11px;display:block}.fansel-page .methodology-panel{border:none;box-shadow:0 1px 3px #00000059}.fansel-page .methodology-panel__body{border-top:none}.fansel-cta{border-radius:var(--radius-lg);background:linear-gradient(120deg,#7ed3211f,#7ed32108);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 22px;display:flex}.fansel-cta__text{font-family:var(--font-body);color:var(--cream);overflow-wrap:break-word;max-width:46ch;font-size:14px}.fansel-cta__text strong{color:var(--green-light)}.fansel-cta__btn{background:var(--green-bright);max-width:100%;color:var(--bg-primary);border-radius:var(--radius-md);font-family:var(--font-display);text-align:center;overflow-wrap:break-word;box-sizing:border-box;flex-shrink:0;padding:11px 20px;font-size:13.5px;font-weight:700;text-decoration:none}