.look-reactions{margin:18px 22px;padding:18px;border:1px solid #e8defb;border-radius:22px;background:#f7f2ff;color:#19261e;text-align:left}
.reaction-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.reaction-heading .eyebrow{font-size:.49rem;letter-spacing:.12em;margin:0 0 6px;color:#7753bc}.reaction-heading h3{margin:0;font-size:1.12rem;line-height:1.3;letter-spacing:-.04em}.reaction-spark{font-size:2.2rem;line-height:1;color:#9a78ed;transition:transform .25s}
.reaction-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reaction-choices button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;min-width:0;padding:10px 4px;border:1px solid #e1d7ef;border-radius:16px;background:#fff;color:#29332b;cursor:pointer;transition:transform .18s,background .18s,border-color .18s;touch-action:manipulation}.reaction-choices button>span{font-size:1.65rem;line-height:1}.reaction-choices b{font-size:.67rem;line-height:1.3;font-weight:800;white-space:nowrap}.reaction-choices button:hover{transform:translateY(-2px);border-color:#8962d5}.reaction-choices button[aria-pressed=true]{border-color:#283b2b;box-shadow:0 3px 0 #203226;transform:translateY(-3px)}.reaction-choices button[data-reaction=love][aria-pressed=true]{background:#d2ff42}.reaction-choices button[data-reaction=maybe][aria-pressed=true]{background:#ffe27d}.reaction-choices button[data-reaction=pass][aria-pressed=true]{background:#c7b1ff}.reaction-choices button[aria-pressed=true]:after{content:'✓';position:absolute;top:4px;right:7px;font-size:.6rem;font-weight:800}.reaction-choices button:disabled{cursor:wait;opacity:.55}.reaction-choices button:focus-visible{outline:3px solid #4444ff;outline-offset:3px}.reaction-feedback{font-size:.68rem;line-height:1.65;margin:14px 0 0;min-height:2.6em;color:#655c73}.look-reactions[data-selected=love] .reaction-spark{transform:rotate(75deg);color:#536525}
.studio-demo-dialog .look-reactions{margin:16px 0}.studio-demo-dialog>.muted{font-size:.65rem;line-height:1.6}.history-reaction{display:block;margin:10px 8px 0;padding:6px 8px;border-radius:20px;background:#f0e8ff;text-align:center;font-size:.65rem;font-weight:800}
@media(max-width:760px){.look-reactions{margin:14px;padding:14px;border-radius:20px}.reaction-heading h3{font-size:1.03rem}.reaction-choices{gap:6px}.reaction-choices button{min-height:72px;border-radius:14px}.reaction-choices b{font-size:.59rem}.reaction-feedback{font-size:.65rem}.studio-demo-dialog .dialog-header h2{font-size:1.35rem}.studio-demo-dialog .studio-demo-pair img{max-height:27vh}.studio-demo-dialog .reaction-feedback{min-height:0}.studio-demo-dialog .look-reactions{margin:12px 0}.studio-demo-dialog .reaction-heading{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.reaction-choices button,.reaction-spark{transition:none;transform:none!important}}
.reaction-choices button{border-color:#e8e1ef;background:#ffffffd9;box-shadow:0 3px 12px #70598406;min-height:90px;padding:12px 5px;gap:9px}.reaction-choices .reaction-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;transition:transform .2s}.reaction-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.reaction-choices button[data-reaction=love] .reaction-icon{color:#aa667d;background:#fbe5ed}.reaction-choices button[data-reaction=maybe] .reaction-icon{color:#a08249;background:#fbf1d9}.reaction-choices button[data-reaction=pass] .reaction-icon{color:#8670b7;background:#eee6fb}.reaction-choices b{font-size:.71rem;font-weight:700;color:#51455d}.reaction-choices button[data-reaction=love][aria-pressed=true]{background:#fcebf1;border-color:#ce96ab;box-shadow:0 4px 14px #be86a01a}.reaction-choices button[data-reaction=maybe][aria-pressed=true]{background:#fcf5e5;border-color:#d5bc83;box-shadow:0 4px 14px #b39b661a}.reaction-choices button[data-reaction=pass][aria-pressed=true]{background:#eee6fa;border-color:#b69bd7;box-shadow:0 4px 14px #9977be1a}.reaction-choices button[aria-pressed=true]{transform:translateY(-2px)}.reaction-choices button[aria-pressed=true] .reaction-icon{transform:scale(1.04)}.reaction-choices button[aria-pressed=true]:after{color:#80688f;top:8px;right:8px}.history-reaction:before{content:'';display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#b796d8}.history-reaction[data-reaction=love]:before{background:#c88fa8}.history-reaction[data-reaction=maybe]:before{background:#cfb477}
@media(max-width:760px){.reaction-choices button{min-height:84px;padding:10px 3px;gap:7px}.reaction-choices b{font-size:.66rem}.reaction-choices .reaction-icon{width:36px;height:36px;border-radius:13px}.reaction-icon svg{width:24px;height:24px}}