.tab-button{border-radius:var(--radius);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;transition:color .15s,background .15s,border-color .15s}.tab-button:hover:not(.active){color:var(--color-ink);background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.tab-button.active{color:var(--color-ink-heading);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-color:var(--color-accent-dim)}.step-btn{background:var(--color-panel-field);border:1px solid var(--color-border-base);border-radius:var(--radius);color:var(--color-ink-muted);font-family:var(--font-mono);cursor:pointer;padding:.45rem .5rem;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s,transform .1s}.step-btn:hover{color:var(--color-accent-bright);border-color:var(--color-border-strong)}.step-btn:active{transform:scale(.97)}.panel-field{background:var(--color-panel-field);border:1px solid var(--color-border-subtle);border-radius:var(--radius)}.progress-track{background:var(--color-border-subtle);border-radius:var(--radius);width:100%;height:6px}.progress-fill{background:var(--color-accent);border-radius:var(--radius);height:6px;transition:width .5s cubic-bezier(.22,1,.36,1)}.result-card{animation:.4s cubic-bezier(.22,1,.36,1) slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--color-panel-from);border:1px solid var(--color-border-base);border-radius:var(--radius)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#060607cc;justify-content:center;align-items:center;padding:20px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.modal-container{background:var(--color-panel-from);border:1px solid var(--color-border-strong);border-radius:var(--radius);width:100%;max-width:900px;max-height:90vh;transition:transform .25s cubic-bezier(.22,1,.36,1);position:relative;overflow-y:auto;transform:scale(.97)translateY(12px);box-shadow:0 24px 64px #060607bf}.modal-overlay.show .modal-container{transform:scale(1)translateY(0)}.modal-header{z-index:10;background:color-mix(in srgb, var(--color-panel-from) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-base);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-close{border:1px solid var(--color-border-base);color:var(--color-ink-muted);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex}.modal-close:hover{background:var(--color-panel-field);border-color:var(--color-border-strong);color:var(--color-ink-heading)}.modal-content{padding:20px}.collapsible{cursor:pointer;border-radius:var(--radius);transition:background .2s}.collapsible:hover{background:var(--color-panel-field)}#hpTable table,#mpTable table{border-collapse:collapse;width:100%;min-width:600px}#hpTable th,#mpTable th{text-align:center;border:1px solid var(--color-border-strong);white-space:nowrap;padding:10px;font-size:.8rem;font-weight:600}#hpTable td,#mpTable td{font-size:.8rem;font-family:var(--font-mono);border:1px solid var(--color-border-subtle);color:var(--color-ink);padding:8px}.table-hp th{background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-ink-heading)}.table-mp th{background:var(--color-panel-field);color:var(--color-ink-heading)}.table-total{background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-ink-heading);font-weight:600}.table-black{background:#0606078c}@media (width<=768px){.modal-container{max-width:95vw;max-height:95vh}.modal-content{padding:16px}}