.calc-container{margin:var(--space-lg) 0;border-radius:16px;border:1px solid var(--overlay-10);background:linear-gradient(135deg,var(--overlay-2) 0%,var(--overlay-4) 100%);overflow:hidden;animation:fadeSlideUp .5s ease-out both}.calc-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--overlay-6);background:var(--overlay-2)}.calc-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff1a;color:var(--color-brand);flex-shrink:0}.calc-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.calc-description{font-size:13px;color:var(--color-text-tertiary);margin:4px 0 0;line-height:1.4}.calc-body{display:flex;align-items:stretch;gap:0;padding:0}.calc-section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-caption);margin-bottom:16px}.calc-inputs{flex:1;padding:24px;border-right:1px solid var(--overlay-6)}.calc-input-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.calc-input-row:last-child{margin-bottom:0}.calc-input-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);flex:1;min-width:0}.calc-input-field{display:flex;align-items:center;gap:0;background:var(--overlay-4);border:1px solid var(--overlay-12);border-radius:8px;overflow:hidden;transition:border-color .2s}.calc-input-field:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 2px #ffffff1f}.calc-input-prefix,.calc-input-suffix{padding:8px 10px;font-size:12px;font-weight:600;color:var(--color-text-caption);background:var(--overlay-4);-webkit-user-select:none;user-select:none}.calc-input{width:80px;padding:8px 10px;font-size:14px;font-weight:600;color:var(--color-text-primary);background:transparent;border:none;outline:none;font-family:inherit;font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;-moz-appearance:textfield}.calc-input::-webkit-inner-spin-button,.calc-input::-webkit-outer-spin-button{-webkit-appearance:none}.calc-divider{display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--color-text-caption);opacity:.4}.calc-outputs{flex:1;padding:24px}.calc-output-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;background:var(--overlay-3);border:1px solid var(--overlay-6);margin-bottom:10px;transition:all .25s}.calc-output-card:last-child{margin-bottom:0}.calc-output-highlight{border-color:#ffffff40;background:#ffffff0f}.calc-output-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.calc-output-value{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.calc-output-highlight .calc-output-value{color:var(--color-brand)}.calc-output-highlight .calc-output-value svg{color:var(--color-brand)}@media(max-width:639px){.calc-body{flex-direction:column}.calc-inputs{border-right:none;border-bottom:1px solid var(--overlay-6);padding:20px 16px}.calc-outputs{padding:20px 16px}.calc-divider{padding:8px 0;transform:rotate(90deg)}.calc-input-row{flex-direction:column;align-items:stretch;gap:6px}.calc-input{width:100%;text-align:center;font-size:16px}.calc-input-field{justify-content:center}}[data-theme=light] .calc-container{background:linear-gradient(135deg,#fafafa,#f2f2f3)}[data-theme=light] .calc-input-field,[data-theme=light] .calc-output-card{background:#fff}.quiz-container{margin:var(--space-lg) 0;border-radius:16px;border:1px solid var(--overlay-10);background:linear-gradient(135deg,var(--overlay-2) 0%,var(--overlay-4) 100%);overflow:hidden;animation:fadeSlideUp .5s ease-out both}.quiz-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--overlay-6);background:var(--overlay-2)}.quiz-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff1a;color:var(--color-brand);flex-shrink:0}.quiz-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.quiz-description{font-size:13px;color:var(--color-text-tertiary);margin:4px 0 0;line-height:1.4}.quiz-progress-track{height:3px;background:var(--overlay-6)}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand),var(--color-accent-teal));transform-origin:left center;transition:transform .4s ease;border-radius:0 2px 2px 0}.quiz-body{padding:24px}.quiz-counter{font-size:12px;font-weight:600;color:var(--color-text-caption);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.quiz-question{font-size:17px;font-weight:600;color:var(--color-text-primary);line-height:1.45;margin:0 0 20px}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quiz-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:10px;border:1px solid var(--overlay-10);background:var(--overlay-2);cursor:pointer;font-family:inherit;text-align:left;transition:all .2s;color:var(--color-text-secondary)}.quiz-option:hover{border-color:var(--overlay-18);background:var(--overlay-4);color:var(--color-text-primary)}.quiz-option-selected{border-color:var(--color-brand)!important;background:#ffffff0f!important;color:var(--color-text-primary)!important}.quiz-option-marker{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--overlay-6);font-size:12px;font-weight:700;color:var(--color-text-caption);flex-shrink:0;transition:all .2s}.quiz-option-selected .quiz-option-marker{background:var(--color-brand);color:#000}.quiz-option-text{font-size:14px;font-weight:500;line-height:1.4}.quiz-btn-next{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;font-family:inherit;background:var(--color-brand);color:#000;border:none;cursor:pointer;transition:all .2s}.quiz-btn-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ffffff40}.quiz-btn-next:disabled{opacity:.35;cursor:not-allowed}.quiz-result{padding:32px 24px;text-align:center}.quiz-result-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;border:2px solid;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.quiz-result-score{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:16px}.quiz-result-number{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.03em}.quiz-result-max{font-size:18px;font-weight:500;color:var(--color-text-caption)}.quiz-result-description{font-size:15px;line-height:1.65;color:var(--color-text-secondary);max-width:480px;margin:0 auto 24px}.quiz-score-visual{display:flex;gap:3px;border-radius:6px;overflow:hidden;margin-bottom:24px}.quiz-score-segment{padding:8px 4px;font-size:10px;font-weight:700;color:var(--color-text-primary);text-align:center;opacity:.3;transition:all .3s}.quiz-score-active{opacity:1}.quiz-score-segment-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-btn-reset{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;background:var(--overlay-4);color:var(--color-text-secondary);border:1px solid var(--overlay-12);cursor:pointer;transition:all .2s}.quiz-btn-reset:hover{background:var(--overlay-8);color:var(--color-text-primary)}[data-theme=light] .quiz-container{background:linear-gradient(135deg,#fafafa,#f2f2f3)}[data-theme=light] .quiz-option{background:#fff}
