#calculax-app,.radio-card{color:var(--cx-text-body)}.btn,.radio-card{cursor:pointer;transition:var(--cx-transition)}.calculax-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;background:#eaeaea;font-family:'Segoe UI',Roboto,system-ui,sans-serif}#calculax-app{--cx-bg:#eaeaea;--cx-white:#ffffff;--cx-border:#b8c7e3;--cx-focus:#0081C9;--cx-text-heading:#1a3057;--cx-text-label:#3a5270;--cx-text-body:#1a3057;--cx-gradient-cta:linear-gradient(135deg, #0081C9, #82D026);--cx-gradient-cta-hover:linear-gradient(135deg, #82D026, #0081C9);--cx-shadow-cta:0 8px 32px rgba(26, 48, 87, 0.15);--cx-radius:16px;--cx-radius-sm:10px;--cx-radius-xs:6px;--cx-spacing:1.25rem;--cx-spacing-sm:0.75rem;--cx-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--cx-haptic-scale:0.97;max-width:1100px;width:100%;background:rgba(255,255,255,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--cx-radius);padding:2rem 2.5rem;box-shadow:0 20px 60px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.3);word-break:break-word}.radio-card,.title-card{backdrop-filter:blur(4px)}.result-card,.title-card{border-radius:var(--cx-radius-sm)}.title-card{background:linear-gradient(135deg,rgba(0,129,201,.08),rgba(130,208,38,.08));padding:.8rem 1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.3)}.radio-grid,.title-card h1{display:flex;gap:.5rem;margin:0}.title-card h1{font-size:1.8rem;font-weight:600;color:var(--cx-text-heading);align-items:center;flex-wrap:wrap}.title-card h1 .tag{font-size:.85rem;font-weight:400;background:rgba(255,255,255,.5);padding:.2rem .8rem;border-radius:30px;color:var(--cx-text-label)}.radio-grid{flex-wrap:wrap;padding:0}.radio-card{display:inline-flex;align-items:center;gap:.3rem;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.5);border-radius:var(--cx-radius-sm);padding:.5rem 1rem;font-weight:500;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.02);list-style:none}.radio-card input[type=checkbox],.radio-card input[type=radio]{display:none}.radio-card.selected{background:var(--cx-white);border-color:var(--cx-focus);box-shadow:0 4px 16px rgba(0,129,201,.15);color:var(--cx-text-heading)}.btn{background:var(--cx-gradient-cta);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.7rem 1.8rem;border-radius:var(--cx-radius-sm);font-weight:700;font-size:1rem;box-shadow:var(--cx-shadow-cta);text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn:hover{background:var(--cx-gradient-cta-hover);transform:scale(1.02)}.btn:active{transform:scale(var(--cx-haptic-scale))}.btn-secondary{background:rgba(255,255,255,.6);color:var(--cx-text-body);box-shadow:none;text-shadow:none}.btn-secondary:hover{background:rgba(255,255,255,.9)}.btn-danger{background:#d32f2f;box-shadow:0 8px 24px rgba(211,47,47,.2)}.btn-danger:hover{background:#b71c1c}.btn-success{background:var(--cx-gradient-cta)}.btn-warning{background:#f57c00;box-shadow:0 8px 24px rgba(245,124,0,.2)}.btn-warning:hover{background:#e65100}.result-card{background:linear-gradient(135deg,rgba(130,208,38,.12),rgba(0,129,201,.08));padding:1.2rem 1.8rem;margin:.5rem 0 1rem;border:1px solid rgba(130,208,38,.3);backdrop-filter:blur(4px);display:flex;flex-wrap:wrap;gap:2rem;align-items:baseline}.score-nt-display,th{background:rgba(255,255,255,.3)}.result-card .score-item .value,.score-nt-display{border-radius:var(--cx-radius-sm);backdrop-filter:blur(4px)}#validateManualBtn.show,.score-nt-display{display:inline-block}.result-card .score-item{display:flex;flex-direction:column;align-items:flex-start}.result-card .score-item .label{font-weight:600;font-size:.9rem;color:var(--cx-text-label)}.step-dot.active,th{color:var(--cx-text-heading)}.result-card .score-item .value{font-size:2.2rem;font-weight:700;background:rgba(255,255,255,.5);padding:.2rem 1.2rem;border:1px solid rgba(255,255,255,.4);color:var(--cx-text-heading)}.score-nt-display{font-size:1.2rem;font-weight:600;padding:.3rem 1rem;border:1px dashed var(--cx-focus);color:var(--cx-focus)}.alert-banner,.chart-container,.history-table-wrap,.toast{border-radius:var(--cx-radius-sm)}#historyCount,.disclaimer{color:var(--cx-text-label)}.history-table-wrap{overflow-x:auto;margin:1rem 0;background:rgba(255,255,255,.2);backdrop-filter:blur(4px)}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:.5rem .8rem;border-bottom:1px solid rgba(255,255,255,.2);text-align:left}th{font-weight:700}.chart-container{position:relative;height:200px;max-width:100%;margin:1.5rem 0;background:rgba(255,255,255,.15);padding:.5rem}.disclaimer{font-size:.8rem;border-top:1px solid rgba(255,255,255,.3);padding-top:1rem;margin-top:2rem;text-align:center}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999}.toast{background:rgba(30,40,60,.8);backdrop-filter:blur(12px);color:#f1f5f9;padding:.8rem 1.5rem;margin-top:.5rem;box-shadow:0 8px 32px rgba(0,0,0,.2);animation:.3s slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#validateManualBtn{display:none;margin-top:1rem}#historyCount{font-weight:400;font-size:.9rem}.test-pass{color:#2e7d32}.test-fail{color:#c62828}.form-group label,.step-dot{font-weight:600;color:var(--cx-text-label)}.alert-banner{padding:.8rem 1.2rem;font-weight:600;margin:1rem 0;display:none;backdrop-filter:blur(8px)}.input-text,.step-dot,select{background:rgba(255,255,255,.4);backdrop-filter:blur(4px);transition:var(--cx-transition)}.alert-banner.red{background:rgba(239,83,80,.15);border-left:6px solid #d32f2f;display:block}.alert-banner.orange{background:rgba(255,152,0,.15);border-left:6px solid #f57c00;display:block}.alert-banner.green{background:rgba(76,175,80,.15);border-left:6px solid #388e3c;display:block}.flex{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.flex-between{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.step-indicators{display:flex;gap:.5rem;margin:1.5rem 0 1rem;flex-wrap:wrap}.step-dot{padding:.4rem 1.2rem;border-radius:30px;font-size:.9rem;cursor:default;border:1px solid rgba(255,255,255,.3)}.step-dot.active{background:var(--cx-white);box-shadow:0 4px 12px rgba(0,129,201,.15);border-color:var(--cx-focus)}.step-panel{display:none;animation:.3s fadeIn}.error-message.show,.step-panel.active{display:block}@keyframes fadeIn{from{opacity:.4}to{opacity:1}}.form-group{margin-bottom:var(--cx-spacing)}.form-group label{display:block;margin-bottom:.3rem}.error-message{color:#c62828;font-size:.85rem;margin-top:.2rem;display:none}.input-text,select{padding:.6rem 1rem;border:1px solid rgba(255,255,255,.5);border-radius:var(--cx-radius-sm);color:var(--cx-text-body);font-size:1rem;width:100%;max-width:300px;box-shadow:0 2px 8px rgba(0,0,0,.02)}.input-text:focus,select:focus{outline:2px solid var(--cx-focus);outline-offset:2px;background:rgba(255,255,255,.7)}.input-text.error{border-color:#c62828}@media (max-width:600px){.radio-grid.mode-grid{flex-direction:column;align-items:stretch}.radio-grid.mode-grid .radio-card{justify-content:center}#calculax-app{padding:1rem}.radio-grid{gap:.3rem}.radio-card{padding:.5rem 1rem;font-size:.9rem;box-sizing:border-box}.step-dot{padding:.2rem .8rem;font-size:.8rem}.radio-grid.mode-grid{flex-direction:column;align-items:stretch;padding:0 .25rem}.radio-grid.mode-grid .radio-card{width:100%;justify-content:center;padding:.6rem 1.2rem}}