:root{color:#111318;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--pink:#f23d5f;--pink-hover:#df3152;--pink-soft:#fff3f6;--ink:#111318;--muted:#677382;--cyan-soft:#e9f9fc;--focus:#70dce3;background:#85878c;font-family:Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}body{background:#85878c;place-items:center;min-width:320px;min-height:100vh;margin:0;padding:28px;display:grid}#root{place-items:center;width:100%;display:grid}.shell{width:min(100%,560px)}.card{text-align:center;background:#fff;border-radius:27px;width:100%;padding:40px 31px 36px;animation:.46s cubic-bezier(.2,.85,.28,1) both card-enter;position:relative;overflow:hidden;box-shadow:0 21px 52px #20252d24}.top-icon{background:#ffe9ee;border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 21px;animation:.55s cubic-bezier(.2,.9,.25,1) 80ms both icon-enter;display:grid}.top-icon img{filter:invert(35%)sepia(92%)saturate(2570%)hue-rotate(328deg)brightness(101%)contrast(90%);width:42px;height:42px}.eyebrow{color:#606c79;letter-spacing:.12em;margin:0 0 18px;font-size:13px;font-weight:800}h1{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:29px;font-weight:800;line-height:1.18}.intro{color:var(--muted);margin:13px 0 24px;font-size:17px;line-height:1.42}form{margin:0}.selection-surface{background:var(--cyan-soft);border-radius:15px}.scenario-surface{padding:22px 16px}.scenario-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.scenario-option{color:#243746;cursor:pointer;min-width:0;height:118px;animation:option-enter .42s calc(.16s + var(--stagger)) cubic-bezier(.2, .85, .25, 1) both;background:#fff;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:12px 6px 10px;font-size:13px;font-weight:800;line-height:1.1;transition:border-color .17s,box-shadow .17s,transform .17s,background .17s;display:flex;position:relative;box-shadow:0 4px 12px #24323f0c}.scenario-option:hover{border-color:#ffc0ce;transform:translateY(-2px);box-shadow:0 8px 18px #24323f14}.scenario-option:active{transform:translateY(0)scale(.975)}.scenario-option.is-selected{border-color:var(--pink);background:var(--pink-soft);animation:.28s cubic-bezier(.2,.9,.25,1) both selection-pop;box-shadow:0 8px 20px #f23d5f1a}.scenario-image{object-fit:contain;width:48px;height:48px;display:block}.choice-check{background:var(--pink);opacity:0;border:3px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .16s,transform .24s cubic-bezier(.2,1.2,.25,1);display:grid;position:absolute;top:-8px;right:-8px;transform:scale(.55)rotate(-12deg)}.choice-check img,.feedback-icon img,.preview-notice-icon img{filter:brightness(0)invert();width:17px;height:17px}.scenario-option.is-selected .choice-check{opacity:1;transform:scale(1)rotate(0)}.error{color:#bd2141;text-align:left;min-height:18px;margin:7px 2px 2px;font-size:12px;line-height:1.45}.primary-action{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;width:100%;height:56px;font-size:18px;font-weight:800;transition:background .16s,transform .14s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 18px #f23d5f1a}.primary-action:hover{background:var(--pink-hover);box-shadow:0 10px 22px #f23d5f26}.primary-action:active{transform:scale(.985)}.text-action{color:#66727f;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:36px;margin-top:7px;padding:6px 11px;font-size:14px;font-weight:700;text-decoration:underline}.text-action:disabled{opacity:.48;cursor:default}.note{color:#7a8590;margin:13px 0 0;font-size:12px;line-height:1.4}.preview-notice{color:#275f55;background:#effcf9;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;margin-top:11px;padding:8px 10px;font-size:12px;font-weight:700;animation:.3s both feedback-enter;display:flex}.preview-notice-icon{background:#16a886;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.preview-notice-icon img{width:13px;height:13px}.preview-notice button{color:inherit;cursor:pointer;background:0 0;border:0;padding:3px 5px;font-size:12px;font-weight:800;text-decoration:underline}.scenario-option:focus-visible,.mood-marker:focus-visible,.mood-range:focus-visible,.primary-action:focus-visible,.text-action:focus-visible,.preview-notice button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.mood-card{padding-bottom:35px}.mood-card .intro{margin-bottom:22px}.mood-surface{padding:15px 20px 17px}.range-wrap{height:86px;margin:0 33px;padding-top:51px;position:relative}.mood-value{z-index:3;top:0;left:var(--mood-position);background:var(--pink);color:#fff;border-radius:20px;place-items:center;min-width:88px;height:39px;padding:0 14px;font-size:14px;font-weight:800;line-height:1;animation:.28s cubic-bezier(.2,.9,.25,1) both value-pop;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 7px 16px #f23d5f24}.mood-value:after{content:"";background:var(--pink);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.range-track{background:#cfdce2;border-radius:999px;width:100%;height:5px;position:relative}.range-fill{width:var(--mood-position);border-radius:inherit;background:var(--pink);transition:width .2s cubic-bezier(.2,.85,.25,1);position:absolute;inset:0 auto 0 0}.range-dot{background:#cfdce2;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:background .18s,transform .18s;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-dot.is-filled{background:var(--pink)}.mood-range{z-index:4;appearance:none;cursor:grab;background:0 0;border:0;width:calc(100% + 24px);height:38px;margin:0;position:absolute;top:35px;left:-12px}.mood-range:active{cursor:grabbing}.mood-range::-webkit-slider-runnable-track{background:0 0;height:5px}.mood-range::-webkit-slider-thumb{appearance:none;background:var(--pink);border:4px solid #fff;border-radius:50%;width:30px;height:30px;margin-top:-12.5px;transition:transform .14s;box-shadow:0 3px 9px #2f394b3d}.mood-range:active::-webkit-slider-thumb{transform:scale(1.08)}.mood-range::-moz-range-track{background:0 0;height:5px}.mood-range::-moz-range-thumb{background:var(--pink);border:4px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 3px 9px #2f394b3d}.mood-markers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.mood-marker{color:#5c6975;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:2px 2px 0;font-size:13px;font-weight:700;transition:color .16s,transform .16s;display:flex}.mood-marker:hover{transform:translateY(-2px)}.mood-marker img{object-fit:contain;width:43px;height:43px;transition:transform .2s cubic-bezier(.2,.9,.25,1);display:block}.mood-marker.is-selected{color:var(--pink)}.mood-marker.is-selected img{transform:scale(1.08)}.selection-feedback{color:#3e4854;justify-content:center;align-items:center;gap:12px;min-height:47px;margin:14px 0 13px;font-size:15px;font-weight:700;animation:.32s both feedback-enter;display:flex}.feedback-icon{background:#ffe9ee;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.feedback-icon img{filter:invert(35%)sepia(92%)saturate(2570%)hue-rotate(328deg)brightness(101%)contrast(90%);width:23px;height:23px}@keyframes card-enter{0%{opacity:0;transform:translateY(13px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes icon-enter{0%{opacity:0;transform:translateY(-8px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes option-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes selection-pop{0%{transform:scale(.97)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes feedback-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes value-pop{0%{opacity:.7;transform:translate(-50%)translateY(4px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width<=600px){body{padding:15px}.card{border-radius:23px;padding:29px 19px 30px}.top-icon{width:72px;height:72px;margin-bottom:18px}.top-icon img{width:37px;height:37px}.eyebrow{margin-bottom:14px;font-size:12px}h1{font-size:26px}.intro{max-width:330px;margin:11px auto 19px;font-size:15px}.scenario-surface{padding:15px}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scenario-option{flex-direction:row;gap:9px;height:84px;padding:8px;font-size:13px}.scenario-image{width:40px;height:40px}.choice-check{width:26px;height:26px;top:-5px;right:-5px}.primary-action{height:53px;font-size:17px}.mood-surface{padding:14px 10px 16px}.range-wrap{margin:0 25px}.mood-value{min-width:82px;height:37px;font-size:13px}.mood-markers{gap:2px}.mood-marker{gap:7px;font-size:11px}.mood-marker img{width:38px;height:38px}.selection-feedback{margin:12px 0;font-size:14px}.feedback-icon{width:36px;height:36px}}@media (width<=359px){body{padding:10px}.card{padding-inline:15px}.scenario-surface{padding:12px}.mood-marker{font-size:10px}.range-wrap{margin-inline:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}