/* RESON feedback concept. Preview only: no submission or reward is sent. */
.reson-feedback-launch { position:fixed;z-index:180;top:18px;right:20px;border:1px solid rgba(196,237,218,.24);border-radius:999px;padding:9px 14px;background:rgba(9,20,19,.82);color:#d8f8e8;font:500 11px/1.3 system-ui,-apple-system,"PingFang SC",sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.24);backdrop-filter:blur(16px) }
.reson-feedback-backdrop { position:fixed;inset:0;z-index:190;background:rgba(2,8,9,.58);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px;transition:opacity .25s ease,visibility .25s ease }
.reson-feedback-backdrop.is-hidden { opacity:0;visibility:hidden;pointer-events:none }
.reson-feedback-card { box-sizing:border-box;position:relative;width:min(440px,100%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:29px 31px 27px;border:1px solid rgba(188,236,216,.29);border-radius:23px;background:linear-gradient(155deg,rgba(26,49,45,.98),rgba(12,25,27,.985) 58%,rgba(9,18,23,.99));box-shadow:0 26px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.09);color:#f0f7f0;text-align:left;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;transform:translateY(0) scale(1);transition:transform .28s ease }
.reson-feedback-backdrop.is-hidden .reson-feedback-card { transform:translateY(18px) scale(.98) }
.reson-feedback-card * { box-sizing:border-box }
.reson-feedback-close { position:absolute;top:17px;right:17px;width:32px;height:32px;border:1px solid rgba(210,247,228,.12);border-radius:50%;background:rgba(255,255,255,.035);color:#a9bbb4;font:20px/1 system-ui;cursor:pointer }
.reson-feedback-close:hover,.reson-feedback-close:focus-visible { color:#f3fff7;border-color:rgba(210,247,228,.4) }
.reson-feedback-kicker { color:#9bd7bc;font-size:10px;font-weight:700;letter-spacing:.2em }
.reson-feedback-card h2 { margin:12px 0 8px;color:#f2fff5;font-size:clamp(22px,5vw,28px);font-weight:650;letter-spacing:-.035em;line-height:1.25 }
.reson-feedback-intro { margin:0;color:#a9bbb4;font-size:12px;line-height:1.8 }
.reson-feedback-rule { height:1px;margin:22px 0 18px;background:linear-gradient(90deg,rgba(164,216,188,.35),rgba(164,216,188,.02)) }
.reson-feedback-label { display:block;color:#e2efe5;font-size:12px;font-weight:630 }
.reson-feedback-hint { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0 }
.reson-feedback-stars { display:flex;align-items:center;gap:6px;margin:14px 0 19px }
.reson-feedback-star { display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#daba67;cursor:pointer;touch-action:manipulation;transition:background .2s ease }
.reson-feedback-star-glyph { position:relative;display:block;width:32px;height:32px;transition:transform .22s ease;pointer-events:none }
.reson-feedback-star svg { position:absolute;top:0;left:0;width:32px;height:32px;stroke-linecap:round;stroke-linejoin:round }
.reson-feedback-star-outline { fill:transparent;stroke:currentColor;stroke-width:1.7 }
.reson-feedback-star-fill { position:absolute;top:0;left:0;width:0;height:32px;overflow:hidden;color:#f4cd65;transition:width .12s ease }
.reson-feedback-star-fill svg { fill:currentColor;stroke:currentColor;stroke-width:1.4 }
.reson-feedback-star.is-preview { background:rgba(244,205,101,.07) }
.reson-feedback-star.is-preview .reson-feedback-star-glyph { transform:translateY(-4px) scale(1.1) }
.reson-feedback-star.is-picked .reson-feedback-star-glyph { animation:reson-star-pop .32s ease both }
.reson-feedback-star:focus-visible { outline:2px solid #f4cd65;outline-offset:2px }
@keyframes reson-star-pop { 50%{transform:translateY(-6px) scale(1.25)} }
.reson-feedback-textarea { display:block;width:100%;min-height:122px;margin-top:10px;resize:vertical;border:1px solid rgba(190,229,208,.18);border-radius:13px;padding:13px 14px;background:rgba(4,14,18,.48);color:#edf9ee;font:400 12px/1.7 system-ui,-apple-system,"PingFang SC",sans-serif;outline:none }
.reson-feedback-textarea::placeholder { color:#758c84 }
.reson-feedback-textarea:focus { border-color:#8acaac;box-shadow:0 0 0 3px rgba(130,218,168,.09) }
.reson-feedback-count { margin:5px 0 0;color:#7f968b;font-size:10px;text-align:right }
.reson-feedback-reward { margin-top:17px;padding:15px 16px;border:1px solid rgba(161,233,187,.37);border-radius:15px;background:linear-gradient(135deg,rgba(96,196,136,.16),rgba(72,166,130,.07) 52%,rgba(7,24,25,.24));box-shadow:inset 0 1px 0 rgba(214,255,229,.08),0 12px 30px rgba(0,0,0,.12) }
.reson-feedback-reward-head { display:flex;align-items:center;gap:8px;color:#d7f8e2;font-size:12px;font-weight:700 }
.reson-feedback-reward-head::before { content:"✦";color:#a4eac1;font-size:18px;line-height:1 }
.reson-feedback-reward p { margin:8px 0 0;color:#b4cabe;font-size:11px;line-height:1.6 }
.reson-feedback-reward-value { display:flex;align-items:baseline;gap:9px;width:max-content;max-width:100%;margin-top:9px;padding:7px 11px;border:1px solid rgba(178,244,202,.25);border-radius:9px;background:rgba(175,242,195,.12);color:#e4ffeb;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);font-size:15px;line-height:1.4;letter-spacing:-.02em;white-space:nowrap }
.reson-feedback-reward-value strong { font-weight:760 }
.reson-feedback-reward-value span { color:#a9eac2;font-weight:500 }
.reson-feedback-reward small { display:block;margin-top:10px;color:#92b29f;font-size:10px;line-height:1.55 }
.reson-feedback-actions { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px }
.reson-feedback-later { border:0;background:transparent;color:#92a99e;font-size:11px;cursor:pointer }
.reson-feedback-submit { min-width:130px;height:40px;padding:0 17px;border:1px solid #c6f6d8;border-radius:999px;background:#b8ebc8;color:#10251c;font:680 12px system-ui,-apple-system,"PingFang SC",sans-serif;cursor:pointer;box-shadow:0 8px 23px rgba(147,226,179,.12) }
.reson-feedback-submit:hover { background:#d1f6dc }
.reson-feedback-validation { min-height:0;margin:7px 0 0;color:#f2b9ae;font-size:11px }
.reson-feedback-done { display:none;text-align:center;padding:25px 4px 7px }
.reson-feedback-done .reson-feedback-done-icon { margin:auto;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(177,239,200,.35);border-radius:50%;background:rgba(153,222,178,.08);color:#b7ecc8;font-size:26px }
.reson-feedback-done p { color:#a9bbb4;font-size:12px;line-height:1.8 }
.reson-feedback-done button { margin-top:12px }
.reson-feedback-card.is-done .reson-feedback-form { display:none }
.reson-feedback-card.is-done .reson-feedback-done { display:block }
.reson-feedback-preview-note { position:fixed;z-index:180;left:16px;bottom:15px;color:rgba(207,235,216,.7);font:10px/1.5 system-ui,-apple-system,"PingFang SC",sans-serif;text-shadow:0 2px 5px #000;pointer-events:none }
@media(max-width:640px) { .reson-feedback-backdrop{align-items:end;padding:0}.reson-feedback-card{width:100%;max-height:min(88dvh,760px);padding:22px 23px max(23px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-bottom:0}.reson-feedback-card h2{font-size:24px}.reson-feedback-rule{margin:18px 0 15px}.reson-feedback-textarea{min-height:152px}.reson-feedback-star{width:45px;height:46px}.reson-feedback-stars{margin-bottom:14px}.reson-feedback-reward{margin-top:13px}.reson-feedback-reward-value{font-size:14px}.reson-feedback-launch{top:13px;right:13px}.reson-feedback-preview-note{display:none} }
@media(prefers-reduced-motion:reduce) { .reson-feedback-star,.reson-feedback-star-glyph,.reson-feedback-star-fill,.reson-feedback-backdrop,.reson-feedback-card{transition:none!important;animation:none!important}.reson-feedback-star.is-picked .reson-feedback-star-glyph{animation:none} }
/* Approved RESON feedback card, 2026-10-27. */
.reson-feedback-backdrop[hidden],.reson-feedback-card [hidden],.reson-feedback-launch[hidden]{display:none!important}
.reson-feedback-backdrop{z-index:10020;padding:24px;background:rgba(2,8,9,.68);-webkit-backdrop-filter:blur(5px)}
.reson-feedback-card{width:min(640px,100%);padding:29px 30px 20px;max-height:calc(100dvh - 48px);color-scheme:dark;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.reson-feedback-kicker{color:#58e6d0;letter-spacing:.03em;font-size:14px;font-weight:500;margin:0 0 27px}
.reson-feedback-label{font-size:14px;font-weight:600}
.reson-feedback-label .optional{color:#a6b7b0;font-weight:400}
.reson-feedback-stars{margin:11px 0 25px;gap:7px}
.reson-feedback-star{width:44px;height:44px;color:#b5a05f}
.reson-feedback-star-glyph,.reson-feedback-star svg{width:34px;height:34px}
.reson-feedback-star-fill{height:34px}
.reson-feedback-star-fill svg{color:#f5cd5a}
.reson-feedback-textarea{font-family:inherit;font-size:13px;line-height:1.85;min-height:152px;margin-top:10px;padding:14px 15px;resize:vertical;color:#e8f1ec}
.reson-feedback-textarea::placeholder{color:#7c9188;opacity:1} /* reson-feedback-placeholder-20261029-v1 */
.reson-feedback-count{margin-top:4px;font-size:10px}
.reson-feedback-divider{display:flex;align-items:center;gap:15px;margin:23px 0 25px;color:#acbdb7;font-size:12px;line-height:1.8;text-align:center}
.reson-feedback-divider:before,.reson-feedback-divider:after{content:"";height:1px;background:#849b927a;flex:1 0 25px}
.reson-feedback-divider span{flex:0 1 auto}
.reson-feedback-reward{margin:0;padding:20px 20px 17px;border-color:#69bca34a;border-radius:13px;background:linear-gradient(120deg,#164b382f,#0b302827)}
.reson-feedback-reward-head{align-items:flex-start;gap:9px;font-size:14px;line-height:1.7;font-weight:580;color:#e3f4eb}
.reson-feedback-reward-head:before{display:none}
.reson-feedback-reward-head svg{width:18px;height:18px;flex:0 0 18px;margin-top:3px;fill:#a4e8d2}
.reson-feedback-reward p{font-size:13px;line-height:1.8;margin-top:13px;color:#b8c9c0}
.reson-feedback-link{background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.reson-feedback-reward-value{margin-top:10px;font-size:19px;gap:8px;padding:8px 13px;border-color:#49dcc3a6;background:#04271c70;color:#edfff2}
.reson-feedback-reward small{font-size:12px;margin-top:13px;color:#a4bbae}
.reson-feedback-actions{margin-top:25px;justify-content:flex-end;gap:15px}
.reson-feedback-later,.reson-feedback-submit{height:43px;min-width:130px;border-radius:11px;font:600 14px system-ui;cursor:pointer}
.reson-feedback-later{border:1px solid #75958f60;background:#182d2f70;color:#d9e8e0;padding:0 16px}
.reson-feedback-submit{background:#77efd0;color:#052820;border-color:#8cf5dc}
.reson-feedback-submit:disabled,.reson-feedback-share-submit:disabled{opacity:.6;cursor:wait}
.reson-feedback-launch{z-index:190;top:auto;bottom:48px;right:18px;font-size:12px;background:#102b28ee}
.reson-feedback-share{border-top:1px solid #7ebba644;padding-top:17px;margin-top:17px}
.reson-feedback-url{display:block;width:100%;margin:9px 0 11px;padding:11px;border:1px solid #87b39d70;border-radius:8px;background:#071c1b;color:#edf8f0;font:14px system-ui}
.reson-feedback-share-submit{padding:9px 14px;border:1px solid #9bd9bc;border-radius:8px;color:#d8f7e5;background:#24654c;font:13px system-ui;cursor:pointer}
.reson-feedback-reward .reson-feedback-share-status{font-size:12px;color:#bddcca;overflow-wrap:anywhere}
.reson-feedback-validation{margin:10px 0 0;font-size:12px;line-height:1.7}
.reson-feedback-done{display:block;text-align:center;padding:4px 0 0}
.reson-feedback-done h2{font-size:23px}.reson-feedback-done p{font-size:13px}
.reson-feedback-card button:focus-visible{outline:2px solid #84e6c9;outline-offset:3px}
@media(max-width:640px){
.reson-feedback-backdrop{place-items:center;padding:12px}
.reson-feedback-card{width:100%;padding:25px 20px 18px;max-height:calc(100dvh - 24px);border-radius:19px;border-bottom:1px solid #bcecd84a}
.reson-feedback-kicker{font-size:13px;margin-bottom:24px}
.reson-feedback-label{font-size:13px}
.reson-feedback-textarea{min-height:170px;font-size:16px;line-height:1.75;padding:12px}
.reson-feedback-divider{gap:9px;font-size:11px;margin:21px 0}
.reson-feedback-divider:before,.reson-feedback-divider:after{flex-basis:14px}
.reson-feedback-reward{padding:15px 14px}
.reson-feedback-reward-head{font-size:13px;line-height:1.8;gap:8px}
.reson-feedback-reward p{font-size:12px}
.reson-feedback-reward-value{font-size:17px}
.reson-feedback-reward small{font-size:11px}
.reson-feedback-actions{margin-top:22px;gap:10px}
.reson-feedback-later,.reson-feedback-submit{flex:1;min-width:0;height:44px;font-size:13px}
.reson-feedback-url{font-size:16px}
.reson-feedback-launch{bottom:30px;right:14px}
}