.ff-survey{--ff-green:#315c47;--ff-cream:#fbf8f2;--ff-border:#ded8cd;max-width:760px;margin:32px auto;color:#292722;font-family:"Noto Sans JP",sans-serif}.ff-survey__shell{background:#fff;border:1px solid var(--ff-border);border-radius:18px;box-shadow:0 8px 30px rgba(35,31,25,.07);overflow:hidden}.ff-survey__content{padding:28px}.ff-survey__progress{height:7px;background:#ece8e0}.ff-survey__progress span{display:block;height:100%;background:var(--ff-green);transition:width .25s}.ff-survey__title{margin:0 0 14px;font-size:clamp(23px,5vw,32px);line-height:1.45}.ff-survey__lead{margin:0 0 22px;line-height:1.8;color:#5d5952}.ff-survey__reward{padding:15px 17px;border-radius:12px;background:var(--ff-cream);font-weight:700;line-height:1.7}.ff-survey__product,.ff-survey__question{margin:0 0 22px;padding:18px;border:1px solid var(--ff-border);border-radius:14px}.ff-survey__product-title,.ff-survey__question legend{padding:0 5px;font-weight:700;line-height:1.6}.ff-survey__choices{display:grid;gap:10px;margin:12px 0}.ff-survey__choice{display:flex;align-items:center;min-height:52px;padding:10px 14px;border:1px solid var(--ff-border);border-radius:12px;background:#fff;cursor:pointer}.ff-survey__choice:has(input:checked){border-color:var(--ff-green);background:#f1f7f3;box-shadow:0 0 0 1px var(--ff-green)}.ff-survey__choice input{width:20px;height:20px;margin:0 12px 0 0;accent-color:var(--ff-green)}.ff-survey__textarea{box-sizing:border-box;width:100%;min-height:88px;margin:10px 0;padding:13px;border:1px solid var(--ff-border);border-radius:10px;font:inherit;line-height:1.65;resize:vertical}.ff-survey__textarea:focus{outline:2px solid rgba(49,92,71,.25);border-color:var(--ff-green)}.ff-survey__nav{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.ff-survey__button{min-height:52px;padding:11px 24px;border:0;border-radius:999px;background:var(--ff-green);color:#fff;font:inherit;font-weight:700;cursor:pointer}.ff-survey__button--secondary{border:1px solid var(--ff-border);background:#fff;color:#47423a}.ff-survey.is-busy .ff-survey__button{opacity:.55;pointer-events:none}.ff-survey__status{min-height:24px;margin:0;padding:0 28px 18px;color:#55715f;font-size:14px}.ff-survey__status.is-error{color:#a52828}.ff-survey__review{padding:14px 18px;border-radius:12px;background:var(--ff-cream)}.ff-survey__review p{margin:8px 0}.ff-survey__loading{padding:28px}@media(max-width:600px){.ff-survey{margin:14px 10px}.ff-survey__content{padding:21px 17px}.ff-survey__product,.ff-survey__question{padding:14px 12px}.ff-survey__nav{position:sticky;bottom:0;margin:24px -17px -21px;padding:12px 17px;background:rgba(255,255,255,.96);box-shadow:0 -5px 18px rgba(0,0,0,.06)}.ff-survey__button{flex:1;padding:10px 14px}.ff-survey__status{padding:12px 17px}.ff-survey__choice{min-height:56px}}