:root{color:#08213f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--blue:#1265ff;--blue-deep:#052d86;--cyan:#18c9e9;--ink:#071a37;--muted:#6b7c93;--paper:#fffffff0;--line:#18497e1f;background:#071a37;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;min-height:100%;margin:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}#app{isolation:isolate;position:relative}#app:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 82%,#fffffff2 0%,#caf0f8eb 22%,#caf0f800 44%),linear-gradient(#03045e 0%,#005fa8 24%,#00b4d8 52%,#caf0f8 100%);position:fixed;inset:0}button,input{font:inherit}button{border:0}.app-shell{z-index:1;background:0 0;width:100%;min-height:100dvh;position:relative}.screen{width:min(100vw,430px);min-height:100dvh;color:var(--ink);background:0 0;margin:0 auto;position:relative;overflow:hidden}.screen:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 64%);mask-image:linear-gradient(#000 0%,#0000 64%)}.small-label,.brand-pill,.scene-tag,.poster-kicker{letter-spacing:0;border-radius:999px;align-items:center;width:fit-content;font-size:12px;font-weight:800;display:inline-flex}.primary-button,.ghost-button{letter-spacing:0;border-radius:16px;min-height:50px;font-weight:900}.primary-button{color:#fff;background:linear-gradient(#063fbd 0%,#092b7b 100%);box-shadow:0 12px 24px #0523763d}.primary-button:disabled,.ghost-button:disabled{opacity:.45}.ghost-button{color:#093574;background:#ffffffbd;border:1px solid #ffffff80}.ghost-button.light{color:#fff;background:#ffffff29}.home-screen{--home-stage-width:clamp(320px, min(100vw, 86dvh), 700px);background:0 0;width:100vw;min-height:100dvh}.home-screen:before{display:none}.home-artboard{width:var(--home-stage-width);height:100dvh;min-height:640px;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.home-bg-gradient{background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.home-pattern-hd{object-fit:cover;opacity:.15;pointer-events:none;width:100%;height:clamp(360px,56dvh,600px);position:absolute;top:0;left:0}.home-logo-hd{z-index:3;width:15.3846%;max-width:116px;position:absolute;top:clamp(30px,4.6dvh,64px);left:50%;transform:translate(-50%)}.home-title-hd{z-index:3;pointer-events:none;width:93.5%;height:auto;position:absolute;top:clamp(94px,13.6dvh,172px);left:50%;transform:translate(-50%)}.home-character-hd{z-index:4;object-fit:contain;pointer-events:none;width:85.6%;height:auto;position:absolute;top:clamp(246px,31dvh,356px);left:calc(50% + clamp(48px,5vw,70px));transform:translate(-50%)rotate(-11deg)}.home-white-fade{z-index:4;pointer-events:none;background:linear-gradient(#fff0 0%,#fff 42% 100%);width:100vw;height:clamp(300px,44dvh,560px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.figma-start-button{z-index:5;top:auto;bottom:calc(env(safe-area-inset-bottom) + clamp(88px, 11.2dvh, 154px));color:#fff;background:#03045e;border-radius:999px;width:71.7949%;height:clamp(50px,max(7.2dvh,5vw),82px);margin:0;padding:0;font-size:clamp(16px,max(2.35dvh,1.8vw),27px);font-weight:700;line-height:1;position:absolute;left:14.1026%;box-shadow:0 16px 28px #03045e2e}.home-disclaimer{z-index:5;top:auto;bottom:calc(env(safe-area-inset-bottom) + clamp(54px, 6.3dvh, 96px));color:#03045e;text-align:center;width:100%;margin:0;font-size:clamp(11px,max(1.55dvh,1.15vw),18px);font-weight:700;line-height:1.28;position:absolute;left:0}.quiz-screen,.result-screen,.poster-screen,.transition-screen{padding:calc(env(safe-area-inset-top) + 22px) 18px calc(env(safe-area-inset-bottom) + 18px)}.transition-screen{--transition-frame-width:min(100vw, calc(100dvh * 390 / 740));background-image:linear-gradient(#fff0 50%,#fff 100%),linear-gradient(#03045e 0%,#0077b6 20%,#00b4d8 40%,#caf0f8 100%);width:100vw;min-height:100dvh;padding:0;overflow:hidden}.transition-screen:before{display:none}.transition-pattern{z-index:1;width:var(--transition-frame-width);height:var(--transition-frame-width);object-fit:cover;opacity:.5;mix-blend-mode:soft-light;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.transition-card-sequence{z-index:2;top:calc(var(--transition-frame-width) * 233 / 390);width:var(--transition-frame-width);pointer-events:none;height:auto;display:block;position:absolute;left:50%;transform:translate(-50%)}.transition-text{z-index:3;top:calc(var(--transition-frame-width) * 476 / 390);color:#fff;width:max-content;max-width:calc(100vw - 32px);font-size:clamp(22px, calc(var(--transition-frame-width) * 24 / 390), 40px);letter-spacing:0;text-align:center;text-shadow:0 3px 10px #004aa03d;margin:0;font-weight:900;line-height:1.28;position:absolute;left:50%;transform:translate(-50%)}.quiz-screen{--quiz-content-width:clamp(342px, min(calc(100vw - 48px), 78dvh), 620px);width:100vw;min-height:100dvh;padding:clamp(34px, 4.4dvh, 56px) max(24px, calc((100vw - var(--quiz-content-width)) / 2)) 34px;background:0 0}.quiz-screen:before{display:none}.quiz-header{z-index:2;width:var(--quiz-content-width);color:#fff;height:clamp(34px,4.5dvh,46px);display:block;position:relative}.quiz-header strong{color:#fff;letter-spacing:0;height:auto;font-size:clamp(13px,1.9dvh,20px);font-weight:600;line-height:1.28;display:block}.progress-track{width:var(--quiz-content-width);background:#ffffff4d;border-radius:999px;height:clamp(10px,1.4dvh,14px);padding:0;position:absolute;bottom:1px;left:0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#0077b6 0%,#00b4d8 50%,#caf0f8 100%);height:calc(100% - 2px);margin-top:1px;transition:width .24s;display:block}.question-card{z-index:2;width:var(--quiz-content-width);background:#fff;border:1px solid #e0ecf8;border-radius:24px;height:clamp(490px,67dvh,620px);min-height:0;margin-top:clamp(24px,3.1dvh,36px);padding:clamp(40px,5.2dvh,58px) clamp(22px,4.6%,34px) 0;position:relative;box-shadow:0 18px 42px #032f571f}.question-card h2{color:#071b33;letter-spacing:0;width:100%;min-height:0;margin:0;font-size:clamp(22px,max(2.6dvh,1.9vw),30px);font-weight:600;line-height:1.28}.question-card p{color:#7b8fa6;width:100%;height:auto;margin:clamp(10px,1.3dvh,16px) 0 clamp(25px,3.2dvh,34px);font-size:clamp(13px,max(1.55dvh,1.05vw),18px);font-weight:500;line-height:1.28}.option-list{gap:clamp(10px,1.7dvh,16px);width:100%;display:grid}.option-button{color:#4a5f77;text-align:left;background:#fff;border:1px solid #d9e8f8;border-radius:12px;grid-template-columns:clamp(28px,4.3dvh,42px) 1fr;align-items:center;column-gap:clamp(11px,1.7dvh,18px);width:100%;min-height:clamp(54px,7.4dvh,78px);padding:clamp(12px,1.8dvh,18px);transition:border-color .18s,background .18s,transform .18s;display:grid}.option-button b{color:#03045e;background:#fff;border:1px solid #d9e8f8;border-radius:10px;place-items:center;width:clamp(28px,4.3dvh,42px);height:clamp(28px,4.3dvh,42px);font-size:clamp(15px,max(1.78dvh,1.25vw),22px);font-weight:600;line-height:1;display:grid}.option-button span{color:#4a5f77;font-size:clamp(15px,max(1.78dvh,1.25vw),22px);font-weight:500;line-height:1.28;display:block}.option-button.selected{background:#caf0f84d;border-color:#caf0f8;transform:translateY(-1px)}.option-button.selected b{color:#fff;background:#00b4d8;border-color:#00b4d8}.quiz-actions{z-index:3;width:var(--quiz-content-width);grid-template-columns:minmax(112px,32.75%) 1fr;gap:clamp(18px,2.6dvh,28px);height:clamp(56px,7.8dvh,84px);margin-top:clamp(24px,3.2dvh,36px);display:grid;position:relative}.quiz-actions.single{display:block}.quiz-actions .primary-button,.quiz-prev-button{border-radius:16px;width:100%;height:clamp(56px,7.8dvh,84px);min-height:clamp(56px,7.8dvh,84px);font-size:clamp(16px,2.25dvh,24px);font-weight:600;line-height:1.28}.quiz-actions.single .primary-button{width:var(--quiz-content-width)}.quiz-prev-button{color:#071b33;background:#fff;border:1px solid #d7e8fc}.quiz-actions .primary-button{color:#fff;box-shadow:none;background:#03045e}.quiz-actions .primary-button:disabled{opacity:1}.result-screen{--result-content-width:clamp(342px, min(calc(100vw - 48px), 78dvh), 620px);--result-player-width:clamp(105px, calc(var(--result-content-width) * .34), 145px);isolation:isolate;width:100vw;height:auto;min-height:100dvh;padding:clamp(34px, 4.4dvh, 56px) max(24px, calc((100vw - var(--result-content-width)) / 2)) calc(env(safe-area-inset-bottom) + 174px);background:0 0;overflow:hidden auto}.result-screen:before{display:none}.result-pattern{z-index:1;width:max(100vw, var(--result-content-width));object-fit:cover;opacity:.28;pointer-events:none;height:clamp(390px,56dvh,620px);position:fixed;top:0;left:50%;transform:translate(-50%)}.result-scroll{z-index:2;width:var(--result-content-width);scrollbar-width:none;height:auto;min-height:0;max-height:none;padding:0;position:relative;top:auto;left:auto;overflow:visible}.result-scroll::-webkit-scrollbar{display:none}.result-hero{width:var(--result-content-width);color:#fff;flex-direction:column;align-items:center;height:auto;margin-bottom:10px;display:flex;position:relative}.result-kicker{width:var(--result-content-width);color:#fff;text-align:center;height:auto;margin:0;font-size:clamp(13px,1.9dvh,20px);font-weight:600;line-height:1.28}.result-identity-stage{width:var(--result-content-width);flex-direction:column;align-items:center;gap:0;height:auto;margin-top:clamp(10px,1.8dvh,18px);display:flex;position:relative;transform:none}.result-title-image{object-fit:contain;pointer-events:none;width:74.5%;height:auto;margin-bottom:0;display:block;position:relative;top:auto;left:auto}.result-player-image{width:min(calc(50vw * var(--result-character-scale,1)), calc(var(--result-content-width) * .68 * var(--result-character-scale,1)));object-fit:contain;pointer-events:none;height:auto;margin-top:-10px;display:block;position:relative;top:auto;left:auto}.result-player-image.is-wide{width:calc(var(--result-content-width) * var(--result-character-scale,1))}.result-player-image.is-compact{width:min(calc(29vw * var(--result-character-scale,1)), calc(var(--result-content-width) * .36 * var(--result-character-scale,1)))}.result-tagline-image{width:min(82%, var(--result-content-width));object-fit:contain;pointer-events:none;height:auto;margin:10px 0 0;display:block;position:relative;top:auto;bottom:auto;left:auto}.result-metrics,.result-card{width:var(--result-content-width);background:#fff;border:1px solid #d9e8f8;border-radius:24px}.result-metrics{grid-template-columns:1fr 1fr;height:clamp(103px,14.2dvh,150px);display:grid;position:relative}.metric-divider{background:#d9e8f8;width:1px;height:80%;position:absolute;top:10%;left:50%}.metric-cell{align-content:center;justify-items:center;gap:8px;display:grid}.metric-cell span{color:#31445a;font-size:clamp(13px,1.9dvh,20px);font-weight:600;line-height:1.28}.metric-cell strong{color:#00b4d8;font-size:clamp(30px,4.4dvh,46px);font-weight:900;line-height:1}.result-card{margin-top:clamp(16px,2.35dvh,26px);padding:clamp(22px,3.3dvh,34px)}.result-card h2{color:#31445a;width:100%;height:auto;margin:0 0 10px;font-size:clamp(24px,3.5dvh,36px);font-weight:600;line-height:1.28}.behavior-card{min-height:331px}.result-behavior-list{gap:clamp(10px,1.7dvh,16px);width:100%;margin:0;padding:0;list-style:none;display:grid}.result-behavior-list li{background:#fff;border:1px solid #d9e8f8;border-radius:12px;grid-template-columns:clamp(28px,4.3dvh,42px) 1fr;align-items:center;column-gap:12px;min-height:clamp(54px,7.4dvh,78px);padding:clamp(12px,1.8dvh,18px);display:grid}.result-behavior-list b{color:#fff;background:#00b4d8;border-radius:10px;place-items:center;width:clamp(28px,4.3dvh,42px);height:clamp(28px,4.3dvh,42px);font-size:clamp(13px,1.95dvh,20px);font-weight:600;display:grid}.result-behavior-list span{color:#4a5f77;font-size:clamp(13px,1.95dvh,20px);font-weight:500;line-height:1.28}.teammate-card{min-height:157px}.result-teammate-list{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.result-teammate-list span{background:#fff;border:1px solid #d9e8f8;border-radius:12px;align-content:center;place-items:center;height:72px;display:grid}.result-teammate-list small{color:#00b4d8;font-size:12px;font-weight:600;line-height:1.2}.result-teammate-list b{color:#00b4d8;font-size:20px;font-weight:700;line-height:1.25}.dimension-card{min-height:292px;margin-bottom:18px}.result-fixed-actions{z-index:8;width:100vw;height:calc(env(safe-area-inset-bottom) + clamp(120px, 18dvh, 170px));padding:clamp(24px, 4dvh, 36px) max(24px, calc((100vw - var(--result-content-width)) / 2)) calc(env(safe-area-inset-bottom) + clamp(40px, 7dvh, 66px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff3;border-top:1px solid #ffffffd9;grid-template-columns:minmax(112px,32.75%) 1fr;gap:clamp(18px,2.6dvh,28px);display:grid;position:fixed;bottom:0;left:0}.result-retry-button,.result-save-button{border-radius:16px;height:clamp(56px,7.8dvh,84px);font-size:clamp(14px,2.2dvh,22px);font-weight:600;line-height:1.28}.result-retry-button{color:#071b33;background:#fff;border:1px solid #d7e8fc}.result-save-button{color:#fff;background:#03045e}.radar-wrap{box-sizing:border-box;width:298px;height:251px;margin:0 auto;padding-top:22px;position:relative}.radar-wrap svg{width:207px;height:207px;margin:0 auto;display:block;overflow:visible}.radar-ring,.radar-axis{fill:none;stroke:#072a5321;stroke-width:1.2px}.radar-shape{fill:#1265ff29;stroke:#1265ff;stroke-width:3px;stroke-linejoin:round}.radar-dot{fill:#03cbe6;stroke:#fff;stroke-width:2px}.radar-label{color:#7b8fa6;text-align:center;width:64px;font-size:12px;font-weight:500;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.poster-screen{--poster-width:clamp(298px, min(calc(100vw - 92px), 71dvh), 420px);width:100vw;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 68px) 24px calc(env(safe-area-inset-bottom) + 72px);background:0 0;grid-template-rows:1fr auto;justify-items:center;display:grid;overflow:hidden}.poster-screen:before{display:none}.poster-back-button{z-index:5;top:calc(env(safe-area-inset-top) + 18px);color:#fff;background:#03045e6b;border-radius:999px;width:42px;height:42px;display:block;position:fixed;left:18px;box-shadow:0 12px 24px #03045e2e}.poster-back-button:before{content:"";border-bottom:3px solid #fff;border-left:3px solid #fff;width:11px;height:11px;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)rotate(45deg)}.poster-preview-wrap{z-index:2;width:var(--poster-width);aspect-ratio:1080/1920;border-radius:10px;align-self:center;position:relative;overflow:hidden;box-shadow:0 24px 60px #03246038}.poster-generated-image{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;pointer-events:auto;width:100%;height:100%;display:block}.poster-generating{color:#fff;background:#03045e3d;place-items:center;width:100%;height:100%;font-weight:800;display:grid}.poster-save-tip{z-index:2;color:#fff;background:#03045e;border-radius:999px;place-items:center;width:min(280px,100vw - 80px);height:50px;margin-top:24px;font-size:14px;font-weight:700;display:grid;position:relative;box-shadow:0 16px 28px #03045e2e}@media (height<=700px){.question-card{min-height:430px;margin-top:18px}.question-card h2{min-height:0;font-size:22px}.option-button{min-height:52px}.result-hero{min-height:300px}}