:root{--accent:#22d3ee;--accent-dim:#22d3ee26;--accent-glow:0 0 16px #22d3ee40}.main-container{max-width:880px;margin:0 auto;padding:20px 20px 32px}@media (width<=600px){.main-container{padding:12px 14px 24px}}.page-header{text-align:center;margin-bottom:20px}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 6px;font-size:clamp(1.5rem,5vw,2rem);font-weight:700}.page-subtitle{color:var(--calc-text-dim);margin:0;font-size:.92rem}.top-tab-control{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);background:#00000059;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:flex}.top-tab-btn{border-radius:calc(var(--calc-radius-md) - 2px);min-width:110px;color:var(--calc-text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;padding:9px 14px;font-size:.82rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.top-tab-btn:hover:not(.active){color:var(--calc-text-primary);background:#ffffff0f}.top-tab-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#22d3ee66;font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.mode-toggle{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mode-chip{background:var(--calc-bg-glass);border:1px solid var(--calc-border-subtle);color:var(--calc-text-dim);cursor:pointer;border-radius:999px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.mode-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:var(--accent-glow);font-weight:600}.mode-chip:hover:not(.active){border-color:var(--accent);color:var(--calc-text-primary)}.input-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);margin-bottom:12px;padding:1.25rem}.input-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=480px){.input-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.form-group input[type=time]{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-size:1.1rem;font-family:var(--calc-font-mono);box-sizing:border-box;width:100%;padding:10px 14px;transition:border-color .2s}.form-group input[type=time]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.latency-row{align-items:center;gap:10px;display:flex}.latency-row label{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.75rem;font-weight:600}.latency-val-display{font-family:var(--calc-font-mono);color:var(--accent);text-align:right;white-space:nowrap;min-width:48px;font-size:.88rem}input[type=range]{accent-color:var(--accent);cursor:pointer;flex:1}.presets-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.preset-chip{background:var(--calc-bg-glass);border:1px solid var(--calc-border-subtle);color:var(--calc-text-dim);cursor:pointer;border-radius:999px;padding:5px 14px;font-size:.78rem;font-weight:500;transition:all .15s}.preset-chip:hover{border-color:var(--accent);color:var(--calc-text-primary)}.preset-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.result-hero{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-top:3px solid var(--accent);border-radius:var(--calc-radius-lg);text-align:center;margin-bottom:12px;padding:1.75rem 1.5rem 1.5rem}.hero-time{font-family:var(--calc-font-mono);color:var(--accent);text-shadow:var(--accent-glow);margin-bottom:6px;font-size:clamp(2.2rem,9vw,3.5rem);font-weight:700;line-height:1}.hero-label{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.8rem}.hero-alts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-alt{color:var(--calc-text-faded);background:var(--calc-bg-glass);border:1px solid var(--calc-border-subtle);border-radius:999px;padding:4px 12px;font-size:.78rem}.result-table-wrap{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);margin-bottom:12px;overflow:hidden}.result-table{border-collapse:collapse;width:100%;font-size:.875rem}.result-table th{background:var(--calc-bg-glass);text-align:left;color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--calc-border-subtle);padding:9px 14px;font-size:.72rem;font-weight:600}.result-table td{color:var(--calc-text-primary);border-bottom:1px solid var(--calc-border-subtle);vertical-align:middle;padding:12px 14px}.result-table tr:last-child td{border-bottom:none}.result-table tr.row-recommended{background:#22d3ee14}.cycles-unit{color:var(--calc-text-dim);font-size:.75em;font-weight:400}.time-cell{font-family:var(--calc-font-mono);font-size:1rem}.fit-cell{color:var(--calc-text-dim);font-size:.78rem}.rec-badge{background:var(--accent);color:#0d1117;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-right:3px;padding:2px 7px;font-size:.62rem;font-weight:700;display:inline-block}.chart-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);margin-bottom:12px;padding:1.25rem}.chart-label{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:.72rem;font-weight:600}.chart-wrap{height:140px;position:relative}.action-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.action-btn{background:var(--calc-bg-glass);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn.danger:hover{color:#fb7185;border-color:#fb7185}.cycles-explained{padding:2px 0}.cycles-explained h3{color:var(--calc-text-primary);font-size:1rem;font-family:var(--calc-font-headline);margin:1.5rem 0 .5rem}.cycles-explained h3:first-child{margin-top:0}.cycles-explained p{color:var(--calc-text-dim);margin:0 0 .75rem;font-size:.875rem;line-height:1.7}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:1rem 0 1.5rem;display:grid}.stage-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);padding:1rem}.stage-name{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem;font-weight:700}.stage-dur{font-family:var(--calc-font-mono);color:var(--calc-text-primary);font-size:.85rem}.stage-desc{color:var(--calc-text-faded);margin-top:5px;font-size:.77rem;line-height:1.5}.stage-card.s-latency .stage-name{color:#7b90a8}.stage-card.s-light .stage-name{color:#6ee7b7}.stage-card.s-deep .stage-name{color:#22d3ee}.stage-card.s-rem .stage-name{color:#a855f7}.age-rec-table{border-collapse:collapse;width:100%;margin:.75rem 0 1.5rem;font-size:.85rem}.age-rec-table th,.age-rec-table td{text-align:left;border-bottom:1px solid var(--calc-border-subtle);padding:8px 12px}.age-rec-table th{color:var(--calc-text-dim);text-transform:uppercase;background:var(--calc-bg-glass);font-size:.72rem;font-weight:600}.age-rec-table td{color:var(--calc-text-primary)}.age-rec-table tr:last-child td{border-bottom:none}.debt-inputs{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);margin-bottom:14px;padding:1.25rem}.debt-input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.debt-input-row{grid-template-columns:1fr}}.debt-input-row .form-group input[type=number]{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-size:1.1rem;font-family:var(--calc-font-mono);box-sizing:border-box;width:100%;padding:10px 14px;transition:border-color .2s}.debt-input-row .form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.debt-status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-bottom:14px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-block}.debt-status-badge.tier-good{color:#34d399;background:#34d39926}.debt-status-badge.tier-fair{color:#6ee7b7;background:#6ee7b726}.debt-status-badge.tier-warn{color:#f59e0b;background:#f59e0b26}.debt-status-badge.tier-crisis{color:#fb7185;background:#fb718526}.debt-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px;display:grid}.debt-stat{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);padding:1rem}.debt-stat-val{font-family:var(--calc-font-mono);color:var(--calc-text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.debt-stat-lbl{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.debt-recovery{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);color:var(--calc-text-dim);padding:1rem 1.25rem;font-size:.875rem;line-height:1.65}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.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:.9rem;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(--accent)}.faq-item__question:hover{color:var(--accent)}.faq-item__answer{color:var(--calc-text-dim);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light]{--accent:#0891b2;--accent-dim:#0891b21a;--accent-glow:none}[data-theme=light] .top-tab-control{background:#edf2f9;border-color:#0000001a}[data-theme=light] .top-tab-btn:hover:not(.active){color:#0f172a;background:#0000000a}[data-theme=light] .top-tab-btn.active{color:#0891b2;background:#0891b21a;border-color:#0891b266}[data-theme=light] .mode-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .mode-chip.active{color:#0891b2;box-shadow:none;background:#0891b21a;border-color:#0891b2}[data-theme=light] .mode-chip:hover:not(.active){color:#0f172a;border-color:#0891b2}[data-theme=light] .input-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .form-group label{color:#475569}[data-theme=light] .form-group input[type=time]{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .form-group input[type=time]:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}[data-theme=light] .preset-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover{color:#0f172a;border-color:#0891b2}[data-theme=light] .preset-chip.active{color:#0891b2;background:#0891b21a;border-color:#0891b2}[data-theme=light] .result-hero{background:#fff;border-color:#0891b2 #0000001f #0000001f;box-shadow:0 2px 10px #00000014}[data-theme=light] .hero-time{color:#0891b2;text-shadow:none}[data-theme=light] .hero-label{color:#64748b}[data-theme=light] .hero-alt{color:#475569;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .result-table-wrap{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .result-table th{color:#475569;background:#f5f7fa;border-bottom-color:#0000001a}[data-theme=light] .result-table td{color:#0f172a;border-bottom-color:#0000000f}[data-theme=light] .result-table tr.row-recommended{background:#0891b212}[data-theme=light] .cycles-unit,[data-theme=light] .fit-cell{color:#64748b}[data-theme=light] .rec-badge{color:#fff;background:#0891b2}[data-theme=light] .chart-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .chart-label{color:#64748b}[data-theme=light] .action-btn{color:#0f172a;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0891b2;border-color:#0891b2}[data-theme=light] .action-btn.danger:hover{color:#e11d48;border-color:#e11d48}[data-theme=light] .cycles-explained h3{color:#0f172a}[data-theme=light] .cycles-explained p{color:#475569}[data-theme=light] .stage-card{background:#fff;border-color:#0000001f}[data-theme=light] .stage-card.s-latency .stage-name{color:#475569}[data-theme=light] .stage-card.s-light .stage-name{color:#15803d}[data-theme=light] .stage-card.s-deep .stage-name{color:#0891b2}[data-theme=light] .stage-card.s-rem .stage-name{color:#7c3aed}[data-theme=light] .stage-desc{color:#64748b}[data-theme=light] .age-rec-table th{color:#475569;background:#f5f7fa}[data-theme=light] .age-rec-table td{color:#0f172a;border-bottom-color:#0000000f}[data-theme=light] .debt-inputs{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .debt-input-row .form-group input[type=number]{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .debt-input-row .form-group input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}[data-theme=light] .debt-status-badge.tier-good{color:#047857;background:#f0fdf4}[data-theme=light] .debt-status-badge.tier-fair{color:#15803d;background:#f0fdf4}[data-theme=light] .debt-status-badge.tier-warn{color:#b45309;background:#fffbeb}[data-theme=light] .debt-status-badge.tier-crisis{color:#e11d48;background:#fff1f2}[data-theme=light] .debt-stat{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .debt-stat-val{color:#0f172a}[data-theme=light] .debt-stat-lbl{color:#64748b}[data-theme=light] .debt-recovery{color:#475569;background:#fff;border-color:#0000001f}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .faq-item[open]{border-color:#0891b266 #0891b266 #0891b266 #0891b2;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0891b21a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[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;border-top:1px solid #0000000f;padding:12px 16px 16px}