.calculator-page{padding:var(--space-8) 0 var(--space-10)}.calculator-header{margin-bottom:var(--space-8);text-align:center}.calculator-header h1{color:#fff;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.calculator-subtitle{color:#cbd5e1;font-size:var(--text-lg);margin:0 auto;max-width:600px}.breadcrumb{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-accent)}.calculator-layout{grid-gap:var(--space-8);align-items:start;display:grid;gap:var(--space-8);grid-template-columns:400px 1fr}@media (max-width:968px){.calculator-layout{grid-template-columns:1fr}}.calculator-form-section{display:flex;flex-direction:column;gap:var(--space-6)}.calculator-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.calculator-card h2{color:#fff;font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-group label{color:#e2e8f0;display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.form-input,.form-select{-webkit-text-fill-color:#fff;background:#0f172a;border:2px solid #64748b;border-radius:var(--radius-lg);color:#fff!important;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color .2s,box-shadow .2s,background-color .2s;width:100%}.form-input::placeholder,.form-select::placeholder{-webkit-text-fill-color:#94a3b8;color:#94a3b8;opacity:1}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.form-input:focus,.form-select:focus{background:#1e293b;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a64d;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-color:#0f172a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23cbd5e1' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-select option{background:#1e293b;color:#fff}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit .form-input{padding-right:4rem}.input-unit{color:#94a3b8;font-size:var(--text-sm);font-weight:600;pointer-events:none;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%)}.radio-group{display:flex;gap:var(--space-3)}.radio-option{align-items:center;background:#1e293b;border:2px solid #64748b;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:var(--space-3) var(--space-4);transition:all .2s}.radio-option input{display:none}.radio-option span{color:#cbd5e1;font-size:var(--text-sm);font-weight:600}.radio-option:hover{background:#334155;border-color:#14b8a6}.radio-option:focus-within{box-shadow:0 0 0 3px #14b8a64d;outline:none}.radio-option:not(.selected){background:#1e293b;border-color:#64748b}.radio-option:not(.selected) span{color:#cbd5e1}.radio-option.selected{background:#14b8a6;border-color:#14b8a6}.radio-option.selected span{color:#fff;font-weight:700}.btn-full{width:100%}.calculator-info{background:#0d94880d;border:1px solid #0d948826;border-radius:var(--radius-lg);padding:var(--space-5)}.calculator-info h3{color:var(--color-accent);font-weight:600}.calculator-info h3,.calculator-info p{font-size:var(--text-sm);margin-bottom:var(--space-3)}.calculator-info p{color:var(--color-text-secondary);line-height:1.6}.calculator-info p:last-child{margin-bottom:0}.result-placeholder{align-items:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.result-placeholder h3{color:var(--color-text-secondary);font-size:var(--text-xl);margin-bottom:var(--space-2)}.result-placeholder p{color:var(--color-text-tertiary)}.result-card{animation:slideUp .3s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.result-emoji{font-size:2rem}.result-header h2{color:#e2e8f0;font-size:var(--text-lg);font-weight:600;margin:0}.result-main{margin-bottom:var(--space-8);text-align:center}.percentile-display{align-items:baseline;display:flex;justify-content:center;margin-bottom:var(--space-2)}.percentile-value{color:var(--color-accent);font-family:var(--font-display);font-size:5rem;font-weight:800;line-height:1}.percentile-suffix{color:var(--color-accent);font-size:var(--text-3xl);font-weight:600;margin-left:var(--space-1)}.percentile-label{font-size:var(--text-xl);font-weight:600}.percentile-bar-container{margin-bottom:var(--space-8)}.percentile-bar{border-radius:var(--radius-full);height:24px;margin-bottom:var(--space-3);overflow:visible;position:relative}.percentile-zones{border-radius:var(--radius-full);display:flex;height:100%;overflow:hidden}.zone{height:100%}.zone-low{background:#f97316}.zone-below{background:#eab308}.zone-average{background:#22c55e}.zone-above{background:#eab308}.zone-high{background:#f97316}.percentile-marker{align-items:center;display:flex;flex-direction:column;position:absolute;top:-8px;transform:translateX(-50%)}.percentile-marker:before{background:var(--color-text-primary);border:3px solid var(--color-surface);border-radius:50%;box-shadow:0 2px 8px #0000004d;content:"";height:16px;width:16px}.percentile-marker:after{background:var(--color-text-primary);content:"";height:24px;width:2px}.marker-label{background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:600;margin-top:var(--space-1);padding:var(--space-1) var(--space-2);white-space:nowrap}.percentile-labels{color:var(--color-text-tertiary);display:flex;font-size:var(--text-xs);justify-content:space-between}.result-interpretation{background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-5)}.result-interpretation p{color:var(--color-text-secondary);line-height:1.6;margin:0}.result-comparison h3{color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-4);text-transform:uppercase}.comparison-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.comparison-item{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.comparison-item.highlight{background:#0d94881a;border:1px solid #0d94884d}.comparison-label{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);margin-bottom:var(--space-1)}.comparison-value{color:#fff;display:block;font-size:var(--text-lg);font-weight:600}.comparison-item.highlight .comparison-value{color:var(--color-accent)}.result-actions{margin-top:var(--space-6)}.result-actions,.share-section{border-top:1px solid var(--color-border);padding-top:var(--space-6);text-align:center}.share-section{margin-top:var(--space-8)}.share-section h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.share-subtitle{color:var(--color-text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.share-buttons{flex-wrap:wrap;gap:var(--space-3)}.btn-share-main,.share-buttons{display:flex;justify-content:center}.btn-share-main{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .2s ease}.btn-share-main:hover{box-shadow:0 8px 20px #14b8a64d;transform:translateY(-2px)}.btn-embed-code{align-items:center;background:#0000;border:1px solid var(--color-accent);border-radius:var(--radius-lg);color:var(--color-accent);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);transition:all .2s ease}.btn-embed-code:hover{background:#14b8a61a}.calculators-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-8)}.calculator-preview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;transition:all .2s}.calculator-preview-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.calculator-preview-card .icon{font-size:2.5rem;margin-bottom:var(--space-4)}.calculator-preview-card h3{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.calculator-preview-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4)}.calculator-preview-card .btn-link{color:var(--color-accent);font-size:var(--text-sm);font-weight:500}@media (max-width:768px){.calculator-header h1{font-size:var(--text-3xl)}.percentile-value{font-size:3.5rem}.comparison-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=9481.79743fc2.chunk.css.map*/