.opx,.opx *,.opx *:before,.opx *:after{box-sizing:border-box;margin:0;padding:0}.opx{width:392px;max-width:100%;height:499px;display:flex;flex-direction:column;background:#1a1a19;border:1px solid #3C3C3A;border-radius:12px;box-shadow:0 24px 64px #00000073;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:13px;font-weight:400;line-height:normal;color:#f8f8f6;text-align:left;letter-spacing:normal;text-transform:none;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;color-scheme:dark;isolation:isolate;container-type:inline-size}.opx button,.opx textarea{font-family:inherit}.opx svg{display:block;flex-shrink:0}.opx .oh{display:flex;align-items:center;gap:9px;padding:8px 15px 2px;flex-shrink:0;position:relative;z-index:2}.opx .ol-wrap{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.opx .ol{width:14px;height:14px}.opx .ob{display:flex;align-items:center;gap:6px;min-width:0;padding:3.1px 8px 2.9px;border-radius:10px;font-size:10px;font-weight:500;background:#4ade8014;border:1px solid rgba(74,222,128,.15);color:#4ade80;white-space:nowrap;cursor:default}.opx .od{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8099;flex-shrink:0}.opx .obt{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;position:relative;top:-.6px}.opx .ohb{display:flex;align-items:center;gap:2px;margin-left:auto}.opx .oi{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#c3c2b7;transition:background .12s ease,color .12s ease;cursor:default}.opx .oi:hover{background:#121212;color:#f8f8f6}.opx .oi>svg{width:16px;height:16px}.opx .oa{width:20px;height:20px;border-radius:50%;background:#8b5790;display:block;overflow:hidden}.opx .oa svg{width:100%;height:100%}.opx .oc{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px}.opx .og{display:flex;align-items:center;gap:10px;margin-bottom:-8px}.opx .ogt{font-size:18px;font-weight:400;color:#c3c2b7}.opx .om{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;line-height:0;cursor:pointer}.opx .opx-mascot{height:22px;width:auto;overflow:visible;color:#3f98ff;position:relative;top:1px;will-change:transform}.opx .me{fill:currentColor}.opx .ms{fill:none;stroke:currentColor;stroke-width:30.3;stroke-linejoin:round}.opx .my{fill:none;stroke:currentColor;stroke-width:45.4545;stroke-linecap:round;transform-box:view-box;transform-origin:250px 144px;animation:opx-blink 29s cubic-bezier(.65,0,.35,1) infinite}.opx .opx-mascot.is-press{transform-origin:center bottom;animation:opx-press .3s}@keyframes opx-blink{0%,8.62%{transform:scaleY(1)}9.1%{transform:scaleY(.05)}10.07%,23.1%{transform:scaleY(1)}23.59%{transform:scaleY(.05)}24.55%,50%{transform:scaleY(1)}50.48%{transform:scaleY(.05)}51.45%,67.59%{transform:scaleY(1)}68.07%{transform:scaleY(.05)}69.03%,89.66%{transform:scaleY(1)}90.14%{transform:scaleY(.05)}91.1%,to{transform:scaleY(1)}}@keyframes opx-press{0%{transform:scale(1);animation-timing-function:cubic-bezier(.22,1,.36,1)}32%{transform:scale(1.1,.5);animation-timing-function:cubic-bezier(.34,1.3,.64,1)}to{transform:scale(1)}}.opx[data-paused] .my{animation-play-state:paused}.opx .ow{padding:0 20px 20px;flex-shrink:0}.opx .oe{display:flex;flex-direction:column;gap:8px;background:#2c2c2a;border:1px solid #3C3C3A;border-radius:18px;padding:8px 10px 7px;transition:border-color .12s ease}.opx .oe:hover,.opx .oe:focus-within{border-color:#4d4d4c}.opx .ot{display:block;width:100%;background:transparent;border:none;outline:none;border-radius:0;resize:none;color:#f8f8f6;font:inherit;font-size:13px;line-height:1.5;padding:4px;max-height:200px;overflow-y:auto;overflow-x:hidden;overflow-wrap:break-word;word-break:break-word;user-select:text;-webkit-user-select:text;box-shadow:none;scrollbar-width:thin;scrollbar-color:#63635F transparent}.opx .ot::placeholder{color:#97958c;opacity:1;transition:color .5s linear}.opx .okk{display:flex;align-items:center;gap:1px;margin-left:-3px;margin-right:-3px}.opx .op1{width:28px;height:28px;flex-shrink:0;border-radius:980px;display:flex;align-items:center;justify-content:center;color:#f8f8f6;cursor:default;transition:background .12s ease}.opx .op1 svg{width:28px;height:28px}.opx .op1:hover,.opx .omd:hover{background:#121212}.opx .omd{display:flex;align-items:center;height:28px;padding:0 8px;border-radius:980px;font-size:11px;font-weight:400;min-width:0;flex-shrink:1;white-space:nowrap;cursor:default;transition:background .12s ease,color .12s ease}.opx .omd-label{min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:16px;position:relative;top:-1px}.opx .omd-name{color:#fff}.opx .oef{color:#97958c;font-weight:400;margin-left:4px}.opx .os-wrap{margin-left:auto;flex-shrink:0}.opx .os{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:#0854a0;color:#90b2d4;text-decoration:none;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.3,.64,1);will-change:transform}.opx .os.on{background:#0071e3;color:#fff}.opx .os.on:hover{background:#0a7efa}.opx .os:active{transform:scale(.96)}.opx .os svg{width:13px;height:13px}.opx :is(button,a,[tabindex]):focus-visible{outline:2px solid #4A9EFF;outline-offset:3px}.opx .om:focus-visible{border-radius:4px}.opx .opx-tip-host{position:relative}.opx .opx-tip{position:absolute;top:calc(100% + 6px);left:0;z-index:50;display:block;visibility:hidden;pointer-events:none;width:max-content;max-width:230px;background:#373734;color:#fff;border:1px solid #3C3C3A;border-radius:5px;padding:4.6px 9px 5.4px;font-family:inherit;font-size:11px;font-weight:400;font-style:normal;line-height:12px;white-space:nowrap;text-align:left}.opx .opx-tip-host:not([data-tip-dismissed]):is(:hover,:focus-visible,:has(:focus-visible))>.opx-tip{visibility:visible}.opx .opx-tip-top>.opx-tip{top:auto;bottom:calc(100% + 6px)}.opx .opx-tip-end>.opx-tip{left:auto;right:0}.opx .opx-mascot-tip{background:#000000d9;border:none;border-radius:6px;padding:1.6px 8px 4.8px;font-style:italic;line-height:16px;white-space:normal;max-width:min(230px,calc(100cqw - 48px))}@media(prefers-reduced-motion:reduce){.opx .my,.opx .opx-mascot.is-press{animation:none}.opx .os,.opx .oe,.opx .oi,.opx .op1,.opx .omd,.opx .ot::placeholder{transition:none}.opx .os:active{transform:none}}