:root{--spc-primary:#6366f1;--spc-primary-light:#6366f11a;--spc-success:#059669;--spc-success-light:#0596691a;--spc-warning:#d97706;--spc-warning-light:#d977061a;--spc-danger:#dc2626;--spc-danger-light:#dc26261a;--spc-accent:#0ea5e9;--spc-accent-light:#0ea5e91a;--spc-text:#1e293b;--spc-text-secondary:#475569;--spc-text-muted:#64748b;--spc-bg:#fff;--spc-bg-secondary:#f8fafc;--spc-border:#e2e8f0;--spc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--spc-shadow-md:0 4px 12px #00000014}._spc-container{max-width:960px;margin:0 auto}._spc-body{flex-direction:column;gap:1.5rem;display:flex}._spc-inputs,._spc-results{flex-direction:column;gap:1rem;display:flex}._spc-content{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}._spc-card{background:var(--spc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--spc-border);padding:var(--main-space-6);box-shadow:var(--spc-shadow)}._spc-card-title{font-size:var(--main-text-base);color:var(--spc-text);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-weight:600;display:flex}._spc-card-title svg{color:var(--spc-primary);flex-shrink:0}@media (max-width:768px){._spc-container{padding-left:.75rem;padding-right:.75rem}._spc-content{grid-template-columns:1fr;gap:1rem}._spc-body{gap:1rem}._spc-card-title{margin-bottom:1rem}}._spc-field{margin-bottom:1rem}._spc-field:last-child{margin-bottom:0}._spc-label{font-size:var(--main-text-sm);color:var(--spc-text-secondary);margin-bottom:.375rem;font-weight:500;display:block}._spc-input-wrap{border-style:solid;border-width:1.5px;border-color:var(--spc-border);border-radius:var(--main-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._spc-input-wrap:focus-within{border-color:var(--spc-primary);box-shadow:0 0 0 3px var(--spc-primary-light)}._spc-input{font-size:var(--main-text-base);color:var(--spc-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.625rem .75rem;font-weight:600}._spc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._spc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._spc-input[type=number]{-moz-appearance:textfield}._spc-input-unit{font-size:var(--main-text-xs);color:var(--spc-text-muted);background:var(--spc-bg-secondary);white-space:nowrap;border-left-style:solid;border-left-width:1px;border-left-color:var(--spc-border);padding:.625rem .75rem;font-weight:500}._spc-field-row{align-items:center;gap:.5rem;display:flex}._spc-field-row ._spc-input-wrap{flex:1}._spc-field-sep{font-size:var(--main-text-sm);color:var(--spc-text-muted);flex-shrink:0;font-weight:600}._spc-presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._spc-presets-label{font-size:var(--main-text-xs);color:var(--spc-text-muted);font-weight:500}._spc-preset{border-radius:var(--main-radius-full);border-style:solid;border-width:1px;border-color:var(--spc-border);background:var(--spc-bg);font-size:var(--main-text-xs);color:var(--spc-text-secondary);cursor:pointer;box-shadow:var(--spc-shadow);-webkit-tap-highlight-color:transparent;padding:.3rem .75rem;font-weight:500;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}._spc-preset:hover{border-color:var(--spc-primary);color:var(--spc-primary);background:var(--spc-primary-light)}@media (max-width:768px){._spc-card{padding:var(--main-space-4)}._spc-input{font-size:var(--main-text-base);padding:.75rem}._spc-input-unit{padding:.75rem .625rem}._spc-preset{font-size:var(--main-text-sm);padding:.5rem .875rem}._spc-field-row{gap:.375rem}}@media (max-width:380px){._spc-field-row ._spc-input-unit{padding-left:.5rem;padding-right:.5rem}}._spc-result-main{text-align:center;padding:var(--main-space-8);color:#fff;border-color:#0000}._spc-result-main--positive{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 16px #0596694d}._spc-result-main--negative{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 16px #dc26264d}._spc-result-main--zero{background:linear-gradient(135deg, var(--spc-primary), #818cf8);box-shadow:0 4px 16px #6366f14d}._spc-result-label{font-size:var(--main-text-sm);opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:500}._spc-result-value{font-size:2.75rem;font-weight:700;line-height:1.1;font-family:var(--main-font-mono);margin-bottom:.25rem}._spc-result-sub{font-size:var(--main-text-sm);opacity:.8;margin-top:.5rem}._spc-summary{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._spc-summary-card{background:var(--spc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--spc-border);box-shadow:var(--spc-shadow);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}._spc-summary-icon{border-radius:var(--main-radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}._spc-summary-icon--roi{background:var(--spc-accent-light);color:var(--spc-accent)}._spc-summary-icon--invested{background:var(--spc-primary-light);color:var(--spc-primary)}._spc-summary-icon--received{background:var(--spc-success-light);color:var(--spc-success)}._spc-summary-icon--breakeven{background:var(--spc-warning-light);color:var(--spc-warning)}._spc-summary-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}._spc-summary-label{font-size:var(--main-text-xs);color:var(--spc-text-muted);font-weight:500}._spc-summary-value{font-size:var(--main-text-base);color:var(--spc-text);font-weight:700;font-family:var(--main-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._spc-breakdown-card{padding:0;overflow:hidden}._spc-breakdown-toggle{width:100%;font-size:var(--main-text-sm);color:var(--spc-text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-weight:600;display:flex}._spc-breakdown-toggle:hover{background:var(--spc-bg-secondary)}._spc-breakdown-toggle span{align-items:center;gap:.5rem;display:flex}._spc-breakdown-toggle svg{color:var(--spc-text-muted)}._spc-breakdown-chevron{transition:transform .2s}._spc-breakdown-chevron--open{transform:rotate(180deg)}._spc-breakdown-body{padding:0 1rem 1rem}._spc-breakdown-section{flex-direction:column;gap:.125rem;display:flex}._spc-breakdown-heading{font-size:var(--main-text-xs);color:var(--spc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:600}._spc-breakdown-row{font-size:var(--main-text-sm);justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}._spc-breakdown-name{color:var(--spc-text-secondary)}._spc-breakdown-val{font-family:var(--main-font-mono);color:var(--spc-text);font-weight:600}._spc-breakdown-divider{background:var(--spc-border);height:1px;margin:.5rem 0}._spc-breakdown-row--subtotal{background:var(--spc-bg-secondary);border-radius:var(--main-radius);margin-top:.25rem;padding:.5rem .75rem}._spc-breakdown-row--subtotal ._spc-breakdown-name{color:var(--spc-text);font-weight:600}._spc-breakdown-row--profit{background:var(--spc-primary-light);border-radius:var(--main-radius);margin-top:.25rem;padding:.5rem .75rem}._spc-breakdown-row--profit ._spc-breakdown-name{color:var(--spc-primary);font-weight:600}._spc-breakdown-row--profit ._spc-breakdown-val{color:var(--spc-primary)}._spc-reset{border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--spc-border);background:var(--spc-bg);width:100%;font-size:var(--main-text-sm);color:var(--spc-text-muted);cursor:pointer;box-shadow:var(--spc-shadow);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-weight:500;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}._spc-reset:hover{border-color:var(--spc-primary);color:var(--spc-primary)}._spc-reset svg{width:14px;height:14px}._spc-breakdown-toggle{-webkit-tap-highlight-color:transparent}._spc-result-value{word-break:break-word}@media (max-width:768px){._spc-result-value{font-size:2rem}._spc-result-main{padding:var(--main-space-6)}._spc-summary{grid-template-columns:1fr 1fr}._spc-summary-card{gap:.625rem;padding:.75rem}._spc-summary-icon{width:32px;height:32px}._spc-reset{padding:.75rem 1rem}._spc-breakdown-toggle{padding:1rem}._spc-breakdown-body{padding:0 .875rem .875rem}._spc-breakdown-row{padding:.5rem 0}}@media (max-width:480px){._spc-summary{grid-template-columns:1fr}._spc-result-value{font-size:1.75rem}._spc-result-main{padding:var(--main-space-5)}}