.opcalc{--bg:#faf9fc;--bg-dark:#0a0022;--card:#fff;--card-alt:#f7f1fd;--on-dark:#fafafa;--on-dark-muted:#a294b5;--red-on-dark:#ff7b93;--ink:#12081f;--muted:#6b6178;--accent:#bb34ff;--accent-2:#9a40e0;--accent-light:#b050ff;--line:#e6e1ec;--field:#fff;--field-line:#d5cede;--red:#c2034b;--font-head:"Bakbak One",Impact,"Haettenschweiler","Arial Narrow",sans-serif;--font-body:"Montserrat",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.5;letter-spacing:-.2px;padding-bottom:130px;min-height:100vh}.opcalc *,.opcalc :after,.opcalc :before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.opcalc .wrap{max-width:640px;margin:0 auto;padding:0 16px}.opcalc header{background:var(--bg-dark);color:var(--on-dark);padding:24px 0 20px;border-bottom:3px solid var(--accent)}.opcalc .brand-line{color:var(--ink)}.opcalc .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--on-dark);background:rgba(187,52,255,.16);border:1px solid var(--accent);border-radius:2px;padding:4px 9px;margin-bottom:10px}.opcalc .eyebrow svg{display:block;flex:none}.opcalc .brand{font-family:var(--font-head);font-size:1.45rem;line-height:1.14;font-weight:400;letter-spacing:-.01em;text-transform:uppercase}.opcalc .brand-sub{font-size:1.2rem;line-height:1.2;color:var(--accent);display:block;margin-top:2px}.opcalc .brand-sub,.opcalc h2{font-weight:700;letter-spacing:-.2px}.opcalc h2{font-size:1rem;margin:26px 0 10px;padding-bottom:7px;border-bottom:2px solid var(--accent)}.opcalc .panel{background:var(--card);border:1px solid var(--line);border-radius:2px;padding:14px;box-shadow:0 1px 3px rgba(18,8,31,.05)}.opcalc .rev-row{padding:10px 0}.opcalc .rev-row+.rev-row{border-top:1px solid var(--line)}.opcalc .rev-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.opcalc .rev-label{font-weight:600;font-size:1rem}.opcalc .rev-input{font-family:inherit;font-size:1.1rem;font-weight:700;text-align:right;width:44%;min-width:130px;border:1px solid var(--field-line);border-radius:2px;padding:10px;background:var(--field);color:var(--ink)}.opcalc .fix-input:focus,.opcalc .pct-input:focus,.opcalc .rev-input:focus{outline:none;border-color:var(--accent)}.opcalc input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:34px;background:transparent;accent-color:var(--accent);cursor:pointer}.opcalc input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#e2dbea}.opcalc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 0 0 3px rgba(187,52,255,.18)}.opcalc input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#e2dbea}.opcalc input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.opcalc input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 0 0 3px rgba(187,52,255,.18)}.opcalc input[type=range]:focus{outline:none}.opcalc .rev-total{display:flex;justify-content:space-between;padding-top:12px;margin-top:4px;border-top:2px solid var(--accent);font-weight:700;font-size:1.05rem}.opcalc .cost{padding:12px 0}.opcalc .cost+.cost{border-top:1px solid var(--line)}.opcalc .cost-name{font-weight:600;font-size:.98rem}.opcalc .cost-basis{font-size:.74rem;color:var(--muted);letter-spacing:0;margin-top:2px}.opcalc .cost-ctrl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.opcalc .rate-box{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--muted)}.opcalc .fix-input,.opcalc .pct-input{font-family:inherit;font-size:1rem;font-weight:600;text-align:right;border:1px solid var(--field-line);border-radius:2px;padding:9px 8px;background:var(--field);color:var(--ink)}.opcalc .pct-input{width:70px}.opcalc .fix-input{width:130px}.opcalc .amount{color:var(--red);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1rem;white-space:nowrap;font-weight:600}.opcalc .totalline{display:flex;justify-content:space-between;border-top:2px solid var(--accent);padding-top:12px;margin-top:8px;font-weight:700;font-size:1.02rem}.opcalc .totalline .amount{font-weight:700}.opcalc .resultbar{position:fixed;left:0;right:0;bottom:0;background:var(--bg-dark);color:var(--on-dark);border-top:3px solid var(--accent);padding:12px 0 max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(18,8,31,.35);z-index:40}.opcalc .resultbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px}.opcalc .np-label{font-size:.8rem;color:var(--on-dark-muted)}.opcalc .np-value{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.opcalc .np-value.neg{color:var(--red-on-dark)}.opcalc .np-margin{font-size:.9rem;text-align:right;color:var(--on-dark-muted)}.opcalc .np-margin b{font-size:1.2rem;color:var(--accent);display:block}.opcalc .note-list{list-style:none;font-size:.85rem;color:var(--muted);line-height:1.55}.opcalc .note-list li{position:relative;padding-left:18px}.opcalc .note-list li+li{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.opcalc .note-list li:before{content:"";position:absolute;left:0;top:.52em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.opcalc .note-list li+li:before{top:calc(10px + .52em + 1px)}.opcalc .note-list b{color:var(--ink);font-weight:700}.opcalc .disclaimer{font-size:.78rem;color:var(--muted);margin-top:14px;line-height:1.6;background:rgba(187,52,255,.07);border-left:3px solid var(--accent);border-radius:2px;padding:12px 14px}.opcalc .disclaimer b{color:var(--ink);font-weight:700}