.reframe-screen{width:100%;min-height:100dvh;position:relative}.reframe-bg{z-index:0;background:url(/categories-bg.png) 50%/cover no-repeat;animation:24s ease-in-out infinite reframe-bg-float;position:fixed;inset:0}@keyframes reframe-bg-float{0%,to{transform:translate(0)}33%{transform:translate(2px,-3px)}66%{transform:translate(-2px,2px)}}.reframe-overlay{z-index:1;-webkit-backdrop-filter:blur(2px);pointer-events:none;background:#ffffff59;position:fixed;inset:0}.reframe-header{z-index:20;box-sizing:border-box;align-items:center;padding:0;display:flex;position:fixed;top:40px;left:48px;right:0}.reframe-back{letter-spacing:.04em;color:#243c2c;opacity:.6;cursor:pointer;transform-origin:50%;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:15px;text-decoration:none;transition:all .3s}.reframe-back:hover{opacity:1;transform:scale(1.06)}.reframe-back:active{transform:scale(.97)}.reframe-title-block{text-align:center;flex-direction:column;align-items:center;margin-bottom:56px;display:flex}.reframe-title-block.reveal.visible .step-progress-66{animation:.8s forwards step-progress-66}.reframe-title-block .reframe-title{margin:0}.reframe-section{z-index:10;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:120px 24px 80px;display:flex;position:relative}.reframe-title{letter-spacing:-.5px;color:#243c2c;text-align:center;max-width:520px;margin:0 0 56px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:300;line-height:1.3}.emoji-slider-wrap{width:100%;max-width:520px;margin-bottom:32px}.reframe-emotion-labels{text-align:center;margin-top:20px;margin-bottom:20px;animation:.4s reframe-label-fade}@keyframes reframe-label-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reframe-emotion-label{color:#243c2c;opacity:.85;margin:0 0 6px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:16px;font-weight:400}.reframe-emotion-support{color:#243c2c;opacity:.7;margin:0;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:15px;font-weight:300;line-height:1.4}.emoji-track{justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:relative}.emoji-track-line{pointer-events:none;background:linear-gradient(90deg,#243c2c33,#243c2c26);border-radius:1px;height:2px;position:absolute;left:48px;right:48px}.emoji-option{cursor:pointer;transform-origin:50%;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:transform .25s,filter .25s;display:flex;position:relative}.emoji-option:hover{filter:drop-shadow(0 0 14px #243c2c1f)saturate(1.05);transform:scale(1.1)}.emoji-option.emoji-selected{filter:drop-shadow(0 0 20px #243c2c33)saturate(1.15);transform:scale(1.18)}.emoji-option.emoji-selected .emoji-indicator{opacity:.6}.emoji-char{font-size:32px;line-height:1}.emoji-indicator{opacity:0;background:#243c2c;border-radius:2px;width:24px;height:3px;transition:opacity .3s}.emoji-selected .emoji-indicator{opacity:.5}@keyframes emoji-pulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.22)}}.emoji-option.emoji-selected .emoji-char{animation:.5s emoji-pulse}.reframe-input-wrap{width:100%;max-width:400px;margin-bottom:56px}.reframe-input{-webkit-backdrop-filter:blur(12px);color:#243c2c;box-sizing:border-box;background:#ffffff59;border:1px solid #ffffff80;border-radius:20px;width:100%;padding:16px 24px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:16px;font-weight:300;transition:box-shadow .3s,background .3s,border-color .3s}.reframe-input::placeholder{color:#243c2c80}.reframe-input:focus{background:#ffffff80;border-color:#ffffffb3;outline:none;box-shadow:0 0 32px #243c2c1a}.reframe-cta-wrap{flex-shrink:0;margin-top:auto;margin-bottom:0}.reframe-continue{color:#ece69d;letter-spacing:.03em;transform-origin:50%;background:#243c2c;border-radius:999px;padding:16px 48px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:15px;font-weight:400;text-decoration:none;transition:all .3s;display:inline-block}.reframe-continue-inactive{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none}.reframe-continue-active{opacity:1;cursor:pointer;transform:scale(1.03);box-shadow:0 4px 20px #243c2c33}.reframe-continue-active:hover{filter:brightness(1.05);transform:scale(1.05)translateY(-2px);box-shadow:0 6px 28px #243c2c40}.reframe-continue-active:active{transform:scale(.98)}