.main-container{max-width:1400px;margin:0 auto;padding:40px 20px}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem)}.page-subtitle{color:var(--calc-text-faded);max-width:70ch;margin:0 0 1.5rem;line-height:1.5}.action-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.action-btn{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);cursor:pointer;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.action-btn:hover{color:var(--calc-cyan);border-color:var(--calc-cyan)}.action-btn--reset{margin-left:auto}.calc-tabs{border-bottom:1px solid var(--calc-border-subtle);flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.tab-panel{display:none}.tab-panel.active{display:block}.calc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=1024px){.calc-grid{grid-template-columns:1fr}}.input-card,.result-card,.chart-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.result-col .chart-card{margin-bottom:0}.card-title{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.05em;color:var(--calc-text-faded);margin:0 0 .75rem;font-size:.95rem}.card-sub{color:var(--calc-text-dim);margin:0 0 1rem;font-size:.85rem;line-height:1.5}.preset-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.preset-chip{border:1px solid var(--calc-border-default);color:var(--calc-text-faded);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.preset-chip:hover{color:var(--calc-cyan);border-color:var(--calc-cyan);background:#22d3ee14}.lot-head,.lot-entry{grid-template-columns:2.5rem 1fr 1fr 1fr 2rem;align-items:center;gap:.5rem;display:grid}.lot-head{margin-bottom:.4rem;padding:0 .1rem}.lot-head span{text-transform:uppercase;letter-spacing:.04em;color:var(--calc-text-dim);font-size:.72rem;font-weight:600}.lot-entry{margin-bottom:.5rem}.lot-index{font-family:var(--calc-font-mono);color:var(--calc-text-faded);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.lot-dot{border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem}.lot-input{position:relative}.lot-field{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);font-family:var(--calc-font-mono);padding:.55rem .6rem;font-size:.95rem;transition:border-color .15s}.lot-field:focus{border-color:var(--calc-cyan);outline:none}.input-prefix-wrap{align-items:center;display:flex;position:relative}.input-prefix-wrap .input-affix{color:var(--calc-text-dim);font-family:var(--calc-font-mono);pointer-events:none;font-size:.9rem;position:absolute;left:.55rem}.input-prefix-wrap input,.input-prefix-wrap .lot-field{padding-left:1.5rem}.lot-remove-wrap{justify-content:center;display:flex}.lot-remove-btn{color:var(--calc-text-dim);cursor:pointer;border-radius:var(--calc-radius-xs);background:0 0;border:none;padding:.2rem .35rem;font-size:1.3rem;line-height:1;transition:color .15s,background .15s}.lot-remove-btn:hover{color:var(--calc-rose,#fb7185);background:#fb71851a}.add-lot-btn{border:1px dashed var(--calc-border-strong);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-cyan);cursor:pointer;background:0 0;margin-top:.25rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s}.add-lot-btn:hover{border-color:var(--calc-cyan);background:#22d3ee0f}.form-row{flex-wrap:wrap;gap:.85rem;display:flex}.form-row .form-group{flex:8rem}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group--inline{margin-top:1.25rem}.form-group label{color:var(--calc-text-faded);font-size:.85rem}.form-group .optional{color:var(--calc-text-dim);font-weight:400}.form-group input{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);font-family:var(--calc-font-mono);padding:.6rem .75rem;font-size:1rem;transition:border-color .15s}.form-group input:focus{border-color:var(--calc-cyan);outline:none}.field-set{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);margin:0 0 1rem;padding:.85rem 1rem 1rem}.field-set legend{text-transform:uppercase;letter-spacing:.04em;color:var(--calc-text-dim);padding:0 .4rem;font-size:.78rem;font-weight:600}.result-value{font-family:var(--calc-font-mono);color:var(--calc-cyan);margin-bottom:.25rem;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1}.result-detail{color:var(--calc-text-faded);font-size:.9rem;line-height:1.5}.result-card.result-gain .result-value{color:var(--calc-emerald,#34d399)}.result-card.result-loss .result-value{color:var(--calc-rose,#fb7185)}.stat-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.stat-cell{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);background:#ffffff08;flex-direction:column;gap:.2rem;padding:.6rem .7rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--calc-text-dim);font-size:.72rem}.stat-value{font-family:var(--calc-font-mono);color:var(--calc-text-primary);font-size:1.05rem}.pl-banner{border-radius:var(--calc-radius-md);border:1px solid var(--calc-border-subtle);justify-content:space-between;align-items:center;margin-top:.85rem;padding:.65rem .85rem;display:flex}.pl-banner.pl-gain{background:#34d3991a;border-color:#34d39959}.pl-banner.pl-loss{background:#fb71851a;border-color:#fb718559}.pl-label{text-transform:uppercase;letter-spacing:.04em;color:var(--calc-text-dim);font-size:.78rem}.pl-amount{font-family:var(--calc-font-mono);color:var(--calc-text-primary);font-size:1.1rem}.interp{border-top:1px solid var(--calc-border-subtle);color:var(--calc-text-faded);margin-top:1rem;padding-top:.85rem;font-size:.88rem;line-height:1.6}.chart-title{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.05em;color:var(--calc-text-faded);margin:0 0 .75rem;font-size:.85rem}[data-theme=light] .action-btn{color:#475569;background:#fff;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0891b2;border-color:#0891b2}[data-theme=light] .input-card,[data-theme=light] .result-card,[data-theme=light] .chart-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .card-sub,[data-theme=light] .lot-head span,[data-theme=light] .stat-label,[data-theme=light] .pl-label,[data-theme=light] .field-set legend,[data-theme=light] .input-prefix-wrap .input-affix{color:#64748b}[data-theme=light] .preset-chip{color:#334155;background:#eef2f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover{color:#0891b2;background:#0891b214;border-color:#0891b2}[data-theme=light] .lot-field,[data-theme=light] .form-group input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .lot-field:focus,[data-theme=light] .form-group input:focus{border-color:#0891b2}[data-theme=light] .result-value{color:#0891b2}[data-theme=light] .result-card.result-gain .result-value{color:#047857}[data-theme=light] .result-card.result-loss .result-value{color:#e11d48}[data-theme=light] .stat-cell{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .add-lot-btn{color:#0891b2;border-color:#0003}[data-theme=light] .add-lot-btn:hover{background:#0891b20f;border-color:#0891b2}[data-theme=light] .field-set{border-color:#0000001f}[data-theme=light] .pl-banner.pl-gain{background:#f0fdf4;border-color:#04785759}[data-theme=light] .pl-banner.pl-loss{background:#fff1f2;border-color:#e11d4859}[data-theme=light] .interp,[data-theme=light] .result-detail{color:#475569}.faq-item__question{cursor:pointer;color:var(--calc-text-primary);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.92rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--calc-font-mono);color:var(--calc-text-dim);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--calc-cyan)}.faq-item__question:hover{color:var(--calc-cyan)}.faq-item__answer{color:var(--calc-text-faded);padding:0 4px 14px;font-size:.88rem;line-height:1.75}[data-theme=light] .faq-item__question{color:#0f172a}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569}@media (width<=480px){.stat-grid{grid-template-columns:1fr}.lot-head,.lot-entry{grid-template-columns:2rem 1fr 1fr 1fr 1.6rem;gap:.35rem}}