/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--bg:#08080d;--panel:#121119;--panel2:#17151f;--line:#ffffff14;--muted:#9a96aa;--purple:#9b67ff;--purple2:#6f3ad8;--green:#59e6a7;--red:#ff627d}*{box-sizing:border-box}body{background:var(--bg);color:#f7f5ff;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}main{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:76px 76px;min-height:100vh;padding:0 5vw;position:relative;overflow:hidden}main:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 26%,#6935c138,transparent 30%),linear-gradient(to bottom,#08080d33,var(--bg) 92%);position:absolute;inset:0}.intro-splash{color:#fff;touch-action:none;background:radial-gradient(circle at 50% 45%,#2926c7 0,#111070 24%,#060522 64%,#02020d 100%);flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:4.2s forwards intro-exit;display:flex;overflow:hidden}.intro-grid{background-image:linear-gradient(#5eb1ff14 1px,#0000 1px),linear-gradient(90deg,#5eb1ff14 1px,#0000 1px);background-size:70px 70px;animation:4.2s ease-out forwards intro-grid;position:absolute;inset:-20%;transform:perspective(700px)rotateX(55deg)translateY(27%)}.intro-orbit{aspect-ratio:1;border:1px solid #43d5ff47;border-radius:50%;width:min(54vw,520px);animation:3.1s ease-out forwards intro-orbit;position:absolute;box-shadow:0 0 70px #3564ff47,inset 0 0 70px #6635ff2e}.intro-orbit:before,.intro-orbit:after{content:"";border:1px dashed #a856ff59;border-radius:50%;position:absolute;inset:12%}.intro-orbit:after{border-style:solid;border-color:#43d5ff38;inset:27%}.intro-splash>img{width:clamp(105px,18vw,205px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 28px #32d2ffbf);animation:4.2s cubic-bezier(.2,.8,.2,1) forwards intro-logo;position:relative}.intro-brand{letter-spacing:-3px;margin-top:20px;font:950 clamp(38px,8vw,88px)/.9 Arial,sans-serif;animation:4.2s cubic-bezier(.2,.8,.2,1) forwards intro-title;position:relative;transform:skew(-5deg)}.intro-brand b{color:#fff}.intro-brand em{color:#9c62ff;text-shadow:0 0 24px #9c62ff99;font-style:normal}.intro-tagline{color:#b9dfff;letter-spacing:3px;margin-top:16px;font:800 clamp(9px,1.4vw,15px)/1 monospace;animation:4.2s forwards intro-tag;position:relative}.intro-loader{background:#ffffff1f;width:min(330px,65vw);height:3px;margin-top:28px;position:relative;overflow:hidden}.intro-loader i{background:linear-gradient(90deg,#31d9ff,#7655ff,#d252ff);height:100%;animation:3.2s cubic-bezier(.2,.7,.2,1) .35s both intro-load;display:block;box-shadow:0 0 14px #61bcff}.intro-skip-button{z-index:2;bottom:max(28px,env(safe-area-inset-bottom));cursor:pointer;color:#ffffff9e;letter-spacing:2px;-webkit-tap-highlight-color:transparent;background:#04041457;border:1px solid #fff3;padding:10px 14px;font:700 8px/1 monospace;animation:1s 1.2s both intro-skip;position:absolute}@keyframes intro-logo{0%{opacity:0;filter:blur(14px)drop-shadow(0 0 #0000);transform:scale(.25)rotate(-12deg)}18%{opacity:1;filter:blur()drop-shadow(0 0 38px #32d2ffe6);transform:scale(1.12)rotate(2deg)}35%,82%{transform:scale(1)rotate(0)}to{opacity:0;filter:blur(8px)drop-shadow(0 0 50px #8940ffe6);transform:scale(1.35)}}@keyframes intro-title{0%,18%{opacity:0;letter-spacing:10px;transform:translateY(35px)skew(-5deg)}36%,82%{opacity:1;letter-spacing:-3px;transform:translateY(0)skew(-5deg)}to{opacity:0;filter:blur(7px);transform:translateY(-15px)skew(-5deg)}}@keyframes intro-tag{0%,32%{opacity:0;transform:translateY(12px)}48%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes intro-load{0%{width:0}to{width:100%}}@keyframes intro-orbit{0%{opacity:0;transform:scale(.25)rotate(0)}25%{opacity:1}to{opacity:.15;transform:scale(1.3)rotate(90deg)}}@keyframes intro-grid{0%{opacity:0;transform:perspective(700px)rotateX(55deg)translateY(35%)scale(1.4)}to{opacity:1;transform:perspective(700px)rotateX(55deg)translateY(16%)scale(1)}}@keyframes intro-skip{0%{opacity:0}to{opacity:1}}@keyframes intro-exit{0%,84%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.ambient{filter:blur(140px);pointer-events:none;opacity:.18;border-radius:50%;width:420px;height:420px;position:absolute}.ambient-one{background:#813cff;top:280px;left:-260px}.ambient-two{background:#6d2cff;top:520px;right:-260px}.topbar,.hero-banner,.calculator-grid,.cb-panel,.result-panel,.position-panel,.actions,footer{z-index:1;max-width:1180px;margin-left:auto;margin-right:auto;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.brand{color:#fff;letter-spacing:2px;align-items:center;gap:13px;font-size:16px;font-weight:900;text-decoration:none;display:flex}.brand>span:last-child span{color:var(--purple);margin-left:4px}.brand-mark{background:var(--purple);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);place-items:center;width:36px;height:36px;font-size:20px;display:grid}.save-state{color:#aca7ba;letter-spacing:1px;text-transform:uppercase;font:600 11px/1 monospace}.save-state i{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:8px;display:inline-block}.top-actions{align-items:center;gap:16px;display:flex}.install-button{cursor:pointer;color:#d9c9ff;letter-spacing:1px;background:#9b67ff1f;border:1px solid #9b67ff6b;padding:10px 13px;font:800 9px/1 monospace;transition:all .2s}.install-button:hover{background:var(--purple);color:#fff;box-shadow:0 0 22px #9b67ff59}.install-button:disabled{cursor:default;opacity:.55;color:#8ce9bf;background:#59e6a717;border-color:#59e6a740}.hero{text-align:center;padding:74px 20px 54px}.eyebrow{color:#aaa4bb;letter-spacing:4px;justify-content:center;align-items:center;gap:14px;font:700 11px/1 monospace;display:flex}.eyebrow span{background:var(--purple);width:34px;height:1px}.hero h1{letter-spacing:-3px;margin:22px 0 17px;font-size:clamp(43px,7vw,82px);font-weight:950;line-height:.92}.hero h1 em{color:var(--purple);text-shadow:0 0 34px #9b67ff40;font-style:normal}.hero p{color:var(--muted);max-width:610px;margin:auto;font-size:16px;line-height:1.7}.hero-banner{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));isolation:isolate;background:#080735;border:1px solid #4ec4ff42;margin-top:42px;margin-bottom:42px;overflow:hidden;box-shadow:0 24px 90px #1d1cff2e,0 0 45px #6435ff1f}.hero-banner img{will-change:transform,filter;width:100%;height:auto;animation:8s ease-in-out infinite banner-breathe;display:block}.banner-glow,.banner-sweep,.banner-scan{pointer-events:none;position:absolute;inset:0}.banner-glow{mix-blend-mode:screen;background:radial-gradient(circle at 24%,#30d0ff2e,#0000 27%),radial-gradient(circle at 74% 45%,#a344ff2b,#0000 32%);animation:3.8s ease-in-out infinite banner-pulse}.banner-sweep{mix-blend-mode:screen;background:linear-gradient(105deg,#0000 5%,#ffffff08 35%,#95e1ff4d 50%,#ffffff08 65%,#0000 95%);width:28%;animation:5.6s ease-in-out infinite banner-sweep;left:-38%;right:auto;transform:skew(-13deg)}.banner-scan{opacity:.6;background:linear-gradient(90deg,#0000,#62d5ffbf,#c86fffb3,#0000);height:2px;animation:4.2s linear infinite banner-scan;inset:-20% 0 auto;box-shadow:0 0 18px #64cdffcc}@keyframes banner-breathe{0%,to{filter:brightness(.98)saturate(1.04);transform:scale(1.01)}50%{filter:brightness(1.08)saturate(1.12);transform:scale(1.025)}}@keyframes banner-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes banner-sweep{0%,18%{opacity:0;left:-38%}32%{opacity:1}58%{opacity:.75;left:115%}59%,to{opacity:0;left:115%}}@keyframes banner-scan{0%{opacity:0;top:-8%}8%{opacity:.55}92%{opacity:.55}to{opacity:0;top:108%}}.calculator-grid{grid-template-columns:1fr 52px 1fr;align-items:center;gap:16px;display:grid}.transaction-card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(145deg,#191722fa,#0d0d13fa);border:1px solid #9b67ff29;padding:30px;box-shadow:0 18px 60px #00000040}.setor-card{border-color:#59e6a721}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:22px;display:flex}.card-heading small{color:#777184;letter-spacing:2px;font:700 10px/1 monospace}.card-heading h2{letter-spacing:-.5px;align-items:center;gap:10px;margin:8px 0 0;font-size:25px;display:flex}.bgl-title-icon{object-fit:contain;width:38px;height:38px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #38c6ff59)}.type-badge{color:#cbb8ff;letter-spacing:1.5px;background:#9b67ff1f;border:1px solid #9b67ff3d;padding:7px 10px;font:800 9px/1 monospace}.setor-card .type-badge{color:#94f3c9;background:#59e6a714;border-color:#59e6a733}.field{margin:0 0 19px;display:block}.field>span{color:#aaa5b7;letter-spacing:1.7px;margin-bottom:9px;font:700 10px/1 monospace;display:block}.input-shell{background:#0b0b11;border:1px solid #2b2834;align-items:center;height:60px;transition:all .2s;display:flex}.input-shell:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #9b67ff1a}.input-shell input{color:#fff;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;height:100%;padding:0 16px;font:700 23px/1 monospace}.input-shell b{color:#746f7e;letter-spacing:1px;border-left:1px solid #292631;padding:0 14px;font:800 10px/22px monospace}.input-clear{color:#8f899a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#17151e;border:1px solid #35313f;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;margin:0 10px 0 -3px;padding:0;font:700 16px/1 Arial,sans-serif;transition:all .18s;display:grid}.input-clear:hover,.input-clear:focus-visible{color:#fff;border-color:var(--purple);background:#9b67ff2e;outline:none}.input-clear:active{transform:scale(.9)}.rate-note{color:#7f798d;letter-spacing:.8px;margin-top:8px;font:700 9px/1.4 monospace;display:block}.rate-note:before{content:"•";color:#55cbff;margin-right:6px}.entry-list{flex-direction:column;gap:12px;display:flex}.entry-block{background:#06060b6b;border:1px solid #9b67ff24;grid-template-columns:1fr 1fr;gap:13px;padding:14px;display:grid}.setor-card .entry-block{border-color:#59e6a71f}.entry-block .field{margin:0}.entry-heading{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.entry-heading span{color:#8b8498;letter-spacing:1.6px;font:800 9px/1 monospace}.entry-heading button{cursor:pointer;color:#777180;letter-spacing:1px;background:0 0;border:0;padding:2px 0;font:800 8px/1 monospace}.entry-heading button:hover,.entry-heading button:focus-visible{color:var(--red);outline:none}.add-entry{cursor:pointer;color:#bea5f7;letter-spacing:1.4px;background:#9b67ff0f;border:1px dashed #9b67ff61;width:100%;margin-top:12px;padding:12px;font:800 9px/1 monospace}.setor-card .add-entry{color:#91dfbb;background:#59e6a70b;border-color:#59e6a74d}.add-entry:hover,.add-entry:focus-visible{filter:brightness(1.2);outline:none}.subtotal{border-left:2px solid var(--purple);background:#ffffff06;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding:16px 17px;display:flex}.setor-card .subtotal{border-color:var(--green)}.subtotal span{color:#8d8899;font-size:12px}.subtotal strong{font-size:18px}.subtotal span small{color:#716b7c;letter-spacing:.5px;margin-top:6px;font:700 8px/1.35 monospace;display:block}.versus{z-index:2;place-items:center;display:grid;position:relative}.versus span{background:var(--purple);color:#fff;border:7px solid var(--bg);border-radius:50%;place-items:center;width:52px;height:52px;font:900 12px/1 monospace;display:grid;box-shadow:0 0 32px #9b67ff73}.cb-panel{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(120deg,#161226fa,#0c0c12fa);border:1px solid #50c8ff3d;margin-top:25px;padding:30px;box-shadow:0 22px 70px #0000004d}.cb-top{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(330px,.72fr);align-items:center;gap:34px;padding-bottom:25px;display:grid}.cb-heading{align-items:center;gap:17px;display:flex}.cb-logo{object-fit:contain;width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(0 0 15px #38c6ff66)}.cb-heading small{color:#777184;letter-spacing:2px;font:700 9px/1 monospace}.cb-heading h2{letter-spacing:1px;margin:7px 0 5px;font-size:29px}.cb-heading p{color:#8f899b;margin:0;font-size:12px;line-height:1.5}.cb-input .field{margin:0}.cb-result{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:24px;display:grid}.cb-result>div{background:#111019;padding:18px}.cb-result span{color:#817b8d;letter-spacing:1.4px;margin-bottom:10px;font:800 8px/1.3 monospace;display:block}.cb-result strong{font-size:17px}.cb-total strong{color:#a978ff;font-size:25px}.cb-total em{color:#827b8e;font:800 10px/1 monospace}.cb-formula{color:#aaa4b7;background:#50c8ff0e;border-left:2px solid #4fc9ff;margin-top:15px;padding:13px 15px;font:700 11px/1.5 monospace}.cb-formula b{color:#65d2ff;margin:0 7px}.quantity-alert{z-index:1;background:#ffc25c12;border:1px solid #ffc25c3d;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:16px auto 0;padding:15px 18px;display:flex;position:relative}.quantity-alert strong{color:#f0ca87;letter-spacing:1px;font:900 10px/1.4 monospace}.quantity-alert span{color:#a99d8c;font-size:11px;line-height:1.5}.result-panel{background:linear-gradient(110deg,#1b162bfa,#0f0e15fa);border:1px solid #9b67ff3d;grid-template-columns:1.1fr .9fr;gap:34px;margin-top:25px;padding:32px;display:grid;box-shadow:0 24px 80px #00000052}.result-panel.profit{border-color:#59e6a74d}.result-panel.loss{border-color:#ff627d4d}.result-label{color:#91899f;letter-spacing:2px;font:800 9px/1 monospace}.result-value{align-items:center;gap:15px;margin:17px 0 10px;display:flex}.status-icon{background:var(--purple);border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;font-weight:700;display:grid}.profit .status-icon{background:var(--green);color:#062418}.loss .status-icon{background:var(--red);color:#2b0610}.result-value small{color:#aaa3b6;letter-spacing:2px;margin-bottom:5px;font:800 10px/1 monospace;display:block}.result-value strong{font-size:clamp(27px,4vw,42px);line-height:1}.profit .result-value strong{color:var(--green)}.loss .result-value strong{color:var(--red)}.result-main>p{color:#878190;margin:0;font-size:12px;line-height:1.5}.metrics{border-left:1px solid var(--line);align-content:center;gap:15px;padding-left:34px;display:grid}.metrics div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:13px;display:flex}.metrics div:last-child{border:0;padding:0}.metrics span{color:#8e8998;font-size:12px}.metrics b{text-align:right;font-size:13px}.positive{color:var(--green)}.negative{color:var(--red)}.position-panel{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(110deg,#161322fa,#0c0c12fa);border:1px solid #9b67ff3d;grid-template-columns:1fr auto;align-items:center;gap:18px 34px;margin-top:16px;padding:24px 30px;display:grid;box-shadow:0 18px 60px #0000003d}.position-panel.profit{border-color:#59e6a74d}.position-panel.loss{border-color:#ff627d4d}.position-heading{align-items:center;gap:15px;display:flex}.position-logo{object-fit:contain;width:54px;height:54px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #38c6ff61)}.position-heading span{color:#8f899d;letter-spacing:2px;margin-bottom:8px;font:800 9px/1 monospace;display:block}.position-heading h2{letter-spacing:.2px;margin:0;font-size:21px}.position-panel.profit .position-heading h2{color:var(--green)}.position-panel.loss .position-heading h2{color:var(--red)}.position-value{justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.position-value strong{color:#fff;font:900 clamp(28px,4vw,43px)/1 monospace}.position-value span{color:#918b9b;letter-spacing:1px;margin-right:8px;font:800 11px/1 monospace}.position-formula{border-top:1px solid var(--line);color:#8e8898;grid-column:1/-1;align-items:center;gap:10px;padding-top:14px;font:700 11px/1.4 monospace;display:flex}.position-formula b{color:var(--purple);font-size:16px}.position-formula span:last-child{color:#bbb4c7}.notice{color:#c9bdab;background:#ffc25c12;border:1px solid #ffc25c29;grid-column:1/-1;align-items:center;gap:13px;padding:13px 15px;display:flex}.notice>span{color:#2b1a00;background:#ffbf55;border-radius:50%;place-items:center;min-width:24px;height:24px;font-weight:700;display:grid}.notice p{margin:0;font-size:11px;line-height:1.5}.notice strong{color:#f4d69e}.actions{justify-content:center;gap:10px;padding:22px 0 75px;display:flex}.actions button{cursor:pointer;background:var(--purple);color:#fff;letter-spacing:1px;text-transform:uppercase;border:0;padding:13px 19px;font:800 10px/1 monospace}.actions button:hover{filter:brightness(1.12)}.actions .ghost{color:#aca6b5;background:0 0;border:1px solid #36313f}footer{border-top:1px solid var(--line);color:#666170;letter-spacing:1px;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:85px;font:700 9px/1.4 monospace;display:grid}footer>span{color:#8e8798}footer p{text-align:center;margin:0}footer b{text-align:right;color:#615b6b}@media (width<=760px){main{background-size:50px 50px;padding:0 18px}.topbar{height:72px}.save-state{display:none}.top-actions{gap:8px}.install-button{padding:9px 10px;font-size:8px}.hero-banner{margin-top:26px;margin-bottom:28px}.calculator-grid{grid-template-columns:1fr;gap:12px}.transaction-card{padding:22px}.versus{height:0}.versus span{border-width:5px;width:42px;height:42px}.cb-panel{padding:22px}.cb-top{grid-template-columns:1fr;gap:22px}.cb-result{grid-template-columns:1fr 1fr}.result-panel{grid-template-columns:1fr;gap:25px;padding:24px}.metrics{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.position-panel{grid-template-columns:1fr;padding:22px}.position-value{justify-content:flex-start}.position-formula{flex-wrap:wrap}.actions{padding-bottom:52px}footer{text-align:center;grid-template-columns:1fr;padding:24px 0}footer b,footer p{text-align:center}}@media (prefers-reduced-motion:reduce){.hero-banner img,.banner-glow,.banner-sweep,.banner-scan,.intro-splash *{animation:none!important}.banner-sweep,.banner-scan{display:none}.intro-splash{animation:none}}@media (width<=420px){.brand{font-size:13px}.brand-mark{width:31px;height:31px}.save-state{text-align:right;max-width:90px;line-height:1.4}.transaction-card{padding:19px}.entry-block{grid-template-columns:1fr}.entry-heading{grid-column:1}.subtotal,.quantity-alert{flex-direction:column;align-items:flex-start}.cb-heading{align-items:flex-start}.cb-logo{width:55px;height:55px}.cb-result{grid-template-columns:1fr}.result-value strong{font-size:26px}.metrics div{align-items:flex-start}.actions{flex-direction:column}.actions button{width:100%}}html{scroll-behavior:smooth}.site-nav,.guide-section,.faq-section,.about-section{z-index:1;max-width:1180px;margin-left:auto;margin-right:auto;position:relative}.site-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0c12c7;border-bottom:1px solid #9b67ff38;justify-content:center;gap:clamp(26px,5vw,62px);padding:21px 16px;display:flex}.site-nav a{color:#938ca4;letter-spacing:2.4px;font:800 12px/1 monospace;text-decoration:none;transition:all .2s;position:relative}.site-nav a:after{content:"";background:linear-gradient(90deg,#4fc9ff,var(--purple));height:1px;transition:all .22s;position:absolute;bottom:-10px;left:50%;right:50%}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.site-nav a:hover:after,.site-nav a:focus-visible:after{left:0;right:0}.guide-section,.faq-section{padding:54px 0 12px;scroll-margin-top:20px}.section-heading{text-align:center;max-width:720px;margin:0 auto 30px}.section-heading small,.about-section small{color:#8f88a1;letter-spacing:3px;font:800 9px/1 monospace}.section-heading h2,.about-section h2{letter-spacing:2px;margin:10px 0 12px;font-size:clamp(27px,4vw,40px)}.section-heading p,.about-section p{color:#918b9b;margin:0;font-size:13px;line-height:1.7}.guide-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.guide-card{clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));background:linear-gradient(145deg,#181522fa,#0b0b11fa);border:1px solid #9b67ff2e;min-height:245px;padding:25px;position:relative}.guide-card>span{color:#5f596a;letter-spacing:2px;font:800 9px/1 monospace;position:absolute;top:18px;right:20px}.guide-card img{object-fit:contain;width:45px;height:45px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #38c6ff59)}.guide-symbol{color:#d8c8ff;background:#9b67ff1f;border:1px solid #9b67ff40;place-items:center;width:45px;height:45px;font:900 12px/1 monospace;display:grid}.guide-card h3{letter-spacing:.5px;margin:17px 0 10px;font-size:18px}.guide-card p{color:#948e9e;min-height:63px;margin:0 0 17px;font-size:12px;line-height:1.65}.guide-card code{border-left:2px solid var(--purple);color:#c7b9e7;background:#0a0a10;padding:12px;font:700 10px/1.5 monospace;display:block}.gap-card{border-color:#ffc25c33}.gap-card .guide-symbol,.gap-card code{color:#f1cf92;border-color:#ffbf55}.guide-card code{overflow-wrap:anywhere}.faq-section{padding-bottom:45px}.section-heading.compact{margin-bottom:20px}.faq-list{border-top:1px solid var(--line);max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);background:#14121ca6}.faq-list summary{cursor:pointer;color:#dad5e4;letter-spacing:.3px;padding:20px 22px;font:750 13px/1.45 monospace;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--purple);font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#918b9b;margin:0;padding:0 55px 21px 22px;font-size:12px;line-height:1.7}.about-section{background:linear-gradient(110deg,#141221e0,#0b0b11e0);border:1px solid #50c8ff2e;justify-content:center;align-items:center;gap:24px;margin-bottom:55px;padding:30px;scroll-margin-top:20px;display:flex}.about-section img{object-fit:contain;width:70px;height:70px;image-rendering:pixelated;filter:drop-shadow(0 0 15px #38c6ff59)}.about-section h2{margin:7px 0;font-size:27px}.about-section p{max-width:720px}@media (width<=760px){.site-nav{scrollbar-width:none;justify-content:flex-start;gap:28px;margin-left:-18px;margin-right:-18px;padding:18px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap;font-size:10px}.actions{padding-bottom:20px}.guide-section{padding-top:42px}.guide-grid{grid-template-columns:1fr 1fr}.guide-card,.guide-card p{min-height:0}.about-section{align-items:flex-start}}@media (width<=420px){.guide-grid{grid-template-columns:1fr}.about-section{flex-direction:column}.about-section img{width:58px;height:58px}}html,body{max-width:100%;overflow-x:hidden}.calculator-grid{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);min-width:0}.transaction-card{width:100%;min-width:0}.field,.input-shell,.entry-list,.entry-block{min-width:0}.entry-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (width<=1100px){.calculator-grid{grid-template-columns:minmax(0,1fr);gap:12px}.versus{height:0}.versus span{border-width:5px;width:46px;height:46px}}@media (width<=420px){.entry-block{grid-template-columns:minmax(0,1fr)}.entry-heading{grid-column:1}}.quantity-alert.over{background:#59e6a712;border-color:#59e6a74d}.quantity-alert.over strong{color:var(--green)}.quantity-alert.under{background:#ff627d0e;border-color:#ff627d40}.quantity-alert.under strong{color:#ff8ca0}.gap-explanation{background:#ffc25c0e;border:1px solid #ffc25c33;grid-column:1/-1;padding:15px 17px}.gap-explanation>strong{color:#e7c17e;letter-spacing:1.4px;margin-bottom:11px;font:900 9px/1.3 monospace;display:block}.gap-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gap-steps span{color:#8f8998;background:#06060b73;padding:10px;font-size:10px;line-height:1.45}.gap-steps b{color:#fff;margin-top:5px;font:900 12px/1.25 monospace;display:block}.gap-steps .gap-cut{color:#ff8ca0}.gap-steps .gap-bonus{color:var(--green)}.gap-explanation small{color:#8f8796;margin-top:10px;font:700 9px/1.55 monospace;display:block}.gap-explanation small:before{content:"•";color:#ffbf55;margin-right:6px}@media (width<=620px){.gap-steps{grid-template-columns:1fr}}
