*{box-sizing:border-box}:root{--h5-bg: #11100e;--h5-text: #fff5df;--h5-muted: rgba(255, 245, 223, .72);--h5-line: rgba(255, 245, 223, .16);--h5-accent: #d9a94e;--h5-cyan: #58cbd4;--h5-danger: #e45c52;--h5-panel: rgba(29, 25, 20, .78);--h5-panel-strong: rgba(38, 32, 25, .92);--h5-font: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--h5-display-font: "Songti SC", "STSong", "Noto Serif SC", serif;color:var(--h5-text);background:var(--h5-bg);font-family:var(--h5-font);font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{min-height:100%;margin:0}button,input,textarea,select{font:inherit}button{border:0}body{min-width:320px;min-height:100svh;background:var( --welook-intro-safe-background, repeating-linear-gradient( 90deg, rgba(255, 245, 223, .025) 0 1px, transparent 1px 72px ), repeating-linear-gradient( 0deg, rgba(255, 245, 223, .018) 0 1px, transparent 1px 64px ), linear-gradient(180deg, #17120f 0%, #172b28 46%, #0d0b0a 100%) )}#app{min-height:100svh}@media (min-width: 720px){body{display:grid;place-items:center}}.activity-runtime{position:relative;min-height:100svh;overflow:hidden}.activity-runtime--intro{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--welook-intro-safe-background, #fed302)}.activity-runtime--intro:before{content:none}.activity-runtime:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(115deg,rgba(255,245,223,.08) 0 1px,transparent 1px 34px),linear-gradient(180deg,#d9a94e0f,#58cbd40a);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.92),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.92),transparent 82%);opacity:.42}.activity-shell{position:relative;width:min(100%,430px);min-height:100svh;margin:0 auto;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#11100e3d,#0c0a09f0),var( --theme-background-image, linear-gradient(150deg, #19130f 0%, #24413b 52%, #100d0c 100%) );box-shadow:0 0 48px #00000070}.activity-shell--intro{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;background:var(--welook-intro-safe-background, #fed302);box-shadow:none}.activity-shell--intro:after{content:none}.activity-shell--intro-question-preview{position:relative}.activity-shell--intro-question-preview>.activity-question-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.activity-shell--intro-question-preview>.art-intro-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.activity-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-inline:1px solid rgba(255,245,223,.08)}.runtime-state{position:relative;z-index:1;display:grid;min-height:100svh;place-items:center;padding:28px 24px;text-align:center}.runtime-card{width:100%;padding:26px 22px;border:1px solid var(--h5-line);border-radius:8px;background:var(--h5-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.runtime-card h1{margin:0 0 10px;color:var(--h5-text);font-family:var(--h5-display-font);font-size:24px;line-height:1.2;letter-spacing:0}.runtime-card p{margin:0;color:var(--h5-muted)}.runtime-card button{width:100%;min-height:48px;margin-top:22px;border-radius:6px;color:#171109;background:linear-gradient(135deg,var(--h5-accent),#fff0bf);font-weight:700}.runtime-loading{display:grid;gap:18px;justify-items:center}.runtime-loading span{width:34px;height:34px;border:2px solid rgba(255,245,223,.22);border-top-color:var(--h5-accent);border-radius:999px;animation:runtime-spin .9s linear infinite}.runtime-loading p{margin:0;color:var(--h5-muted)}@keyframes runtime-spin{to{transform:rotate(360deg)}}@font-face{font-family:MiSans Art;font-style:normal;font-weight:600;src:url(/fonts/MiSans-Semibold.woff2) format("woff2")}@font-face{font-family:MiSans Art;font-style:normal;font-weight:900;src:url(/fonts/MiSans-Heavy.woff2) format("woff2")}.art-intro-view,.art-question-view,.art-feedback-view,.art-result-view{--art-ink: #11100e;--art-paper: #fff5df;--art-muted: rgba(255, 245, 223, .72);--art-faint: rgba(255, 245, 223, .1);--art-line: rgba(255, 245, 223, .16);--art-gold: #d9a94e;--art-gold-soft: #fff0bf;--art-cyan: #58cbd4;--art-red: #e45c52;--art-green: #234a43;isolation:isolate;color:var(--art-paper);background:linear-gradient(180deg,#11100ec7,#0b0908f5),repeating-linear-gradient(135deg,rgba(255,245,223,.035) 0 1px,transparent 1px 18px),linear-gradient(145deg,#17120f,#1f3934 52%,#0f0d0c)}.art-intro-view:before,.art-question-view:before,.art-feedback-view:before,.art-result-view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0 9%,rgba(217,169,78,.1) 9% 9.4%,transparent 9.4%),repeating-linear-gradient(0deg,rgba(255,245,223,.035) 0 1px,transparent 1px 28px);opacity:.52}.content-block{display:block;white-space:pre-line}.content-block--image{max-width:100%;object-fit:contain}.content-block--interactive{cursor:pointer}.content-block--interactive:focus-visible,.action-button:focus-visible,.option-card:focus-visible,.back-button:focus-visible,.lead-submit:focus-visible,.lead-skip:focus-visible,.poster-close:focus-visible{outline:2px solid var(--art-cyan, var(--h5-cyan));outline-offset:3px}.content-block--image-fallback{display:grid;min-height:124px;place-items:center;padding:18px;border:1px solid rgba(217,169,78,.28);border-radius:8px;color:var(--art-gold-soft);background:linear-gradient(135deg,rgba(217,169,78,.12),transparent 46%),repeating-linear-gradient(135deg,rgba(255,245,223,.06) 0 1px,transparent 1px 12px),#fff5df0f;font-family:var(--h5-display-font);font-size:24px;line-height:1.24;text-align:center}.motion-rise-soft{animation:motion-rise-soft .58s ease both}.motion-delay-1{animation-delay:.12s}.motion-reveal-last{animation-delay:.96s}.action-button{position:relative;display:inline-grid;min-height:48px;place-items:center;overflow:hidden;padding:0 18px;border:1px solid rgba(217,169,78,.28);border-radius:6px;color:#171109;background:linear-gradient(135deg,var(--art-gold),var(--art-gold-soft));box-shadow:0 12px 30px #0000002e;font-weight:800;letter-spacing:0;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.action-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:translate(-120%)}.action-button:hover:not(:disabled){border-color:#fff5df85;box-shadow:0 16px 34px #00000042;transform:translateY(-1px)}.action-button:hover:not(:disabled):after{animation:button-sheen .74s ease}.action-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.action-button--savePoster{color:var(--art-paper);background:linear-gradient(135deg,#fff5df1f,#fff5df0a),#fff5df0a}.action-button--shareResult{color:#171109;background:linear-gradient(135deg,var(--art-gold),#ffe4a0)}.action-button--openLeadPopup,.result-action-art-world--lead{color:#091313;background:linear-gradient(135deg,var(--art-cyan),#f7f0dd)}.content-block--button{line-height:1.18}.art-intro-view{position:relative;height:100dvh;min-height:0;overflow:hidden;padding:max(32px,env(safe-area-inset-top)) 28px max(28px,env(safe-area-inset-bottom))}.intro-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,#11100e2e,#11100ed1),var(--intro-background-image),linear-gradient(145deg,#1a130f,#20443f 58%,#100c0a);background-position:center top;background-size:cover}.intro-particles{z-index:-1;opacity:.78;mix-blend-mode:screen;filter:saturate(1.08)}.intro-background-art-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(122deg,transparent 0 58%,rgba(228,92,82,.24) 58% 59%,transparent 59%),repeating-linear-gradient(90deg,rgba(255,245,223,.045) 0 1px,transparent 1px 42px)}.studio-background-pan{animation:background-pan 8s ease-in-out infinite alternate}.intro-content{position:relative;z-index:1;display:flex;height:100%;min-height:0;flex-direction:column;justify-content:center;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.intro-page-art-world--hero .intro-content{padding-bottom:clamp(10px,3svh,24px)}.intro-page-art-world--copy .intro-content{justify-content:center}.intro-page-transition-fade-up .intro-content{animation:intro-fade-up .58s ease both}.intro-page-transition-slide-left .intro-content{animation:intro-slide-left .52s ease both}.intro-page-transition-scale-in .intro-content{animation:intro-scale-in .5s ease both}.intro-eyebrow-art-world{margin-bottom:18px;color:var(--art-gold-soft);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.intro-title-art-world{width:min(78vw,318px);aspect-ratio:318 / 148;margin-bottom:20px;filter:drop-shadow(0 16px 34px rgba(0,0,0,.28))}.intro-title-art-world.content-block--image-fallback{width:min(82vw,330px);aspect-ratio:auto;justify-content:start;text-align:left}.intro-subtitle-art-world{max-width:18em;color:var(--art-paper);font-family:var(--h5-display-font);font-size:24px;font-weight:700;line-height:1.28}.intro-description-art-world{max-width:22em;margin-top:14px;color:var(--art-muted);font-size:15px;line-height:1.72}.intro-copy-list{display:grid;gap:14px;margin-top:32px;padding-left:16px;border-left:1px solid rgba(217,169,78,.42)}.intro-copy-item{color:var(--art-muted);font-size:15px;line-height:1.75;opacity:0;transform:translateY(10px);animation:copy-rise .58s ease forwards}.intro-primary-action{width:min(100%,220px);margin-top:36px}.intro-start-button-art-world{min-height:50px}.art-question-view{position:relative;z-index:1;display:flex;min-height:100svh;flex-direction:column;gap:22px;padding:max(22px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}.question-page-transition-rise{animation:question-enter .46s ease both}.question-header{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.back-button{width:38px;height:38px;border:1px solid rgba(255,245,223,.16);border-radius:6px;color:var(--art-paper);background:#fff5df14;transition:border-color .2s ease,transform .2s ease}.back-button:not(:disabled):active{transform:translate(-2px)}.back-button:disabled{opacity:.35}.question-header p{margin:0;color:#fff5dfa8;font-size:13px;font-weight:700;letter-spacing:0}.progress-track{height:6px;overflow:hidden;border:1px solid rgba(255,245,223,.12);border-radius:999px;background:#fff5df1a}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--art-cyan),var(--art-gold));transition:width .28s ease}.question-copy{display:grid;gap:10px;margin-top:6svh}.activity-kicker{margin:0;color:var(--art-gold-soft);font-size:12px;font-weight:800;letter-spacing:0}.question-title-art-world{max-width:13em;color:var(--art-paper);font-family:var(--h5-display-font);font-size:30px;font-weight:700;line-height:1.2}.question-subtitle-art-world{color:#fff5dfad;font-size:14px}.option-list{display:grid;gap:12px;margin-top:auto}.option-card{position:relative;width:100%;min-height:64px;overflow:hidden;padding:16px 18px;border:1px solid rgba(255,245,223,.14);border-radius:8px;color:var(--art-paper);background:linear-gradient(90deg,#fff5df14,#fff5df09),#fff5df0a;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.option-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent;transition:background .2s ease}.option-card:active{transform:translateY(1px)}.option-card.selected{border-color:#d9a94ecc;background:linear-gradient(90deg,#d9a94e33,#58cbd414),#fff5df12;transform:translateY(-2px)}.option-card.selected:before{background:linear-gradient(180deg,var(--art-gold),var(--art-cyan))}.question-option-art-world{position:relative;z-index:1;font-size:16px;font-weight:800;line-height:1.34}.question-footer{padding-top:2px}.question-continue-action{width:100%}.question-continue-button-art-world{min-height:50px}.art-feedback-view{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:28px}.feedback-card{position:relative;z-index:1;display:grid;gap:16px;justify-items:center;text-align:center;animation:feedback-pop .44s cubic-bezier(.22,1,.36,1) both}.feedback-title-art-world{max-width:15em;color:var(--art-paper);font-family:var(--h5-display-font);font-size:25px;font-weight:700;line-height:1.26}.feedback-description-art-world{color:var(--art-muted);font-size:15px;line-height:1.72}.feedback-loading-art-world{color:var(--art-gold-soft);font-size:13px;animation:loading-breathe .82s ease-in-out infinite alternate}.feedback-complete-art-world{min-height:30px;color:var(--art-cyan);font-size:18px;font-weight:900;opacity:0;transform:translateY(8px);animation:complete-reveal .42s ease .86s forwards}.feedback-keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:270px;margin:8px 0}.feedback-keyword-art-world{padding:5px 9px;border:1px solid rgba(217,169,78,.28);border-radius:6px;color:var(--art-gold-soft);background:#d9a94e14;font-size:12px;animation:keyword-float 1.2s ease-in-out infinite alternate}.fragment{position:absolute;width:92px;height:92px;border:1px solid rgba(255,245,223,.12);border-radius:8px;opacity:.5;animation:fragment-drift 1.3s ease-in-out infinite alternate}.fragment-one{top:18%;left:13%;background:repeating-linear-gradient(135deg,rgba(255,245,223,.08) 0 1px,transparent 1px 12px),#e45c5238}.fragment-two{right:9%;bottom:19%;background:repeating-linear-gradient(90deg,rgba(255,245,223,.07) 0 1px,transparent 1px 10px),#58cbd42e;animation-delay:.2s}.fragment-three{top:48%;right:17%;background:repeating-linear-gradient(0deg,rgba(255,245,223,.08) 0 1px,transparent 1px 11px),#d9a94e2e;animation-delay:.36s}.art-result-view{position:relative;display:flex;min-height:100svh;flex-direction:column;gap:16px;padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}.result-page-transition-editorial{animation:result-enter .56s ease both}.result-panel{display:grid;gap:13px;text-align:center}.result-brand,.result-activity-title{margin:0;color:var(--art-gold-soft);font-size:12px;font-weight:900;letter-spacing:0}.result-activity-title{color:#fff5df94;font-weight:700}.result-title-art-world{color:var(--art-paper);font-size:17px;font-weight:800}.result-personality-art-world{color:var(--art-paper);font-family:var(--h5-display-font);font-size:36px;font-weight:700;line-height:1.1}.result-signature-art-world{color:#fff5dfc7;font-size:18px;line-height:1.48}.keyword-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.result-keyword-art-world{padding:5px 9px;border:1px solid rgba(217,169,78,.3);border-radius:6px;color:var(--art-gold-soft);background:#d9a94e14;font-size:12px;font-weight:800}.result-image-art-world{width:min(58vw,220px);aspect-ratio:1;justify-self:center;border:1px solid rgba(217,169,78,.32);border-radius:8px;object-fit:cover;box-shadow:0 18px 34px #00000042}.result-image-motion{animation:result-image-lift .62s ease .1s both}.result-image-art-world.content-block--image-fallback{width:min(58vw,220px);font-size:26px}.scene-section,.result-lead-teaser{display:grid;gap:8px;padding:16px;border:1px solid rgba(255,245,223,.13);border-radius:8px;background:linear-gradient(135deg,#fff5df14,#fff5df09),#fff5df0a;text-align:left}.result-scene-title-art-world{color:var(--art-gold-soft);font-size:15px;font-weight:900}.result-scene-description-art-world{color:var(--art-muted);font-size:14px;line-height:1.66}.result-lead-teaser{margin-top:2px}.result-lead-teaser .lead-title-art-world{color:var(--art-cyan);font-size:17px;font-weight:900}.result-lead-teaser .lead-description-art-world{color:var(--art-muted);font-size:13px;line-height:1.62}.result-actions{display:grid;gap:10px;margin-top:auto}.result-action-button{width:100%}.result-hint{margin:0;color:#fff5dfb8;text-align:center;font-size:13px}.result-hint--error{color:#ff9c98}.lead-mask{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#000000a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lead-popup{display:grid;width:min(100%,360px);gap:14px;padding:22px;border:1px solid rgba(217,169,78,.28);border-radius:8px;background:repeating-linear-gradient(135deg,rgba(255,245,223,.035) 0 1px,transparent 1px 14px),#17120f;box-shadow:0 24px 60px #00000070}.lead-popup .lead-title-art-world,.lead-success-title-art-world{color:var(--art-paper);font-family:var(--h5-display-font);font-size:23px;font-weight:700}.lead-popup .lead-description-art-world,.lead-success-description-art-world{color:var(--art-muted);font-size:14px;line-height:1.66}.lead-input{width:100%;min-height:46px;padding:0 12px;border:1px solid rgba(255,245,223,.16);border-radius:6px;color:var(--art-paper);background:#fff5df14}.lead-input::placeholder{color:#fff5df6b}.lead-error{margin:-4px 0 0;color:#ff9c98;font-size:12px;line-height:1.5}.lead-submit,.lead-skip{min-height:44px;border:0;border-radius:6px;font-weight:800;letter-spacing:0}.lead-submit{color:#171109;background:linear-gradient(135deg,var(--art-gold),var(--art-gold-soft))}.lead-skip{color:var(--art-paper);background:#fff5df1a}.lead-submit:disabled,.lead-skip:disabled{cursor:not-allowed;opacity:.56}.poster-mask{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#000000b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.poster-preview{display:grid;width:min(100%,342px);max-height:calc(100svh - 44px);gap:12px;justify-items:center;padding:14px;border:1px solid rgba(217,169,78,.3);border-radius:8px;background:repeating-linear-gradient(135deg,rgba(255,245,223,.035) 0 1px,transparent 1px 14px),#17120f}.poster-image{width:100%;max-height:calc(100svh - 150px);border-radius:6px;object-fit:contain}.poster-tip{margin:0;color:var(--art-muted);font-size:13px}.poster-close{width:100%;min-height:42px;border-radius:6px;color:#171109;background:linear-gradient(135deg,var(--art-gold),var(--art-gold-soft));font-weight:800}@keyframes background-pan{to{transform:scale(1.03) translate3d(-8px,-8px,0)}}@keyframes motion-rise-soft{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes copy-rise{to{opacity:1;transform:translateY(0)}}@keyframes intro-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-slide-left{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes intro-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes question-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-pop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes keyword-float{to{transform:translateY(-4px)}}@keyframes loading-breathe{to{opacity:.56}}@keyframes complete-reveal{to{opacity:1;transform:translateY(0)}}@keyframes fragment-drift{to{transform:translate3d(10px,-12px,0) rotate(8deg)}}@keyframes result-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes result-image-lift{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-sheen{to{transform:translate(120%)}}.figma-intro-view{width:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;padding:0;color:#0a0a0a;background:var( --welook-intro-safe-background, var(--figma-intro-background, #fed302) )}.figma-intro-view:before{content:none}.figma-intro-view--galleryStory,.figma-intro-view--studioStory{background:linear-gradient(180deg,var(--figma-intro-background, #42c7fe) 0 700px,#01cda6 700px 100%)}.figma-intro-frame{position:relative;margin:0 auto;overflow:hidden}.figma-intro-story-slide-enter-active,.figma-intro-story-slide-leave-active{transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.figma-intro-story-slide-leave-active{position:absolute;top:0;bottom:0;right:0;left:0}.figma-intro-story-slide-enter-from{opacity:.98;transform:translate(100%)}.figma-intro-story-slide-leave-to{opacity:.98;transform:translate(-100%)}.figma-intro-view--leaving-to-question{pointer-events:none;animation:figma-intro-leave-up .68s cubic-bezier(.22,1,.36,1) both;will-change:transform}.figma-intro-cover-title{position:absolute;top:37px;left:37.04px;width:299.81px;height:149.108px;overflow:hidden}.figma-intro-cover-title img{position:absolute;top:-20.84px;left:0;width:299.81px;height:401.32px;max-width:none}.figma-intro-cover-collage{position:absolute;top:196.95px;left:28px;width:319.415px;height:326.229px;overflow:hidden}.figma-intro-cover-collage img{position:absolute;top:-199.46px;left:0;width:319.415px;height:567.6px;max-width:none}.figma-intro-cover-action{position:absolute;top:535px;left:73px;display:flex;align-items:flex-start;justify-content:center;width:233px;height:71px;min-height:71px;padding:23px 0 0;border:0;color:#0a0a0a;overflow:visible;background:url(/art-world-match/intro/cover-button-paper.png) center / 100% 100% no-repeat;box-shadow:none;font-family:MiSans Art,PingFang SC,sans-serif;font-size:26px;font-weight:900;line-height:26px;text-align:center;animation:cover-action-scale-breathe 1.45s ease-in-out infinite;transform-origin:center;will-change:transform}.figma-intro-cover-button-ornament{position:absolute;top:606.5px;left:87px;width:216.867px;height:45px;pointer-events:none;background:url(/art-world-match/intro/cover-button-ornament.png) center / 100% 100% no-repeat}@keyframes cover-action-scale-breathe{0%,to{transform:scale(1)}38%{transform:scale(.965)}72%{transform:scale(1.055)}}.figma-intro-story-arc{position:absolute;top:396px;left:-174px;width:723px;height:393px;pointer-events:none}.figma-intro-story-bottom-panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.figma-intro-view--galleryStory .figma-intro-story-bottom-panel{animation:figma-intro-bottom-panel-rise .88s cubic-bezier(.22,1,.36,1) .1s both;will-change:opacity,transform}.figma-intro-gallery-art{position:absolute;top:49px;left:25px;width:318px;height:269px;object-fit:cover}.figma-intro-studio-hero{position:absolute;top:-10px;left:-43px;width:495px;height:496px;object-fit:cover}.figma-intro-story-caption{position:absolute;top:330px;left:63px;margin:0;color:#0a0a0a;font-family:MiSans Art,PingFang SC,sans-serif;font-size:20px;font-weight:600;line-height:34px;letter-spacing:-2px;white-space:nowrap}.figma-intro-story-caption--studio{left:92px}.figma-intro-story-headline-image{position:absolute;top:469px;left:33px;width:308px;height:149px;object-fit:fill;pointer-events:none}.figma-intro-story-headline-image--studio{top:449px;left:23px;width:338px;height:195px}@keyframes figma-intro-leave-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes figma-intro-bottom-panel-rise{0%{opacity:0;transform:translateY(210px)}to{opacity:1;transform:translateY(0)}}@keyframes figma-question-rise-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.figma-question-view{position:relative;width:100%;height:812px;min-height:100svh;overflow:hidden;padding:0;color:#0a0a0a;background:var(--figma-question-background, #01cda6)}.figma-question-view.question-page-transition-rise{animation:figma-question-rise-in .72s cubic-bezier(.22,1,.36,1) both}.figma-question-frame{position:relative;width:375px;height:812px;margin:0 auto;overflow:hidden}.figma-question-frame--image-background{--figma-question-h5-content-shift-y: -28px;--figma-question-background-image-height: 100%;background:var( --figma-question-background-image, linear-gradient(transparent, transparent) ) center top / 100% var(--figma-question-background-image-height) no-repeat,var(--figma-question-background, #01cda6)}.question-page-art-world--p2 .figma-question-frame--image-background,.question-page-art-world--p3 .figma-question-frame--image-background,.question-page-art-world--p4 .figma-question-frame--image-background,.question-page-art-world--p4_1 .figma-question-frame--image-background,.question-page-art-world--p5 .figma-question-frame--image-background{--figma-question-h5-content-shift-y: 0px;--figma-question-background-image-height: 700px}.figma-question-frame--image-background .figma-question-title-ornaments,.figma-question-frame--image-background .figma-question-rotating-icons,.figma-question-frame--image-background .figma-question-copy,.figma-question-frame--image-background .figma-option-list,.figma-question-frame--image-background .figma-question-footer{transform:translateY(var(--figma-question-h5-content-shift-y))}.figma-question-view:before{content:none}.figma-question-title-ornaments,.figma-question-rotating-icons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.figma-question-rotating-icon{position:absolute;display:block;transform-origin:center;animation:figma-question-slow-rotate var(--figma-question-rotating-icon-duration, 28s) linear infinite;will-change:transform}.figma-question-rotating-icon-image{display:block;width:100%;height:100%;transform:rotate(var(--figma-question-rotating-icon-rotate, 0deg))}.figma-question-title-corner{position:absolute;width:28px;height:20px;border-color:#fefdfc;border-style:solid}.figma-question-title-corner--left{border-width:5px 0 0 5px;border-radius:7px 0 0}.figma-question-title-corner--right{border-width:0 5px 5px 0;border-radius:0 0 7px}.figma-question-title-underline{position:absolute;height:18px;background:transparent;transform:rotate(-.5deg)}.figma-question-title-underline:before,.figma-question-title-underline:after{content:"";position:absolute;height:3px;background:#ffed25}.figma-question-title-underline:before{top:0;left:0;width:100%}.figma-question-title-underline:after{top:5px;left:43px;width:calc(100% - 43px)}.question-page-art-world--p2 .figma-question-title-corner--left{left:33px;top:27px;width:23px;height:19px}.question-page-art-world--p2 .figma-question-title-corner--right{left:293px;top:98px;width:20px;height:18px}.question-page-art-world--p2 .figma-question-title-underline{left:175px;top:99px;width:113px}.question-page-art-world--p4 .figma-question-title-corner--left{left:43px;top:26px;width:23px;height:19px}.question-page-art-world--p4 .figma-question-title-corner--right{left:325px;top:74px;width:20px;height:18px}.question-page-art-world--p4 .figma-question-title-underline{left:212px;top:72px;width:113px}.question-page-art-world--p3 .figma-question-title-corner--left{left:43px;top:29px;width:23px;height:19px}.question-page-art-world--p3 .figma-question-title-corner--right{left:345px;top:93px;width:20px;height:18px}.question-page-art-world--p3 .figma-question-title-underline{left:212px;top:74px;width:113px}.question-page-art-world--p4_1 .figma-question-title-underline{left:55px;top:104px;width:88px}.question-page-art-world--p4_1 .figma-question-title-corner--left{left:43px;top:25px;width:23px;height:19px}.question-page-art-world--p4_1 .figma-question-title-corner--right{left:177px;top:92px;width:20px;height:18px}.question-page-art-world--p5 .figma-question-title-underline{left:55px;top:98px;width:88px}.question-page-art-world--p5 .figma-question-title-corner--left{left:43px;top:19px;width:23px;height:19px}.question-page-art-world--p5 .figma-question-title-corner--right{left:177px;top:86px;width:20px;height:18px}.figma-question-copy{position:absolute;z-index:2;display:flex;flex-direction:column;gap:4px;margin:0}.figma-question-copy .question-title-art-world{max-width:none;color:#0a0a0a;font-family:MiSans Art,PingFang SC,sans-serif;font-size:26px;font-weight:900;line-height:34px;letter-spacing:-2.6px;white-space:pre-line}.question-page-art-world--p3 .figma-question-copy .question-title-art-world,.question-page-art-world--p4 .figma-question-copy .question-title-art-world{white-space:nowrap}.figma-question-copy .question-subtitle-art-world{color:var(--figma-question-subtitle-color, #008f74);font-family:MiSans Art,PingFang SC,sans-serif;font-size:16px;font-weight:600;line-height:18px;letter-spacing:-1.6px}.figma-option-list{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;margin:0}.figma-option-card{position:absolute;min-height:0;overflow:visible;padding:9px 12px 0;border:0!important;border-radius:0;color:#0a0a0a;background:transparent!important;box-shadow:none!important;opacity:1!important;text-align:center;transform:none!important}.figma-option-card:before{content:"";position:absolute;top:9px!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;background:url(/art-world-match/shared/option-paper-wide.png) center / 100% 100% no-repeat!important}.figma-option-card.selected:before{background:url(/art-world-match/shared/option-paper-wide.png) center / 100% 100% no-repeat!important}.figma-option-card--short:before{background:url(/art-world-match/shared/option-paper-short.png) center / 100% 100% no-repeat!important}.figma-option-card--short.selected:before{background:url(/art-world-match/shared/option-paper-short.png) center / 100% 100% no-repeat!important}.figma-option-card:active,.figma-option-card.selected{background:transparent!important;transform:none!important}.figma-option-card .question-option-art-world{position:relative;z-index:1;display:inline-flex;height:100%;align-items:center;justify-content:center;color:#0a0a0a;font-family:MiSans Art,PingFang SC,sans-serif;font-size:20px;font-weight:600;line-height:34px;letter-spacing:-2px;white-space:nowrap}.figma-option-badge{position:absolute;top:0;left:10px;z-index:2;display:grid;width:25px;height:26px;place-items:center;border-radius:4px;color:#fefdfc;background:#18a8ff;font-family:MiSans Art,PingFang SC,sans-serif;font-size:18px;font-weight:900;line-height:1}.figma-option-card.selected .figma-option-badge{color:#ffed25;font-size:31px;line-height:24px}.figma-question-illustration{position:absolute;z-index:1;object-fit:contain;pointer-events:none}.figma-question-decoration{position:absolute;z-index:1;pointer-events:none}.figma-question-decoration--yellowStar{background:#fff200;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%)}.figma-question-decoration--blueStar{background:#129fe3;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%)}.figma-question-decoration--creamStar,.figma-question-decoration--whiteSpark{background:#fefdfc;clip-path:polygon(50% 0,58% 38%,100% 28%,66% 53%,100% 76%,58% 66%,50% 100%,42% 66%,0 76%,34% 53%,0 28%,42% 38%)}.figma-question-decoration--pinkSpark{background:#ff55b9;clip-path:polygon(50% 0,58% 38%,100% 28%,66% 53%,100% 76%,58% 66%,50% 100%,42% 66%,0 76%,34% 53%,0 28%,42% 38%)}.figma-question-decoration--corner{border-top:5px solid #fefdfc;border-left:5px solid #fefdfc;border-radius:7px 0 0}.figma-question-footer{position:absolute;top:144px;right:28px;z-index:4;width:92px;height:42px;padding:0}.figma-question-footer .action-button{width:100%;min-height:42px;padding:0;border:0;color:#0a0a0a;background:url(/art-world-match/shared/option-paper-short.png) center / 100% 100% no-repeat!important;box-shadow:none;font-family:MiSans Art,PingFang SC,sans-serif;font-size:16px;font-weight:900;line-height:20px}.figma-question-footer .action-button:after{content:none}.figma-question-footer--dark{right:auto;width:auto;padding:0}.figma-question-footer--dark .action-button{display:inline-flex;width:auto;min-width:100%;height:100%;min-height:0;align-items:center;justify-content:center;gap:0;padding:6px 10px;border:0;border-radius:0;color:#fefdfc;background:#050505!important;box-shadow:none;font-size:16px;font-weight:600;line-height:18px;white-space:nowrap;transform:none}.figma-question-footer--dark .action-button:after{content:"";position:relative;inset:auto;flex:0 0 24px;width:24px;height:24px;pointer-events:none;background:url(/art-world-match/question-overlay/next-arrow.svg) center / 24px 24px no-repeat;transform:none;animation:none!important}.figma-question-footer--dark .action-button:hover:not(:disabled){box-shadow:none;transform:none}@keyframes figma-question-slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 720px){.art-intro-view,.art-question-view,.art-result-view{padding-inline:30px}.figma-intro-view,.figma-question-view{padding-inline:0}}@media (prefers-reduced-motion: reduce){.art-intro-view *,.art-intro-view *:before,.art-intro-view *:after,.art-question-view *,.art-question-view *:before,.art-question-view *:after,.art-feedback-view *,.art-feedback-view *:before,.art-feedback-view *:after,.art-result-view *,.art-result-view *:before,.art-result-view *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.particles-background[data-v-70a6af42]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particles-background[data-v-70a6af42] canvas{display:block;width:100%;height:100%}