.section-test-osea{--tro-green:var(--color-success,#059669);--tro-yellow:var(--tulip-tree-500,#eab308);--tro-red:var(--rosa-500,#ec4899);--tro-accent:var(--rosa-600,#e11d48);--tro-accent-light:var(--rosa-100,#fce7f3);--tro-accent-hover:var(--rosa-700,#be1238);--tro-accent-ring:#e11d4833;--tro-transition:.4s cubic-bezier(.4,0,.2,1);--tro-touch-target:44px;max-width:900px;margin:2rem auto;padding:0 1rem}.tro-banner{background:var(--rosa-50,#fdf2f8);border:2px solid var(--rosa-300,#f9a8d4);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:border-color var(--tro-transition),box-shadow var(--tro-transition),transform var(--tro-transition);-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.tro-banner:hover{border-color:var(--tro-accent);box-shadow:0 4px 12px var(--tro-accent-ring);transform:translateY(-2px)}.tro-banner:focus-visible{outline:3px solid var(--tro-accent);outline-offset:2px}.tro-banner-icon{border-radius:var(--radius-lg,.75rem);background:var(--tro-accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.tro-banner-text{flex:1;min-width:0}.tro-banner-title{font-family:var(--font-family-heading,"Righteous",cursive);color:var(--gris-900,#111827);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.tro-banner-subtitle{font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-500,#6b7280);margin:.25rem 0 0;font-size:.875rem;line-height:1.4}.tro-banner-arrow{color:var(--tro-accent);transition:transform var(--tro-transition);flex-shrink:0;align-items:center;font-size:1.5rem;display:flex}.tro-banner-arrow-rotated{transform:rotate(180deg)}.tro-content{transition:grid-template-rows var(--tro-transition);grid-template-rows:0fr;display:grid}.tro-content.tro-content-expanded{grid-template-rows:1fr}.tro-content-inner{overflow:hidden}.tro-form{padding:1.5rem 0 0}.tro-form-header{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.tro-form-group{flex-direction:column;gap:.5rem;display:flex}.tro-form-label{font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-800,#1f2937);font-size:.875rem;font-weight:700}.tro-form-optional{color:var(--gris-400,#9ca3af);font-weight:400}.tro-chip-group{gap:.5rem;display:flex}.tro-chip{min-height:var(--tro-touch-target);border:2px solid var(--gris-200,#e5e7eb);border-radius:var(--radius-full,9999px);cursor:pointer;transition:background var(--tro-transition),border-color var(--tro-transition),color var(--tro-transition);background:#fff;justify-content:center;align-items:center;padding:.5rem 1.25rem;display:flex}.tro-chip:hover{border-color:var(--rosa-300,#f9a8d4);background:var(--rosa-50,#fdf2f8)}.tro-chip:focus-within{outline:3px solid var(--tro-accent);outline-offset:2px}.tro-chip-selected{background:var(--tro-accent);border-color:var(--tro-accent-hover);color:#fff}.tro-chip-selected:hover{background:var(--tro-accent-hover);border-color:var(--rosa-800,#9f1239)}.tro-chip-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.tro-chip-label{font-family:var(--font-family-body,"ABeeZee",sans-serif);white-space:nowrap;font-size:.875rem;font-weight:600}.tro-select{appearance:none;width:100%;min-height:var(--tro-touch-target);font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-800,#1f2937);border:2px solid var(--gris-200,#e5e7eb);border-radius:var(--radius-md,.5rem);cursor:pointer;transition:border-color var(--tro-transition),box-shadow var(--tro-transition);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M7 7l3 3 3-3'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem}.tro-select:hover{border-color:var(--gris-300,#d1d5db)}.tro-select:focus{border-color:var(--tro-accent);box-shadow:0 0 0 3px var(--tro-accent-ring);outline:none}.tro-input-row{gap:.75rem;display:flex}.tro-input-group{flex:1;align-items:center;gap:.375rem;display:flex}.tro-input{width:100%;min-height:var(--tro-touch-target);font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-800,#1f2937);border:2px solid var(--gris-200,#e5e7eb);border-radius:var(--radius-md,.5rem);transition:border-color var(--tro-transition),box-shadow var(--tro-transition);background:#fff;padding:.625rem .75rem;font-size:.875rem}.tro-input:hover{border-color:var(--gris-300,#d1d5db)}.tro-input:focus{border-color:var(--tro-accent);box-shadow:0 0 0 3px var(--tro-accent-ring);outline:none}.tro-input::placeholder{color:var(--gris-400,#9ca3af)}.tro-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tro-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tro-input[type=number]{-moz-appearance:textfield}.tro-input-unit{font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-500,#6b7280);flex-shrink:0;font-size:.875rem}.tro-toggles-grid{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.tro-toggle-item{background:var(--gris-50,#f9fafb);border:1px solid var(--gris-200,#e5e7eb);border-radius:var(--radius-md,.5rem);cursor:pointer;transition:border-color var(--tro-transition),background var(--tro-transition);min-height:var(--tro-touch-target);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.tro-toggle-item:hover{border-color:var(--rosa-300,#f9a8d4);background:#fff}.tro-toggle-question{font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-700,#374151);flex:1;font-size:.875rem;line-height:1.4}.tro-toggle{flex-shrink:0;display:inline-flex;position:relative}.tro-toggle-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.tro-toggle-track{background:var(--gris-300,#d1d5db);width:44px;height:24px;transition:background var(--tro-transition);border-radius:12px;position:relative}.tro-toggle-track:after{content:"";width:20px;height:20px;transition:transform var(--tro-transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.tro-toggle-input:checked+.tro-toggle-track{background:var(--tro-accent)}.tro-toggle-input:checked+.tro-toggle-track:after{transform:translate(20px)}.tro-toggle-input:focus-visible+.tro-toggle-track{outline:3px solid var(--tro-accent);outline-offset:2px}.tro-submit-wrapper{justify-content:center;padding:.5rem 0 1rem;display:flex}.tro-submit-btn{min-height:52px;font-family:var(--font-family-heading,"Righteous",cursive);color:#fff;background:var(--tro-accent);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:background var(--tro-transition),transform var(--tro-transition),box-shadow var(--tro-transition),opacity var(--tro-transition);box-shadow:0 4px 12px var(--tro-accent-ring);border:none;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1.1rem;display:inline-flex}.tro-submit-btn:hover:not(:disabled){background:var(--tro-accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #e11d4859}.tro-submit-btn:active:not(:disabled){transform:translateY(0)}.tro-submit-btn:disabled{opacity:.4;cursor:not-allowed}.tro-submit-btn:focus-visible{outline:3px solid var(--tro-accent);outline-offset:2px}.tro-result-wrapper{width:auto;height:auto;padding:1.5rem 0 0;position:relative;left:auto;overflow:visible}.tro-result-card{border-radius:var(--radius-lg,.75rem);border:1px solid var(--gris-200,#e5e7eb);border-top:4px solid var(--gris-300,#d1d5db);text-align:center;background:#fff;padding:2rem 1.5rem;animation:.6s ease-out tro-fadeIn}.tro-result-green{border-top-color:var(--tro-green)}.tro-result-yellow{border-top-color:var(--tro-yellow)}.tro-result-red{border-top-color:var(--tro-red)}.tro-result-title{font-family:var(--font-family-heading,"Righteous",cursive);color:var(--gris-900,#111827);margin:1rem 0 .75rem;font-size:1.5rem}.tro-result-description{font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-600,#4b5563);max-width:600px;margin:0 auto 1.5rem;font-size:.9375rem;line-height:1.6}.tro-gauge{max-width:220px;margin:0 auto}.tro-gauge-svg{width:100%;height:auto}.tro-gauge-arc{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.tro-gauge-needle{transition:cx 1.2s cubic-bezier(.4,0,.2,1),cy 1.2s cubic-bezier(.4,0,.2,1)}.tro-result-ctas{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.tro-cta-primary{min-height:52px;font-family:var(--font-family-heading,"Righteous",cursive);color:#fff;background:var(--tro-accent);border-radius:var(--radius-lg,.75rem);transition:background var(--tro-transition),transform var(--tro-transition),box-shadow var(--tro-transition);box-shadow:0 4px 12px var(--tro-accent-ring);align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;text-decoration:none;display:inline-flex}.tro-cta-primary:hover{background:var(--tro-accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #e11d4859}.tro-cta-secondary{min-height:var(--tro-touch-target);font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--rosa-700,#be1238);border:2px solid var(--rosa-300,#f9a8d4);border-radius:var(--radius-lg,.75rem);transition:background var(--tro-transition),border-color var(--tro-transition),transform var(--tro-transition);background:0 0;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.tro-cta-secondary:hover{background:var(--rosa-50,#fdf2f8);border-color:var(--tro-accent);transform:translateY(-1px)}.tro-cta-primary:focus-visible,.tro-cta-secondary:focus-visible{outline:3px solid var(--tro-accent);outline-offset:2px}.tro-disclaimer{background:var(--gris-50,#f9fafb);border-left:3px solid var(--gris-300,#d1d5db);border-radius:0 var(--radius-md,.5rem)var(--radius-md,.5rem)0;text-align:left;gap:.75rem;padding:1rem;display:flex}.tro-disclaimer .material-symbols-outlined{color:var(--gris-400,#9ca3af);flex-shrink:0;font-size:1.25rem}.tro-disclaimer p{font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-500,#6b7280);margin:0;font-size:.8125rem;line-height:1.5}.tro-result-red .tro-disclaimer{border-left-color:var(--tro-red);background:#e11d480d}.tro-result-red .tro-disclaimer .material-symbols-outlined{color:var(--tro-red)}.tro-actions{justify-content:center;gap:1rem;padding:1.25rem 0 .5rem;display:flex}.tro-btn-action{min-height:var(--tro-touch-target);font-family:var(--font-family-body,"ABeeZee",sans-serif);color:var(--gris-500,#6b7280);border:1px solid var(--gris-200,#e5e7eb);border-radius:var(--radius-md,.5rem);cursor:pointer;transition:color var(--tro-transition),border-color var(--tro-transition),background var(--tro-transition);background:0 0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.tro-btn-action:hover{color:var(--rosa-700,#be1238);border-color:var(--rosa-300,#f9a8d4);background:var(--rosa-50,#fdf2f8)}.tro-btn-action:focus-visible{outline:3px solid var(--tro-accent);outline-offset:2px}@keyframes tro-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.tro-form-header{flex-direction:row;align-items:flex-end}.tro-form-header .tro-form-group{flex:1}.tro-toggles-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.tro-result-ctas{flex-direction:row;justify-content:center}}@media (min-width:1024px){.tro-banner-icon{width:56px;height:56px;font-size:1.75rem}.tro-banner-title{font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.section-test-osea,.section-test-osea *,.section-test-osea :before,.section-test-osea :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}