.survey-app{position:relative;min-height:100dvh;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:var(--color-gray-900, #1a1a1a)}.survey-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-gray-200, #e5e5e5);z-index:100}.survey-progress__bar{height:100%;background:var(--color-gold-500, #ffce00);transition:width .4s ease}.survey-container{flex:1;display:flex;flex-direction:column;padding:12vh 1.5rem 2rem;max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}.survey-fade--in{animation:surveyFadeIn .25s ease forwards}.survey-fade--out{animation:surveyFadeOut .15s ease forwards}@keyframes surveyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes surveyFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.survey-slide{width:100%}.survey-intro__headline{font-size:2rem;font-weight:700;margin:0 0 .75rem;line-height:1.2}.survey-intro__subline{font-size:1.125rem;color:var(--color-gray-600, #666);margin:0 0 2rem}.survey-intro__bullets{list-style:none;padding:0 0 0 1.25rem;margin:0 0 2.5rem}.survey-intro__bullets li{padding:.25rem 0;position:relative;color:var(--color-gray-700, #444)}.survey-intro__bullets li:before{content:"";position:absolute;left:-1.25rem;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--color-gold-500, #ffce00)}.survey-intro__hint{font-size:.8125rem;color:var(--color-gray-400, #999);margin:0 0 2rem}.survey-question{display:flex;flex-direction:column;gap:2rem}.survey-question__content{flex:1}.survey-question__title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;line-height:1.3}.survey-question__description{font-size:.9375rem;color:var(--color-gray-500, #777);margin:0 0 1.5rem}.survey-options{display:flex;flex-direction:column;gap:.5rem}.survey-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1.5px solid var(--color-gray-200, #e0e0e0);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;font-size:1rem;font-family:inherit;width:100%}.survey-option:hover{border-color:var(--color-gold-400, #ffd633);background:var(--color-gold-50, #fffdf0)}.survey-option--selected{border-color:var(--color-gold-500, #ffce00);background:var(--color-gold-50, #fffdf0)}.survey-option__key{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:1.5px solid var(--color-gray-300, #ccc);font-size:.8125rem;font-weight:600;color:var(--color-gray-500, #777);flex-shrink:0}.survey-option--selected .survey-option__key{border-color:var(--color-gold-500, #ffce00);background:var(--color-gold-500, #ffce00);color:var(--color-gray-900, #1a1a1a)}.survey-option__label{flex:1}.survey-option__check{color:var(--color-gold-600, #cc9900);font-weight:600}.survey-option--other{cursor:default}.survey-option__input{flex:1;border:none;outline:none;font-size:1rem;font-family:inherit;background:transparent}.survey-number{display:flex;align-items:baseline;gap:.25rem}.survey-number--with-suffix .survey-number__input{max-width:12ch;text-align:right}.survey-number__suffix{font-size:1.25rem;color:var(--color-gray-500, #666);padding-bottom:1rem;border-bottom:2px solid transparent}.survey-number__input,.survey-text__input{width:100%;padding:1rem;font-size:1.25rem;font-family:inherit;border:none;border-bottom:2px solid var(--color-gray-300, #ccc);background:transparent;outline:none;transition:border-color .2s}.survey-number__input:focus,.survey-text__input:focus{border-bottom-color:var(--color-gold-500, #ffce00)}.survey-number__input::-webkit-outer-spin-button,.survey-number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.survey-number__input[type=number]{-moz-appearance:textfield}.survey-scale__buttons{display:flex;gap:.5rem;justify-content:center}.survey-scale__btn{width:52px;height:52px;border-radius:8px;border:1.5px solid var(--color-gray-200, #e0e0e0);background:#fff;font-size:1.125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.survey-scale__btn:hover{border-color:var(--color-gold-400, #ffd633);transform:scale(1.05)}.survey-scale__btn--selected{border-color:var(--color-gold-500, #ffce00);background:var(--color-gold-500, #ffce00);color:var(--color-gray-900, #1a1a1a)}.survey-scale__labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8125rem;color:var(--color-gray-400, #999)}.survey-dropdown__select{width:auto;min-width:12ch;padding:1rem 2rem 1rem 1rem;font-size:1.25rem;font-weight:500;font-family:inherit;border:none;border-bottom:2px solid var(--color-gray-300, #ccc);border-radius:0;background:transparent;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s}.survey-dropdown__select:focus{border-bottom-color:var(--color-gold-500, #ffce00)}.survey-question__nav{display:flex;gap:.75rem;align-items:center}.survey-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s;border:none;text-decoration:none}.survey-btn--primary{background:var(--color-gold-500, #ffce00);color:var(--color-gray-900, #1a1a1a)}.survey-btn--primary:hover{background:var(--color-gold-400, #ffd633)}.survey-btn--primary:disabled{opacity:.4;cursor:not-allowed}.survey-btn--secondary{background:transparent;color:var(--color-gray-500, #777);border:1.5px solid var(--color-gray-200, #e0e0e0)}.survey-btn--secondary:hover{border-color:var(--color-gray-400, #999);color:var(--color-gray-700, #444)}.survey-btn--ghost{background:transparent;color:var(--color-gray-400, #999);padding:.875rem 1rem}.survey-btn--ghost:hover{color:var(--color-gray-600, #666)}.survey-thankyou{text-align:center}.survey-thankyou__headline{font-size:2rem;font-weight:700;margin:0 0 .5rem}.survey-thankyou__subline{color:var(--color-gray-500, #777);margin:0 0 2rem}.survey-thankyou__insight{background:#fff;border:1.5px solid var(--color-gold-200, #ffecb3);border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem}.survey-thankyou__comparison{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.survey-thankyou__col{display:flex;flex-direction:column;gap:.25rem}.survey-thankyou__amount{font-size:1.5rem;font-weight:700}.survey-thankyou__amount--user{color:var(--color-gray-900, #1a1a1a)}.survey-thankyou__amount--median{color:var(--color-gray-500, #777)}.survey-thankyou__label{font-size:.8125rem;color:var(--color-gray-400, #999)}.survey-thankyou__arrow{color:var(--color-gray-300, #ccc);font-size:1.25rem}.survey-thankyou__verdict{font-size:.9375rem;font-weight:500;padding:.5rem 1rem;border-radius:20px;display:inline-block}.survey-thankyou__verdict--above{background:var(--color-gold-100, #fff9e6);color:var(--color-gold-700, #996600)}.survey-thankyou__verdict--below{background:var(--color-gray-100, #f5f5f5);color:var(--color-gray-600, #666)}.survey-thankyou__stats-detail{font-size:.8125rem;color:var(--color-gray-400, #999);margin-top:.5rem}.survey-thankyou__share{margin-bottom:2rem}.survey-thankyou__share-title{font-size:.875rem;color:var(--color-gray-400, #999);margin-bottom:.75rem}.survey-share{display:flex;gap:.5rem;justify-content:center}.survey-share__btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;font-family:inherit;border:1.5px solid var(--color-gray-200, #e0e0e0);background:#fff;color:var(--color-gray-600, #666);cursor:pointer;text-decoration:none;transition:border-color .15s}.survey-share__btn:hover{border-color:var(--color-gray-400, #999)}.survey-saving{position:fixed;bottom:1rem;right:1rem}.survey-saving__dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--color-gold-500, #ffce00);animation:surveyPulse 1s ease infinite}@keyframes surveyPulse{0%,to{opacity:.3}50%{opacity:1}}.survey-activity-list{display:flex;flex-direction:column;gap:.375rem;max-height:60vh;overflow-y:auto;padding-right:.25rem}.survey-activity{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:1.5px solid var(--color-gray-100, #f0f0f0);border-radius:8px;background:#fff;transition:border-color .15s}.survey-activity--answered{border-color:var(--color-gold-200, #ffecb3)}.survey-activity__info{flex:1;min-width:0}.survey-activity__name{display:block;font-size:.9375rem;font-weight:500;line-height:1.3}.survey-activity__desc{display:block;font-size:.75rem;color:var(--color-gray-400, #999);line-height:1.3}.survey-activity__scores{display:flex;gap:.25rem;flex-shrink:0}.survey-activity__btn{width:34px;height:34px;border-radius:6px;border:1.5px solid var(--color-gray-200, #e0e0e0);background:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .1s,background .1s;color:var(--color-gray-500, #777)}.survey-activity__btn:hover{border-color:var(--color-gold-400, #ffd633)}.survey-activity__btn--selected{border-color:var(--color-gold-500, #ffce00);background:var(--color-gold-500, #ffce00);color:var(--color-gray-900, #1a1a1a)}.survey-activity__scale-legend{color:var(--color-gray-400, #999);font-size:.8125rem}.survey-activity__count{text-align:center;font-size:.8125rem;color:var(--color-gray-400, #999);margin-top:.5rem}.survey-salary{max-width:320px}.survey-salary__input-wrapper{display:flex;align-items:baseline;gap:.5rem}.survey-salary__currency{font-size:1.5rem;font-weight:600;color:var(--color-gray-400, #999);flex-shrink:0}.survey-salary__input{width:100%;padding:.75rem 0;font-size:2rem;font-weight:600;font-family:inherit;border:none;border-bottom:2px solid var(--color-gray-300, #ccc);background:transparent;outline:none;transition:border-color .2s}.survey-salary__input:focus{border-bottom-color:var(--color-gold-500, #ffce00)}.survey-salary__label{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--color-gray-400, #999)}.survey-salary__validation{margin-top:.75rem;font-size:.875rem;color:#c0392b}.survey-location{display:flex;flex-direction:column;gap:1.25rem}.survey-location__field{display:flex;flex-direction:column;gap:.375rem}.survey-location__label{font-size:.8125rem;font-weight:500;color:var(--color-gray-500, #777)}@media(max-width:640px){.survey-container{padding:10vh 1rem 1.5rem}.survey-intro__headline,.survey-thankyou__headline{font-size:1.5rem}.survey-question__title{font-size:1.25rem}.survey-scale__btn{width:44px;height:44px;font-size:1rem}.survey-option{padding:.75rem}.survey-activity{flex-direction:column;align-items:stretch;gap:.375rem;padding:.5rem .625rem}.survey-activity__scores{justify-content:space-between}.survey-activity__btn{flex:1;width:auto;min-width:0}.survey-salary__input{font-size:1.5rem}.survey-salary__currency{font-size:1.25rem}}