*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.order-1{order:1}.order-2{order:2}.order-3{order:3}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-width:1px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.pt-1{padding-top:.25rem}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--member-day-cta-gradient: linear-gradient(90deg, #FF7189 4.511%, #DB70D6 98.12%);--member-day-tab-active-background: linear-gradient(94.35deg, #CEEFFF 0%, #FFFFFF 52.04%, #FFE2F4 98.99%);--member-day-tab-background: rgba(216, 110, 255, .2);--member-day-error-color: #BD3158;--member-day-error-background: rgba(255, 240, 247, .96);--member-day-error-border: rgba(189, 49, 88, .16);--member-day-combo-name-font: "HYFengShangHei", "STHeiti", "Heiti SC", "PingFang SC", "Microsoft YaHei", sans-serif;--member-day-combo-name-fill: linear-gradient(96deg, #97E2FF 4.3%, #E2F2FF 39.5%, #FFFFFF 57.1%, #FFF0FB 73.8%, #FFBEEC 100%);color:#0d0d0d;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;background:linear-gradient(180deg,#e7edff,#f9f2ff)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow:auto;background:linear-gradient(180deg,#e7edff,#f9f2ff)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.member-day-button-disabled{opacity:.5}.member-day-app{min-width:1440px;min-height:100vh;padding-bottom:96px;overflow:hidden;background:linear-gradient(180deg,#e7edff,#f9f2ff)}.section-track{width:1200px;margin-inline:auto}.activity-main{display:grid;gap:24px;padding:0 0 60px}.activity-main--with-user-info{margin-top:-64px}.role-test-section{--figma-role-stage-width: 1200px;--figma-role-stage-height: 372px;--figma-role-overflow-top: 58px;--figma-role-stage-radius: 24px;--figma-role-title-left: 70px;--figma-role-title-top: 108px;--figma-role-title-width: 234px;--figma-role-title-height: 162px;--figma-role-character-left: 330px;--figma-role-character-top: -58px;--figma-role-character-width: 470px;--figma-role-character-height: 430px;--figma-role-headline-left: 894px;--figma-role-headline-top: 175px;--figma-role-headline-width: 160px;--figma-role-headline-height: 26px;--figma-role-card-left: 921px;--figma-role-card-top: 47px;--figma-role-card-width: 110px;--figma-role-card-height: 110px;--figma-role-gift-left: 1104px;--figma-role-gift-top: 24px;--figma-role-gift-width: 72px;--figma-role-gift-height: 72px;--figma-role-cta-left: 843px;--figma-role-cta-top: 292px;--figma-role-cta-width: 266px;--figma-role-cta-height: 40px;--figma-role-copy-left: 822px;--figma-role-copy-top: 220px;--figma-role-copy-width: 308px;--figma-role-copy-height: 48px;--figma-role-solo-copy-left: 876px;--figma-role-solo-copy-top: 168px;--figma-role-solo-copy-width: 200px;--figma-role-solo-copy-gap: 4px;--figma-role-solo-avatars-left: 846px;--figma-role-solo-avatars-top: 240px;--figma-role-solo-avatars-width: 266px;--figma-role-solo-avatars-height: 34px;--figma-role-solo-avatars-gap: 8px;--figma-role-solo-avatar-size: 34px;--figma-role-solo-cta-top: 291px;--figma-role-combo-copy-left: 874px;--figma-role-combo-copy-top: 51px;--figma-role-combo-copy-width: 204px;--figma-role-combo-share-left: 800px;--figma-role-combo-invite-left: 982px;--figma-role-combo-cta-top: 292px;--figma-role-combo-gradient-left: 386px;--figma-role-combo-gradient-top: 262px;--figma-role-combo-gradient-width: 358px;--figma-role-combo-gradient-height: 110px;--figma-role-combo-switcher-top: 300px;--figma-role-combo-switcher-height: 56px;--kd-font-size-base: 14px;--kd-font-line-height-base: 22px;container-type:inline-size;position:relative;width:min(var(--figma-role-stage-width),100%);height:calc(var(--figma-role-stage-height) + var(--figma-role-overflow-top));aspect-ratio:1200 / 430;overflow:hidden;border-radius:22px}.role-stage-canvas{position:absolute;left:0;top:0;width:var(--figma-role-stage-width);transform:scale(calc(100cqi / 1200));transform-origin:top left}.role-stage{position:absolute;left:0;top:var(--figma-role-overflow-top);width:var(--figma-role-stage-width);height:var(--figma-role-stage-height);pointer-events:none}.role-stage button,.role-stage .role-stage-gift-hotspot{pointer-events:auto}.role-stage>img{position:absolute;display:block;max-width:none}.role-stage-bg{left:0;top:0;width:var(--figma-role-stage-width);height:var(--figma-role-stage-height);-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;border-radius:var(--figma-role-stage-radius);box-shadow:0 18px 45px #5c66aa1a}.role-stage-title{left:var(--figma-role-title-left);top:var(--figma-role-title-top);width:var(--figma-role-title-width);height:var(--figma-role-title-height);-o-object-fit:contain;object-fit:contain}.role-stage-character{left:var(--figma-role-character-left);top:var(--figma-role-character-top);width:var(--figma-role-character-width);height:var(--figma-role-character-height);-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.role-stage[data-stage-mode=combo] .role-stage-character{top:-72px}.role-stage-headline{left:var(--figma-role-headline-left);top:var(--figma-role-headline-top);width:var(--figma-role-headline-width);height:var(--figma-role-headline-height);-o-object-fit:contain;object-fit:contain}.role-stage-role-card,.role-stage-combo-card{left:var(--figma-role-card-left);top:var(--figma-role-card-top);width:var(--figma-role-card-width);height:var(--figma-role-card-height);-o-object-fit:contain;object-fit:contain}.role-stage-gift{left:var(--figma-role-gift-left);top:var(--figma-role-gift-top);width:var(--figma-role-gift-width);height:var(--figma-role-gift-height);-o-object-fit:contain;object-fit:contain}.role-stage-gift-hotspot{position:absolute;z-index:2;left:var(--figma-role-gift-left);top:var(--figma-role-gift-top);width:var(--figma-role-gift-width);height:var(--figma-role-gift-height);margin:0;padding:0;border:0;background:transparent}.role-stage-gift-hotspot .role-stage-gift{position:absolute;left:0;top:0}.role-stage-copy{position:absolute;left:var(--figma-role-copy-left);top:var(--figma-role-copy-top);display:flex;flex-direction:column;width:var(--figma-role-copy-width);height:var(--figma-role-copy-height);margin:0;color:#6b6b6b;font-size:14px;font-weight:400;line-height:24px;text-align:center;white-space:nowrap}.role-test-hotspot{position:absolute;z-index:2;left:var(--figma-role-cta-left);top:var(--figma-role-cta-top);width:var(--figma-role-cta-width);height:var(--figma-role-cta-height);margin:0;border:0;border-radius:100px;color:#fff;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:var(--kd-font-size-base);font-weight:600;line-height:var(--kd-font-line-height-base);background:var(--member-day-cta-gradient)}.role-test-hotspot:focus-visible{outline:3px solid #fff;outline-offset:2px}.role-stage-solo-copy{position:absolute;left:var(--figma-role-solo-copy-left);top:var(--figma-role-solo-copy-top);display:flex;flex-direction:column;gap:var(--figma-role-solo-copy-gap);width:var(--figma-role-solo-copy-width);margin:0;text-align:center;white-space:nowrap}.role-stage-solo-copy strong{color:#0d0d0de6;font-size:20px;font-weight:600;line-height:32px}.role-stage-solo-copy span{color:#0d0d0da8;font-size:12px;font-weight:400;line-height:20px}.role-stage[data-stage-mode=solo] .role-stage-avatars{left:var(--figma-role-solo-avatars-left);top:var(--figma-role-solo-avatars-top);width:var(--figma-role-solo-avatars-width);height:var(--figma-role-solo-avatars-height);align-items:flex-start;justify-content:center;gap:var(--figma-role-solo-avatars-gap)}.role-stage[data-stage-mode=solo] .role-avatar{display:grid;width:var(--figma-role-solo-avatar-size);height:var(--figma-role-solo-avatar-size);place-items:center;overflow:hidden;padding:0;border-radius:17px;box-shadow:none}.role-stage[data-stage-mode=solo] .role-avatar-self{position:relative;margin:0;background:#e5f0ff;border:1px solid #c3e1ff}.role-stage[data-stage-mode=solo] .role-avatar-self img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.role-stage[data-stage-mode=solo] .role-avatar-empty{border:1px dashed #ff509d;background:#ff509d33;color:#ff509d;font-size:12px;font-weight:600;line-height:normal}.role-stage[data-stage-mode=solo] .role-test-hotspot{left:var(--figma-role-cta-left);top:var(--figma-role-solo-cta-top)}.role-stage-combo-copy{position:absolute;left:var(--figma-role-combo-copy-left);top:var(--figma-role-combo-copy-top);display:flex;flex-direction:column;align-items:center;width:var(--figma-role-combo-copy-width);margin:0;color:#6b6b6b;font-size:12px;line-height:20px;text-align:center}.role-stage-combo-copy small{color:#0d0d0d;font-weight:600}.role-combo-name-art{display:block;width:240px;height:84px;margin:0;-o-object-fit:contain;object-fit:contain}.role-combo-name-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.role-stage-combo-caption{display:flex;flex-direction:column;width:204px;margin:14px 0 0;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px;text-align:center}.role-stage-combo-pair{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:#0d0d0d}.role-stage-combo-face{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px;overflow:hidden;font-size:12px;line-height:20px}.role-stage-combo-face img{width:40px;height:40px;overflow:hidden;-o-object-fit:cover;object-fit:cover;border:1px solid #c3e1ff;border-radius:50%;background:#e5f0ff}.role-stage-combo-x{display:block;width:16px;height:16px}.role-stage-avatars{position:absolute;left:898px;top:240px;display:flex;align-items:center;gap:8px}.role-stage-buddy-gradient{position:absolute;z-index:1;left:var(--figma-role-combo-gradient-left);top:var(--figma-role-combo-gradient-top);width:var(--figma-role-combo-gradient-width);height:var(--figma-role-combo-gradient-height)}.role-stage-buddy-gradient:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(90deg,#f1eafe,#fdfbfe);filter:blur(6px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 29.8077%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 29.8077%,#000 100%)}.role-stage-buddy-switcher{left:50%;top:calc(var(--figma-role-combo-switcher-top) - var(--figma-role-combo-gradient-top));display:flex;align-items:center;gap:16px;height:var(--figma-role-combo-switcher-height);padding:8px 16px;border:1px solid #cec7ff;border-radius:69px;background:#ded8ff66;transform:translate(-50%)}.role-stage-switcher-faces{display:flex;align-items:flex-start;gap:8px;padding-bottom:6px;margin-bottom:-6px;overflow-x:auto;overflow-y:visible}.role-stage-buddy-face{position:relative;flex:0 0 34px;width:34px;height:34px}.role-stage-first-match-badge{position:absolute;left:50%;top:26px;display:flex;width:38px;height:12px;align-items:center;justify-content:center;padding:0 3px;border:1px solid rgba(255,243,240,1);border-radius:100px;color:#a83200;background:#ffd904;font-size:8px;font-weight:400;line-height:10px;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.role-stage-switcher-copy{display:flex;flex-direction:column;justify-content:center;width:108px;overflow:hidden;text-align:center;white-space:nowrap}.role-stage-switcher-copy strong{color:#0d0d0d;font-size:12px;font-weight:600;line-height:20px}.role-stage-switcher-copy span{color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px}.role-stage[data-stage-mode=combo] .role-avatar{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;padding:0;border:1px solid rgba(13,13,13,.12);border-radius:17px;color:#fff;background:#121212;box-shadow:none}.role-stage[data-stage-mode=combo] .role-avatar:not(.active){color:#6b6b6b;background:#fff}.role-stage[data-stage-mode=combo] .role-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.role-stage[data-stage-mode=combo] .role-avatar-empty{border:1px dashed rgba(13,13,13,.24);color:#6b6b6b;background:#fff}.role-stage-combo-actions{position:absolute;z-index:2;left:var(--figma-role-combo-share-left);top:var(--figma-role-combo-cta-top);display:flex;width:352px;max-width:352px;align-items:center;justify-content:center}.role-stage-combo-share{width:170px;flex:0 0 170px;height:40px;margin:0;padding:0 15px;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:600;line-height:22px;background:var(--member-day-cta-gradient)}.role-stage-combo-invite{width:170px;flex:0 0 170px;height:40px;margin:0 0 0 12px;padding:0 15px;border:1px solid #FF509D;color:#ff509d;font-size:14px;line-height:22px;border-radius:24px;background:#fff}.role-avatar-empty{border-style:dashed;color:#6b6b6b;background:#fff}.section-error-card button{min-height:36px;padding:0 18px;border:0;border-radius:999px;color:#fff;background:var(--member-day-cta-gradient)}.role-avatar-row{display:flex;gap:8px;margin-bottom:10px}.role-avatar{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:50%;color:#fff;background:#7778df;box-shadow:0 3px 10px #4a43892e}.role-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.role-state-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.role-state-actions button{min-height:34px;padding:0 14px;border:0;border-radius:999px;color:#5f63c9;background:#eef0ff}.role-state-actions button[data-business-action]{color:#fff;background:var(--member-day-cta-gradient)}.role-state-actions span{color:#7778df;font-size:13px}.role-traits{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.role-traits span{padding:4px 9px;border-radius:999px;color:#6868cf;font-size:12px;background:#eff0ff}.role-combo-name{margin:-3px 0 10px;color:#df599f;font-size:13px}.role-inline-error{margin-top:10px;color:#bd3158;font-size:12px}.role-inline-error button{margin-left:6px;border:0;color:#6868cf;background:transparent}.section-heading{display:flex;height:58px;align-items:center;justify-content:space-between}.section-heading>p{margin:0;color:#6b6b6b;font-size:14px}.section-heading>a{color:#6b6b6b;font-size:14px;text-decoration:none}.section-heading-copy{display:flex;align-items:center;gap:2px;line-height:22px}.section-heading-copy img{display:block;width:16px;height:16px}.section-heading-title{display:block;height:58px;width:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.bonus-section{display:grid;height:408px;grid-template-rows:58px 334px;gap:16px}.bonus-grid{position:relative;display:grid;height:334px;overflow:hidden;grid-template-columns:776px 424px;border-radius:20px;background:#ffffff59}.bonus-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;border:1px solid #fff;box-shadow:inset 0 2px 2px #fff}.bonus-grid.single{grid-template-columns:1fr}.bonus-panel{position:relative;z-index:1;overflow:hidden}.member-bonus-panel{padding:16px;border-radius:20px 0 0 20px;background:transparent}.member-bonus-title{display:flex;height:30px;align-items:center;gap:8px;font-size:18px;font-weight:400}.member-bonus-title h3{margin:0 0 0 10px;font-size:inherit;font-weight:inherit}.member-bonus-title span{padding:3px 8px;border-radius:4px;font-size:12px;background:#8350f21a}.member-reward-card{position:relative;display:flex;width:728px;height:192px;margin-top:16px;gap:16px;background:transparent}.member-reward-item{position:relative;height:192px;flex:0 0 auto;overflow:hidden;border-radius:12px;box-shadow:inset 0 0 20px #fff}.member-reward-card--two .member-reward-item{width:356px}.member-reward-card--three .member-reward-item:first-child{width:304px}.member-reward-card--three .member-reward-item:not(:first-child){width:196px}.member-reward-card-bg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.member-reward-badge{position:absolute;right:0;top:0;display:flex;box-sizing:border-box;min-width:70px;height:32px;padding:0 12px;align-items:center;justify-content:center;gap:5px;border-radius:0 12px;color:#7565ed;font-size:14px;line-height:22px;white-space:nowrap;background:#ffffffeb}.member-reward-badge:before{content:"";display:block;flex:0 0 auto;color:currentColor}.member-reward-badge[data-state=claimable]:before{width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg)}.member-reward-badge[data-state=locked]{color:#8d8d8d}.member-reward-badge[data-state=locked]:before{width:8px;height:7px;border:2px solid currentColor;border-radius:2px;box-shadow:0 -4px 0 -1px currentColor}.member-bonus-panel>button{position:absolute;left:247px;bottom:16px;width:266px;height:40px;border-radius:100px;border:0;background:var(--member-day-cta-gradient);color:#fff}.member-bonus-panel>button:disabled{opacity:.5}.member-bonus-panel>button[data-claim-state=claimed]{opacity:.5}.member-bonus-panel>button[data-claim-state=disabled]{opacity:.5}.identity-bonus-panel{box-sizing:border-box;width:424px;height:334px;padding:32px;overflow:hidden;border-radius:0 20px 20px 0;background:linear-gradient(129.763deg,#fffc 39.537%,#fff0 104.15%)}.identity-bonus-divider{position:absolute;left:32px;top:167px;display:block;width:360px;height:1px;-o-object-fit:fill;object-fit:fill;pointer-events:none}.identity-card{position:absolute;left:32px;width:360px;height:94px}.identity-card--student{top:32px}.identity-card--teacher{top:208px}.identity-card-header{display:flex;height:24px;align-items:center;justify-content:space-between}.identity-card h3{margin:0;color:#0d0d0d;font-size:18px;font-weight:600;line-height:30px}.identity-more-benefits{display:flex;align-items:center;gap:2px;padding:0;border:0;color:#0d0d0d75;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;background:transparent;cursor:pointer}.identity-more-benefits:disabled{cursor:not-allowed}.identity-more-benefits-icon{display:block;flex-shrink:0;width:16px;height:16px;overflow:hidden}.identity-more-benefits-icon img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.identity-card-status{margin:10px 0 0;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px}.identity-card-gift{display:block;margin:10px 0 0;color:#0d0d0d;font-size:14px;font-weight:400;line-height:22px}.identity-claim-button{position:absolute;top:62px;right:0;width:130px;height:32px;padding:4px 15px;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:400;line-height:22px;background:var(--member-day-cta-gradient)}.identity-claim-button:disabled{opacity:.5}.identity-certify-button{position:absolute;top:62px;right:0;box-sizing:border-box;display:flex;width:130px;height:32px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #FF509D;border-radius:24px;color:#ff509d;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;background:transparent;cursor:pointer}.identity-certify-button:disabled{opacity:.5}.prize-section{display:grid;height:438px;grid-template-rows:58px 364px;gap:16px}.prize-grid{position:relative;display:grid;height:364px;grid-template-columns:440px 744px;gap:16px}.prize-grid.single{grid-template-columns:1fr}.task-panel,.blind-box-panel{position:relative;z-index:1;height:364px;overflow:hidden;border-radius:20px;box-shadow:inset 0 2px 2px #fff}.task-panel{display:flex;flex-direction:column;width:440px;height:364px;padding:16px;gap:8px;overflow:hidden;border-radius:20px;background:#ffffff59}.task-panel>h3{margin:0;color:#0d0d0d;font-size:18px;font-weight:600;line-height:30px}.task-list{position:relative;box-sizing:border-box;flex:1;min-height:0;overflow:hidden}.task-scroll{position:relative;height:198px}.task-scroll-list{display:flex;height:198px;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.task-scroll-list::-webkit-scrollbar{display:none}.task-scroll-rail{position:absolute;top:0;right:0;z-index:2;width:3px;height:100%;pointer-events:none}.task-scroll-thumb{width:3px;border-radius:18px;background:#dadada}.task-scroll-list .task-row:last-child{margin-bottom:8px}.task-row{display:flex;flex-shrink:0;align-items:center;width:408px;height:58px;padding:8px;border-radius:12px;background:#fff}.task-info{display:flex;flex-shrink:0;align-items:center;gap:10px;margin-right:auto;overflow:hidden}.task-copy{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.task-icon{display:block;flex-shrink:0;width:40px;height:40px;overflow:hidden;border-radius:50%}.task-icon img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.task-row strong{display:block;color:#0d0d0d;font-size:14px;font-weight:600;line-height:22px}.task-row p{margin:0;overflow:hidden;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.task-row button{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:82px;height:32px;padding:10px 16px;overflow:hidden;border:1px solid #FF509D;border-radius:24px;color:#ff509d;font-size:14px;font-weight:400;line-height:22px;background:transparent}.task-row button.task-action-incomplete{opacity:1}.task-row button.task-action-claimed{border:1px solid #FF509D;color:#ff509d;background:transparent;opacity:.5}.task-row-invite{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;height:96px;padding:9px 8px 11px 9px;overflow:hidden;border-radius:12px;background:#fff}.task-invite-main{display:flex;min-width:0;flex-direction:column;gap:4px}.task-invite-copy{display:flex;flex-direction:column;gap:2px;overflow:hidden}.task-row-invite .task-invite-copy strong{display:block;color:#0d0d0d;font-size:14px;font-weight:600;line-height:22px}.task-row-invite .task-invite-copy p{margin:0;overflow:hidden;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.task-invite-progress{display:flex;align-items:center;gap:8px}.task-invite-slot{position:relative;width:28px;height:28px;overflow:hidden;border-radius:50%}.task-invite-slot-filled,.task-invite-slot-empty{display:grid;width:100%;height:100%;place-items:center}.task-invite-slot-filled img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.task-invite-slot-empty{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA0FJREFUeAHtmoeO4jAQhh167/39343ee73bz5JRgIRLDm8WZ/klSqIQ5s9Ue8b68wWhEZfLRX5GIpHrudPpJLrd7s117XZbxGKxm2vsx7qg5Y6Q2u12YrVaiePxKFKplKhWqzfXJJPJm2P7AwDz+Vzeg+vS6bTIZrNCB7QQXCwWYrlcyu8IeK8JjhuNxtN7xONxqcXtditfh8NBlMtl8SosHSaKMAiVz+cfNOMXkNxsNiKTyWgxWd8EIYIQkAkSmDCE/Zqu50eEn/En+Blawk++Iyi4/fd6vRbn81laS7FY9GwpnjTIHwwGAxlA8LFKpRIYOQWsZjweS4LRaFS0Wi1PJD2b6Gw2E1yqw/FfAXJYliW16AWW7jz4bnDVsUrYJuCZrBG3H/T7fRlU3h2YLLK6kXQkCDGc2gTgYcjqpowHgoRjUgGVhVdH/kkQ9IjsyEyOvscDQVIB4bdWqwlTQNoidThZnWMUxZ5fLbmChttq5PemibDgSnA6nRoTOZ+BUo6Iel1486Yip1MUMg0stVif7vd7eSwJKmKsEExHoVCQn5AEkiBqJe8FvUL4DhD9yYukO8w0ht9xAoJhQSKRkHkRfNKE6Qg9QemDOKZppdm/oHJ6jB1nnLLZbIowYTKZyFz48UHTEXqC1lfGl3kwDFWMHVQxvD6J3nSEnyB2yp6/Wl6EAfQq4SSLGE6QEMOw2FVg0QsfAmeEEo0vrAlN2q53A1qDC210IDWYy+XkgWpDmwy0BxTBmDpgqR+GLQta3zRKldI+edB0OBI0cX/Uc/uMQNPr9YwiqSapnFpoDwTZjcItSZSmYDQaSQ2qnTQ7HggShYhA5BK2898ddHjZA0VmFTntcPRBGp9sY5iyT4Pm3Jq1rmnCpB7hM1k/eVABW3+HqQvigh85PO1TYAJqCI9ar16v/8gol9oKpI/idbLRs4nah/EYpep0OoH5KOTULAyRUvswnh0QpJgNesSEBTlWQxrzAy1BRk3q6hixREtUU9yLVPUqtDgSAqFZAhEEMSO/A7P8luJCtZ7B2xBk2gjHV7PWVBZ2oJXhcHhzjqF1u7a5Rs2j8nDuh9j/F9pCob1Uui/UER7iz1AqleRLd+D6C1FfHMQl79knAAAAAElFTkSuQmCC) center / 100% 100% no-repeat}.task-invite-slot-empty img{display:block;width:14px;height:14px}.task-row-invite button{width:82px;height:32px;border-radius:24px}.blind-box-panel{padding:16px;color:#0d0d0d;background:#ffffff59}.blind-box-bg{position:absolute;z-index:0;width:712px;height:332px;-o-object-fit:cover;object-fit:cover;border-radius:18px;pointer-events:none}.lottery-remaining-times{position:absolute;z-index:2;top:146px;left:50px;margin:0;font-size:12px;font-weight:400}.lottery-remaining-times b{color:#dd3332}.lottery-cta{position:absolute;z-index:2;left:50%;bottom:44px;width:266px;height:40px;transform:translate(-50%)}.lottery-button{position:absolute;display:flex;align-items:center;justify-content:center;width:266px;height:40px;padding:4px 15px;overflow:hidden;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:600;line-height:22px;background:var(--member-day-cta-gradient)}.lottery-button:disabled{opacity:.5}.lottery-button-badge{position:absolute;z-index:1;left:194px;top:-11px;width:72px;height:31px;pointer-events:none}.lottery-cta:has(.lottery-button:disabled) .lottery-button-badge{opacity:.8}.lottery-button-badge img{display:block;width:72px;height:31px}.purchase-section{display:grid;grid-template-rows:58px auto;gap:16px}.purchase-panel{padding:16px;border-radius:20px;background:linear-gradient(160deg,#fffffff5,#f4f6ffe6)}.purchase-more-packages{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;gap:2px;margin:12px auto 0;padding:0;border:0;color:#6b6b6b;font-family:PingFang SC,sans-serif;font-size:14px;font-weight:400;line-height:22px;background:transparent;cursor:pointer}.purchase-more-packages img{display:block;flex-shrink:0;width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.purchase-contract-copy{width:702px;margin:0 auto;color:#7875a5;font-family:PingFang SC,sans-serif;font-size:12px;font-weight:400;line-height:20px;text-align:center;white-space:nowrap}.purchase-contract-copy p{margin:0}.purchase-contract-copy a{color:inherit;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-position:from-font}.purchase-unavailable{display:grid;min-height:140px;padding:20px;place-content:center;border:1px solid var(--member-day-error-border);border-radius:12px;color:var(--member-day-error-color);background:var(--member-day-error-background);text-align:center}.purchase-unavailable strong{font-size:20px}.purchase-unavailable p{margin:8px 0 0;color:#777d91}.member-tabs,.segmented{display:flex;width:-moz-fit-content;width:fit-content;padding:2px;border-radius:999px;background:var(--member-day-tab-background)}.member-tabs{margin:0 auto 16px}.member-tabs button,.segmented button{min-width:94px;padding:6px 14px;border:0;border-radius:999px;color:#555a6c;background:transparent}.member-tabs button.active,.segmented button.active{color:#353c82;background:var(--member-day-tab-active-background);box-shadow:0 3px 10px #4a589614}.member-tabs--heading{width:-moz-fit-content;width:fit-content}.story-tabs{width:196px}.member-tabs--heading,.story-tabs{display:flex;height:32px;margin:0;align-items:flex-start;flex-shrink:0;gap:2px;padding:2px;overflow:hidden;border-radius:100px;background:var(--member-day-tab-background)}.member-tabs--heading button,.story-tabs button{min-width:0;height:28px;padding:3px 12px;border:0;border-radius:4px;color:#0d0d0de6;font-size:14px;font-weight:400;line-height:22px;background:transparent}.member-tabs--heading button{flex:0 0 auto;width:auto}.story-tabs button{flex:1 0 0}.member-tabs--heading button.active,.story-tabs button[aria-pressed=true]{border-radius:100px;color:#04094a;background:var(--member-day-tab-active-background);box-shadow:none}.product-grid{display:flex;justify-content:center;gap:14px}.product-card{position:relative;width:272px;min-height:180px;padding:20px;border:1px solid #fff;border-radius:14px;background:linear-gradient(145deg,#fff,#f8f5ff);box-shadow:0 12px 26px #484e7f14}.product-card h3{margin:0;font-size:17px}.product-card>p{margin:6px 0 12px;color:#7d7f8b;font-size:12px}.product-tag{position:absolute;right:10px;top:10px;padding:3px 8px;border-radius:999px;color:#a44a7f;font-size:10px;background:#ffe6f4}.product-price{display:flex;align-items:baseline;gap:8px}.product-price strong{color:#615ad8;font-size:27px}.product-price del{color:#a9abb4;font-size:12px}.product-card .product-stock{margin:5px 0;color:#b16991}.product-card button{position:absolute;left:20px;right:20px;bottom:16px;height:34px;border:0;border-radius:999px;color:#fff;background:var(--member-day-cta-gradient)}.mystery-strip{display:flex;width:100%;height:56px;align-items:center;gap:12px;margin-top:16px;padding:12px 20px;overflow:hidden;border-radius:12px;color:#0d0d0d;background:linear-gradient(90deg,#fff,#fafbff)}.mystery-task-icon{position:relative;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border-radius:8px}.mystery-task-icon__orb{position:absolute;top:-8px;left:-8px;width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.mystery-task-copy{display:flex;flex:1;min-width:0;align-items:center;gap:12px;overflow:hidden;white-space:nowrap}.mystery-task-title{flex-shrink:0;color:#0d0d0d;font-size:16px;font-weight:600;line-height:24px}.mystery-task-description{overflow:hidden;color:#6b6b6b;font-size:14px;font-weight:400;line-height:22px;text-overflow:ellipsis}.mystery-strip--active{overflow:visible}.mystery-task-active-content{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:20px}.mystery-task-active-summary{position:relative;display:flex;flex-shrink:0;align-items:center;gap:4px}.mystery-task-active-title{color:#0d0d0d;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.mystery-task-info{position:relative;display:block;width:16px;height:16px;flex:0 0 16px;outline:none}.mystery-task-info__icon{position:relative;display:block;width:16px;height:16px}.mystery-task-info__ring{position:absolute;top:1.25px;right:1.25px;bottom:1.25px;left:1.25px;width:13.5px;height:13.5px}.mystery-task-info__stem{position:absolute;top:7.6px;left:7.2px;width:2.1px;height:3.8px}.mystery-task-info__dot{position:absolute;top:4px;left:7px;width:2px;height:2px}.mystery-task-tooltip{position:absolute;z-index:8;bottom:20px;left:50%;display:block;box-sizing:border-box;width:320px;min-height:80px;padding:12px 16px;border:1px solid rgba(13,13,13,.12);border-radius:8px;color:#333;font-size:12px;font-weight:400;line-height:20px;white-space:normal;background:#fff;box-shadow:0 12px 16px #0d0d0d14;opacity:0;pointer-events:none;transform:translate(-34%);transition:opacity .15s ease}.mystery-task-tooltip>img{position:absolute;bottom:-6px;left:calc(34% - 8px);width:16px;height:6px}.mystery-task-info:hover .mystery-task-tooltip,.mystery-task-info:focus .mystery-task-tooltip{opacity:1}.mystery-task-active-meta{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:12px}.mystery-task-progress{display:flex;height:20px;align-items:center;justify-content:flex-end;gap:16px}.mystery-task-progress__track{display:block;width:120px;height:6px;overflow:hidden;border-radius:50px;background:#f400551a}.mystery-task-progress__fill{display:block;height:6px;border-radius:50px;background:#f40055;transition:width .2s ease}.mystery-task-progress>strong{color:#6b6b6b;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap}.mystery-task-countdown{padding:5px 12px;color:#6b6b6b;font-size:14px;font-weight:400;line-height:22px;white-space:nowrap}.mystery-task-countdown strong{color:#0d0d0d;font-weight:400}.mystery-strip button{flex:0 0 auto;width:auto;height:32px;padding:4px 15px;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:600;line-height:22px;background:var(--member-day-cta-gradient)}.section-error-card{display:grid;width:100%;min-height:150px;align-content:center;justify-items:center;padding:20px;border:1px solid var(--member-day-error-border);border-radius:12px;color:var(--member-day-error-color);background:var(--member-day-error-background);text-align:center}.section-error-card p{margin:7px 0 14px;color:#777d91}.story-section{display:grid;gap:12px}.story-carousel{position:relative;width:1200px}.story-grid{display:flex;flex-wrap:nowrap;gap:12px;width:1200px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.story-grid::-webkit-scrollbar{display:none}.story-scroll-btn{position:absolute;top:50%;z-index:2;width:36px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;transform:translateY(-50%)}.story-scroll-btn img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.story-scroll-btn--prev{left:-18px}.story-scroll-btn--next{right:-18px}.story-scroll-btn--next img{transform:rotate(180deg)}.story-card{position:relative;flex:0 0 291px;width:291px;height:260px;overflow:hidden;border:1px solid #fff;border-radius:12px}.story-card-image{display:block;width:291px;height:260px;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.story-history-more{box-sizing:border-box;display:flex;flex:0 0 291px;width:291px;height:260px;flex-direction:column;align-items:center;padding-top:79px;border:1px solid #fff;border-radius:12px;color:#0d0d0d;background:linear-gradient(180deg,#ffccf633,#fff3 69.038%),#fff;text-decoration:none}.story-history-more__title{color:#0d0d0d;font-size:16px;font-weight:600;line-height:24px}.story-history-more__subtitle{margin-top:12px;color:#0d0d0d;font-size:12px;font-weight:400;line-height:20px}.story-history-more__arrow{box-sizing:border-box;display:flex;width:32px;height:32px;align-items:center;justify-content:center;margin-top:12px;border:1px solid #FF509D;border-radius:100px}.story-history-more__arrow img{display:block;width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.story-open{position:absolute;right:20px;bottom:17px;z-index:1;display:flex;width:72px;height:24px;align-items:center;justify-content:center;gap:2px;padding:0;border:0;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap;background:#fff;cursor:pointer}.story-open-icon{display:block;width:16px;height:16px;overflow:hidden}.story-open-icon img{display:block;width:100%;height:100%}.story-bbs-banner{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px 20px;overflow:hidden;border-radius:12px;text-decoration:none;color:#0d0d0d;background:linear-gradient(90deg,#fff,#fafbff)}.story-bbs-banner p{margin:0;font-size:14px;font-weight:600;line-height:22px}.story-bbs-topic{color:#ff509d}.story-bbs-meta{margin-top:2px;font-size:12px;font-weight:400;line-height:20px;color:#6b6b6b}.story-bbs-link{display:flex;align-items:center;gap:2px;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap}.overlay{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f12228c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay:has(.quiz-dialog){background:#0d0d0d80;-webkit-backdrop-filter:none;backdrop-filter:none}.overlay:has(.test-reward-dialog){background:#0d0d0d80;-webkit-backdrop-filter:none;backdrop-filter:none}.pay-agreement-dialog{width:480px;padding:32px;border-radius:12px;background:#fff;box-shadow:0 32px 48px #0d0d0d33}.pay-agreement-dialog h2{margin:0;color:#0d0d0de6;font-size:24px;line-height:36px;text-align:center}.pay-agreement-dialog p{margin:20px 0 28px;color:#0d0d0da8;font-size:14px;line-height:22px;text-align:center}.pay-agreement-actions{display:flex;justify-content:center;gap:12px}.pay-agreement-actions button{width:160px;height:40px;border:0;border-radius:100px;color:#0d0d0de6;background:linear-gradient(90deg,#c4e0ff,#ece9ff)}.pay-agreement-actions button:last-child{color:#fff;background:var(--member-day-cta-gradient)}.test-reward-dialog{position:relative;display:flex;flex-direction:column;align-items:center;width:520px;height:337px;padding:32px 50px 0;border-radius:12px;background:radial-gradient(85% 30% at 92% 0%,#e9b9ff66,#fff0 70%),radial-gradient(85% 30% at 31% 0%,#ffaec280,#fff0 72%),#fff;box-shadow:0 32px 48px #0d0d0d33}.test-reward-close{top:8px;right:8px;width:24px;height:24px;padding:4px;border-radius:4px;background:transparent}.test-reward-close img{display:block;width:16px;height:16px;filter:brightness(0) opacity(.54)}.test-reward-title{margin:0;color:#0d0d0de6;font-size:24px;font-weight:600;line-height:36px;text-align:center}.test-reward-subtitle{margin:8px 0 0;color:#0d0d0da8;font-size:14px;font-weight:400;line-height:22px;text-align:center}.test-reward-prizes{display:flex;gap:12px;justify-content:center;width:420px;margin-top:8px}.test-reward-prize{display:flex;flex-direction:column;align-items:center;width:204px;height:146px;padding:14px 0 0;border:1px solid #feecd4;border-radius:12px;background:#fff8ed}.test-reward-prize-art{width:90px;height:90px;-o-object-fit:contain;object-fit:contain}.test-reward-prize span{margin-top:8px;color:#0d0d0de6;font-size:14px;line-height:22px}.test-reward-claim{width:200px;height:40px;margin-top:19px;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:600;line-height:22px;background:var(--member-day-cta-gradient)}.test-reward-claim:disabled{opacity:.5}.test-reward-claim-error{margin:8px 0 0;padding:4px 10px;border:1px solid var(--member-day-error-border);border-radius:8px;color:var(--member-day-error-color);font-size:12px;line-height:20px;background:var(--member-day-error-background);text-align:center}.lottery-result-overlay{--lottery-dialog-overlay-bg: rgba(13, 13, 13, .5);--lottery-dialog-z-index: 140;--lottery-dialog-bg: radial-gradient(85% 30% at 92% 0%, rgba(233, 185, 255, .4), rgba(255, 255, 255, 0) 70%), radial-gradient(85% 30% at 31% 0%, rgba(255, 174, 194, .5), rgba(255, 255, 255, 0) 72%), #fff;--lottery-dialog-radius: 12px;--lottery-dialog-max-width: 420px;--lottery-dialog-padding: 24px 24px 24px;--lottery-dialog-title-color: rgba(13, 13, 13, .9);--lottery-dialog-title-size: 20px;--lottery-dialog-subtitle-color: rgba(13, 13, 13, .66);--lottery-dialog-image-width: 136px;--lottery-dialog-image-height: 80px;--lottery-dialog-btn-bg: var(--member-day-cta-gradient);--lottery-dialog-btn-radius: 100px;--lottery-dialog-btn-size: 14px;--lottery-dialog-btn-padding: 4px 15px;--lottery-dialog-close-color: rgba(13, 13, 13, .46)}body .lottery-result-overlay .lottery-result-dialog{box-sizing:border-box;width:420px;min-height:290px;overflow:hidden}body .lottery-result-overlay .lottery-result-icon{display:none}body .lottery-result-overlay .lottery-result-title{margin:0 0 8px;line-height:32px}body .lottery-result-overlay .lottery-result-subtitle{margin:0 0 20px;font-weight:400;line-height:22px}body .lottery-result-overlay .lottery-result-subtitle p{margin:0}body .lottery-result-overlay .lottery-result-prize-image{display:block;margin:0 auto 20px;-o-object-fit:contain;object-fit:contain}body .lottery-result-overlay .lottery-result-actions{align-items:center}body .lottery-result-overlay .lottery-result-primary-btn{width:200px;height:40px;font-weight:400;line-height:22px}body .lottery-result-overlay .lottery-result-close-btn{top:8px;right:8px;width:24px;height:24px;padding:0;line-height:24px}.quiz-dialog{position:relative;display:grid;grid-template-columns:auto 1fr auto;width:480px;min-height:389px;max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:0;border-radius:12px;background:#fff;box-shadow:0 32px 48px #0d0d0d33}.quiz-dialog-title{grid-column:1;grid-row:1;margin:0;font-size:14px;line-height:22px;color:#0d0d0d}.dialog-close{position:absolute;z-index:2;right:8px;top:8px;width:30px;height:30px;border:0;border-radius:50%;color:#757885;font-size:16px;line-height:16px;cursor:pointer}.quiz-dialog .dialog-close{top:8px;right:8px;display:grid;width:24px;height:24px;place-items:center;padding:4px;border-radius:4px;color:transparent}.quiz-dialog .dialog-close img{display:block;width:16px;height:16px;filter:brightness(0) opacity(.54)}.quiz-progress{display:contents}.quiz-back{grid-column:2;grid-row:1;justify-self:start;height:20px;margin-left:24px;padding:0;border:0;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px;background:transparent}.quiz-back:disabled{opacity:.5}.quiz-progress span{grid-column:2;grid-row:1;margin-left:76px;font-size:12px;font-weight:400;line-height:20px;color:#6b6b6b}.progress-track{grid-column:1 / -1;grid-row:2;width:100%;height:6px;margin-top:8px;overflow:hidden;border-radius:8px;background:#e6e6e6}.progress-track i{display:block;height:100%;border-radius:inherit;background:#ff509d;transition:width .22s ease}.quiz-group-label{display:none}.quiz-dialog h2{grid-column:1 / -1;min-height:30px;margin:32px 0;text-align:center;font-size:18px;font-weight:600;line-height:30px;color:#0d0d0de6}.quiz-options{display:grid;grid-column:1 / -1;gap:12px}.quiz-option{display:flex;grid-column:1 / -1;width:100%;height:62px;align-items:center;justify-content:center;padding:0 15px;border:1px solid rgba(13,13,13,.12);border-radius:8px;color:#0d0d0d;font-size:14px;font-weight:600;line-height:22px;text-align:center;background:#fff}.quiz-option+.quiz-option{margin-top:12px}.quiz-options .quiz-option+.quiz-option{margin-top:0}.quiz-option.is-selected{border-color:#ff509d;color:#ff509d;background:#ff509d1a}.quiz-option:hover:not(:disabled):not(.is-selected){border-color:#6f5eff;color:#6f5eff;background:#6f5eff0f}.quiz-option:disabled{opacity:.58}.quiz-option span{display:none}.overlay:has(.role-result-dialog){background:#0d0d0d80;-webkit-backdrop-filter:none;backdrop-filter:none}.role-result-dialog{position:absolute;left:50%;width:470px;height:510px;transform:translate(-50%)}.role-result-card{display:block;width:470px;height:430px;overflow:hidden;border-radius:20px;-o-object-fit:cover;object-fit:cover}.result-close{position:absolute;top:48px;right:48px;z-index:2;display:grid;width:24px;height:24px;padding:4px;place-items:center;border:0;border-radius:4px;background:transparent;cursor:pointer}.result-close img{display:block;width:16px;height:16px;filter:brightness(0) invert(1)}.role-result-actions{position:absolute;top:470px;left:19px;display:flex;width:432px;height:40px;gap:12px}.role-result-reward{width:210px;height:40px;padding:0 16px;border:0;border-radius:24px;color:#0d0d0de6;font-size:14px;font-weight:400;line-height:22px;white-space:nowrap;background:linear-gradient(90deg,#c4e0ff,#ece9ff)}.role-result-share{width:210px;height:40px;padding:0 15px;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:400;line-height:22px;white-space:nowrap;background:var(--member-day-cta-gradient)}.story-dialog{position:relative;width:520px;height:470px;overflow:hidden;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none}.story-dialog .dialog-close{top:8px;right:8px;width:24px;height:24px;padding:4px;border-radius:4px;color:transparent}.story-detail-image{display:block;width:520px;height:470px;-o-object-fit:cover;object-fit:cover;pointer-events:none}.story-dialog-actions{position:absolute;z-index:2;left:32px;bottom:32px;display:flex;width:458px;height:40px;gap:12px}.story-community,.story-next{display:block;min-width:0;height:40px;flex:1 0 0;margin:0;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.rules-dialog{position:relative;width:520px;height:337px;overflow:hidden;padding:32px 32px 24px;border:0;border-radius:12px;background:radial-gradient(85% 30% at 92% 0%,#e9b9ff66,#fff0 70%),radial-gradient(85% 30% at 31% 0%,#ffaec280,#fff0 72%),#fff}.rules-dialog h2{margin:0 0 8px;color:#0d0d0de6;font-size:24px;font-weight:600;line-height:36px;text-align:center}.rules-dialog p,.rules-rich-text{max-height:237px;margin:0;overflow-y:auto;color:#0d0d0da8;font-size:14px;line-height:22px}.rules-dialog .dialog-close{top:8px;right:8px;width:24px;height:24px;padding:4px;border-radius:4px;color:#6b6b6b;font-size:16px;line-height:16px}.overlay:has(.address-dialog){background:#0d0d0d80;-webkit-backdrop-filter:none;backdrop-filter:none}.address-dialog{position:relative;box-sizing:border-box;display:flex;width:520px;height:529px;flex-direction:column;align-items:center;overflow:hidden;padding:32px 82px 24px;border:0;border-radius:12px;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 520 529' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.550000011920929'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-0.68095 23.144 -46.366 -4.3238 481 -49.594)'><stop stop-color='rgba(233,185,255,1)' offset='0'/><stop stop-color='rgba(255,255,255,1)' offset='1'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 520 529' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.75'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(2.7238 25.348 -88.173 30.03 161.57 -8.8167)'><stop stop-color='rgba(255,174,194,1)' offset='0'/><stop stop-color='rgba(255,255,255,0)' offset='1'/></radialGradient></defs></svg>"),linear-gradient(90deg,#fff,#fff)}.address-dialog-close{top:8px;right:8px;display:grid;width:24px;height:24px;place-items:center;padding:4px;border-radius:4px;background:transparent}.address-dialog-close img{display:block;width:16px;height:16px;filter:brightness(0) opacity(.54)}.address-dialog-header{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:8px}.address-dialog h2{margin:0;color:#0d0d0de6;font-size:24px;font-weight:600;line-height:36px;text-align:center}.address-dialog-copy{margin:0;color:#0d0d0da8;font-size:14px;font-weight:400;line-height:22px;text-align:center;white-space:nowrap}.address-fields{display:flex;width:356px;height:328px;flex:0 0 328px;flex-direction:column;gap:8px;margin-top:16px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#dadada transparent;scrollbar-width:thin}.address-fields::-webkit-scrollbar{width:3px}.address-fields::-webkit-scrollbar-thumb{border-radius:18px;background:#dadada}.address-dialog label{display:block;flex:0 0 48px;width:356px;height:48px}.address-dialog input{box-sizing:border-box;width:356px;height:48px;padding:0 18px;border:1px solid rgba(13,13,13,.12);border-radius:10px;color:#0d0d0de6;font-size:14px;font-weight:400;line-height:22px;background:#fff;outline:0}.address-dialog input::-moz-placeholder{color:#6b6b6b;opacity:1}.address-dialog input::placeholder{color:#6b6b6b;opacity:1}.address-dialog input:focus{border-color:#ff509d;box-shadow:0 0 0 2px #ff509d1a}.address-submit{width:200px;height:40px;flex:0 0 40px;margin-top:19px;padding:0 15px;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:600;line-height:22px;background:var(--member-day-cta-gradient)}.address-submit:disabled{opacity:.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.invite-dialog{position:relative;box-sizing:border-box;display:flex;width:480px;height:524px;flex-direction:column;align-items:center;padding:23px 23px 24px;overflow:hidden;border:1px solid rgba(13,13,13,.12);border-radius:12px;text-align:center;background:#fff;box-shadow:0 32px 48px #0d0d0d33}.invite-dialog-close{top:7px;right:7px;width:24px;height:24px;display:grid;place-items:center;padding:0;border-radius:4px}.invite-dialog[data-share-mode=activity]{height:auto;padding:36px 23px 24px}.invite-dialog[data-share-mode=activity] .invite-dialog-close{top:12px;right:12px}.invite-dialog-close img{display:block;width:16px;height:16px;filter:brightness(0) opacity(.54)}.combo-share-dialog{position:relative;display:flex;width:616px;flex-direction:column;align-items:center}.combo-share-close{top:-24px;right:-12px;width:24px;height:24px;display:grid;place-items:center;padding:0;border-radius:4px}.combo-share-close img{display:block;width:16px;height:16px}.combo-share-card{position:relative;width:615px;height:364px;overflow:hidden;border-radius:12px;background:transparent}.combo-share-card-surface{position:absolute;left:11px;top:10px;display:block;width:594px;height:342px;pointer-events:none}.combo-share-card-plate{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.combo-share-duo{position:absolute;left:22px;top:16px;width:329px;height:301px;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.combo-share-copy{position:absolute;left:358px;top:38px;display:flex;width:204px;flex-direction:column;align-items:center;text-align:center}.combo-share-copy .role-combo-name-art{margin-top:0}.combo-share-brand{position:absolute;left:14px;top:330px;width:91px;height:20px;-o-object-fit:contain;object-fit:contain}.combo-share-scan{position:absolute;left:260px;top:331px;margin:0;color:#0d0d0de6;font-size:12px;font-weight:600;line-height:20px;white-space:nowrap}.combo-share-qr-wrap{position:absolute;left:513px;top:282px;width:74px;height:74px;overflow:hidden;border-radius:6px;background:#fff}.combo-share-qr{display:block;width:74px;height:74px}.combo-share-qr-logo{position:absolute;left:28px;top:28px;display:grid;width:18px;height:18px;place-items:center;overflow:hidden;border-radius:4px;background:#fff}.combo-share-qr-logo img{display:block;width:13px;height:13px}.combo-share-actions{display:flex;gap:12px;width:432px;height:40px;margin-top:48px}.combo-share-save{display:grid;width:210px;height:40px;place-items:center;padding:0;border:1px solid #ff509d;color:#ff509d;font-size:14px;line-height:22px;text-decoration:none;border-radius:24px;background:#fff}.combo-share-copy-link{display:grid;width:210px;height:40px;place-items:center;border:0;color:#fff;font-size:14px;line-height:22px;text-decoration:none;border-radius:100px;background:var(--member-day-cta-gradient)}.invite-dialog h2{margin:0;color:#0d0d0de6;font-size:20px;font-weight:600;line-height:32px}.invite-dialog-sub{margin:7px 0 16px;color:#0d0d0da8;font-size:14px;line-height:22px}.invite-scheme{box-sizing:border-box;width:100%;padding:16px 16px 12px;overflow:hidden;border-radius:8px;background:#6f5eff1a}.invite-scheme-qr{height:262px}.invite-scheme-link{height:130px;margin-top:8px}.invite-scheme h3{margin:0;color:#0d0d0d;font-size:14px;font-weight:600;line-height:22px;text-align:left}.invite-scheme>p{margin:6px 0 0;color:#6b6b6b;font-size:12px;line-height:20px;text-align:left}.invite-qr-frame{position:relative;width:148px;height:148px;margin:14px auto 0}.invite-qr{display:block;width:148px;height:148px;border-radius:13px;-o-object-fit:cover;object-fit:cover}.invite-qr-logo{position:absolute;top:50%;left:50%;display:grid;width:37px;height:37px;place-items:center;border-radius:9px;background:#fff;transform:translate(-50%,-50%)}.invite-qr-logo img{display:block;width:26px}.invite-scheme-foot{margin:8px 0 0;color:#6b6b6b;font-size:12px;line-height:20px;text-align:center}.invite-link-row{display:flex;gap:8px;align-items:center;margin-top:16px}.invite-url{box-sizing:border-box;width:282px;height:40px;margin:0;overflow:hidden;padding:0 12px;border:1px solid rgba(13,13,13,.12);border-radius:8px;color:#6b6b6b;font-size:12px;line-height:40px;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fff}.invite-copy{width:110px;min-height:40px;height:40px;padding:4px 15px;border:0;border-radius:100px;color:#fff;font-size:14px;font-weight:600;line-height:22px;background:var(--member-day-cta-gradient)}.invite-error{display:grid;width:320px;gap:12px;justify-items:center;margin:24px auto 0;padding:20px;border:1px solid var(--member-day-error-border);border-radius:12px;color:var(--member-day-error-color);background:var(--member-day-error-background)}.invite-qr-error{display:grid;width:148px;height:148px;place-content:center;justify-items:center;gap:10px;padding:12px;border:1px solid var(--member-day-error-border);border-radius:13px;color:var(--member-day-error-color);font-size:12px;line-height:18px;background:var(--member-day-error-background);text-align:center}.invite-qr-error button{min-width:82px;height:32px;padding:0 12px;border:0;border-radius:100px;color:#fff;font-size:12px;background:var(--member-day-cta-gradient)}.activity-nav{position:fixed;z-index:40;left:max(12px,calc(50% - 704px));top:58px;display:flex;flex-direction:column;gap:17px;box-sizing:border-box;width:74px;padding:8px 8px 8px 18px;overflow:hidden;border-radius:20px}.activity-nav--with-user-info{top:108px}.activity-nav:after{content:"";position:absolute;left:8.5px;top:25px;width:1px;height:141px;background:#0000001a;pointer-events:none}.activity-nav a{position:relative;height:20px;color:#6b6b6b;font-size:12px;font-weight:400;line-height:20px;text-decoration:none;white-space:nowrap}.activity-nav a:before{content:"";position:absolute;top:50%;left:-10px;width:2px;height:2px;border-radius:3px;background:silver;transform:translateY(-50%)}.activity-nav a.active{color:#6f5eff;font-weight:600}.activity-nav a.active:before{width:2px;height:16px;background:#6f5eff}.activity-tools{position:fixed;z-index:40;top:58px;right:max(12px,calc(50% - 704px));width:64px;height:213px}.activity-tools--with-user-info{top:108px}.activity-tools-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:64px;height:213px;pointer-events:none}.activity-tools-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:64px;padding-top:18px}.activity-tools-item{display:flex;flex-direction:column;align-items:center;gap:7px;width:48px;padding:0;border:0;color:#000c;font-size:12px;line-height:12px;text-align:center;text-decoration:none;background:transparent}.activity-tools-item:disabled{cursor:default}.activity-tools-icon{display:block;width:24px;height:24px;overflow:hidden}.activity-tools-icon img{display:block;width:100%;height:100%}.activity-tools-divider{display:block;width:64px;height:0;border-top:1px solid rgba(0,0,0,.08)}.bottom-action-bar{--figma-bottom-bar-height: 64px;--figma-bottom-bar-content-width: 1200px;--figma-bottom-bar-hint-gap: 20px;--figma-bottom-bar-mark-width: 78px;--figma-bottom-bar-mark-height: 40px;--figma-bottom-bar-copy-size: 16px;--figma-bottom-bar-copy-line: 24px;--figma-bottom-bar-actions-gap: 8px;--figma-bottom-bar-button-width: 270px;--figma-bottom-bar-button-height: 40px;--figma-bottom-bar-cashier-radius: 24px;--figma-bottom-bar-share-radius: 100px;position:fixed;z-index:50;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;height:var(--figma-bottom-bar-height);border-top:1px solid rgba(13,13,13,.12);background:#fff}.bottom-action-content{display:flex;width:var(--figma-bottom-bar-content-width);height:var(--figma-bottom-bar-height);align-items:center;justify-content:space-between;overflow:hidden}.bottom-action-hint{display:flex;flex:1 0 0;min-width:1px;align-items:center;gap:var(--figma-bottom-bar-hint-gap);overflow:hidden}.bottom-action-mark{display:block;width:var(--figma-bottom-bar-mark-width);height:var(--figma-bottom-bar-mark-height);-o-object-fit:contain;object-fit:contain;flex-shrink:0}.bottom-action-copy{margin:0;width:434px;color:#0d0d0d;font-size:var(--figma-bottom-bar-copy-size);font-weight:600;line-height:var(--figma-bottom-bar-copy-line)}.bottom-action-actions{display:flex;flex-shrink:0;align-items:center;gap:var(--figma-bottom-bar-actions-gap);height:var(--figma-bottom-bar-button-height)}.cashier-action{display:flex;width:var(--figma-bottom-bar-button-width);height:var(--figma-bottom-bar-button-height);align-items:center;justify-content:center;padding:10px 16px;border:1px solid #FF509D;border-radius:var(--figma-bottom-bar-cashier-radius);color:#ff509d;font-size:14px;line-height:22px;background:transparent}.share-action{color:#fff;background:var(--member-day-cta-gradient)}.bottom-action-bar .share-action{display:flex;width:var(--figma-bottom-bar-button-width);height:var(--figma-bottom-bar-button-height);align-items:center;justify-content:center;padding:4px 15px;border-radius:var(--figma-bottom-bar-share-radius);color:#fff;background:var(--member-day-cta-gradient)}.bottom-action-bar button:last-child{color:#fff;background:var(--member-day-cta-gradient)}.bottom-action-bar button:disabled{opacity:.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}