body{background:#f2f5fa;color:#29384b;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:0.875rem;line-height:1.65}div,span,button{box-sizing:border-box}button{font-size:0.875rem;line-height:1.5;border-radius:0.8125rem;margin:0}button::after{border:0}button[disabled]{opacity:.45}.page{padding:1.125rem 1.125rem calc(1.625rem + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 100% 0,#e0edff 0,transparent 48%);min-height:100vh}.brand{font-size:0.875rem;letter-spacing:0.1875rem;font-weight:800;color:#386aa8}.eyebrow{font-size:0.71875rem;color:#687c97;letter-spacing:0.09375rem}.title{font-size:1.5rem;line-height:1.35;font-weight:750;white-space:pre-line;margin:0.75rem 0;color:#263c5a}.subtitle{color:#708198;font-size:0.8125rem}.card{background:#fff;border:0.03125rem solid #e3eaf3;border-radius:1rem;padding:0.9375rem;margin-top:0.8125rem;box-shadow:0 0.25rem 0.75rem rgba(45,76,120,.035)}.section{font-size:0.96875rem;font-weight:650;margin:0.3125rem 0 0.5625rem;color:#334d6e}.page .primary{width:100%;background:linear-gradient(115deg,#4d87d7,#3668ac);color:#fff;padding:0.84375rem 1rem;margin-top:0.8125rem;box-shadow:0 0.3125rem 0.6875rem rgba(62,110,177,.16)}.page .secondary{width:100%;background:#e5edf8;color:#406999;padding:0.75rem 0.9375rem;margin-top:0.5625rem}.link{background:transparent;color:#607b9f;padding:0.6875rem}.muted{font-size:0.75rem;color:#77869a}.disclaimer{font-size:0.6875rem;color:#8a94a3;margin-top:0.9375rem;line-height:1.7}.row{display:flex;justify-content:space-between;align-items:center;gap:0.5rem}.pill{display:inline-block;padding:0.1875rem 0.5625rem;border-radius:0.9375rem;background:#edf3fc;color:#5276a5;font-size:0.71875rem}.track{height:0.375rem;border-radius:0.625rem;background:#e3eaf4;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#8cb8eb,#4d80c5);border-radius:0.625rem;transition:width .24s ease}.empty{padding:1.40625rem 0;text-align:center;color:#77869a}.error{color:#a25a42;font-size:0.78125rem}.space{margin-top:0.75rem}.strong{font-weight:600}.wrap{word-break:break-all}.companion{display:flex;align-items:center;gap:0.5625rem;background:#e9f0fb;border:0.03125rem solid #dce7f7;border-radius:0.8125rem;padding:0.3125rem 0.6875rem 0.3125rem 0.375rem;margin-top:0.8125rem}.companion img{width:2.9375rem;height:3.3125rem;flex-shrink:0}.companion-copy{font-size:0.75rem;color:#5e7da4;line-height:1.6}.companion-title{font-size:0.8125rem;color:#385f93;font-weight:600}.sparkle{position:absolute;color:#91b2df;font-size:1.1875rem;line-height:1}.page-footer{text-align:center;font-size:0.65625rem;letter-spacing:0.125rem;color:#99a8ba;margin-top:1.0625rem}

.lab-label{font-size:0.625rem;letter-spacing:0.0625rem;color:#8b9bb1;border:0.03125rem solid #d6e1ef;border-radius:0.625rem;padding:0.125rem 0.5rem}.title{font-size:1.4375rem;margin:1rem 0 0.5625rem}.hero{height:12.5rem;position:relative;margin:0.6875rem 0 0.125rem;overflow:hidden;border:0.03125rem solid #dce8f9;border-radius:1.125rem;background:linear-gradient(135deg,#e5efff,#edf2f9 70%,#e3eaf5)}.hero-halo{position:absolute;right:1.25rem;top:1.625rem;width:8.125rem;height:8.125rem;background:#d4e3f8;border-radius:50%}.hero-orbit{position:absolute;width:13.75rem;height:7.5rem;right:-0.9375rem;top:2.4375rem;border:0.0625rem dashed #b7cce8;border-radius:50%;transform:rotate(-23deg)}.hero-mouse{position:absolute;right:0.375rem;top:0.8125rem;width:10.3125rem;height:9.6875rem}.welcome-note{position:absolute;left:0.875rem;top:1.1875rem;z-index:1;max-width:8.90625rem;background:rgba(255,255,255,.9);border-radius:0.75rem 0.75rem 0.125rem 0.75rem;padding:0.5625rem 0.6875rem;color:#7890ae;font-size:0.6875rem;box-shadow:0 0.25rem 0.5625rem rgba(75,110,159,.04)}.welcome-title{font-size:0.84375rem;font-weight:650;color:#456a9a;margin-bottom:0.15625rem}.star-one{left:1.375rem;top:5.5625rem;font-size:1.5rem}.star-two{right:0.9375rem;top:1.1875rem}.hero-caption{position:absolute;left:0.9375rem;bottom:2.9375rem;color:#6683a7;font-size:0.71875rem}.hero-chips{position:absolute;bottom:0.75rem;left:0.875rem;right:0.875rem;display:flex;gap:0.4375rem}.hero-chips text{flex:1;text-align:center;background:rgba(255,255,255,.78);border:0.03125rem solid #dce7f6;border-radius:0.625rem;color:#587ba8;font-size:0.6875rem;padding:0.21875rem}.button-arrow{margin-left:0.5rem}.section-dot{display:inline-block;width:0.3125rem;height:0.875rem;border-radius:0.1875rem;background:#86ace0;vertical-align:middle;margin-right:0.4375rem}.rule{display:flex;align-items:flex-start;gap:0.5rem;margin:0.5rem 0;font-size:0.8125rem}.rule-number{width:1.0625rem;height:1.0625rem;line-height:1.0625rem;text-align:center;background:#edf3fc;color:#668bbb;border-radius:0.375rem;flex-shrink:0;font-size:0.6875rem;margin-top:0.125rem}.dimension+.dimension{margin-top:0.6875rem;padding-top:0.6875rem;border-top:0.03125rem dashed #e2e9f3}

.question{font-size:1.125rem;font-weight:650;line-height:1.55;margin:0.75rem 0;color:#2d405d}.page .choice{width:100%;display:flex;align-items:flex-start;text-align:left;padding:0.8125rem;background:#fff;border:0.0625rem solid #dfe7f2;border-radius:0.875rem;margin-top:0.625rem;color:#35465e;gap:0.5625rem;white-space:normal;line-height:1.7;box-shadow:0 0.15625rem 0.4375rem rgba(45,76,120,.025)}.page .choice.selected{border-color:#6596d5;background:#e7f0ff;box-shadow:0 0.15625rem 0.5625rem rgba(65,111,175,.09)}.choice[disabled]{opacity:1;color:#35465e}.letter{width:1.375rem;height:1.375rem;line-height:1.375rem;border-radius:0.46875rem;background:#eff3f9;color:#6b83a3;font-size:0.71875rem;text-align:center;flex-shrink:0}.option-text{flex:1}.selected .letter{background:#4a7fbe;color:#fff}.companion{margin-top:0.6875rem}.companion img{width:2.5625rem;height:2.8125rem}.companion-copy{font-size:0.6875rem}.companion-title{font-size:0.75rem}

.portrait{margin-top:0.8125rem;min-height:6.25rem;border:0.3125rem solid #fff;border-radius:1.0625rem;overflow:hidden;background:#e4edf9;box-shadow:0 0.375rem 1rem rgba(59,89,130,.09)}.portrait img{display:block;width:100%}.placeholder{text-align:center;padding:1.75rem 0.75rem;color:#607b9e}.type-code{font-size:2.375rem;letter-spacing:0.25rem;font-weight:700;margin-bottom:0.5rem}.nickname{font-size:0.9375rem;color:#6c82a1}.metric{margin-top:0.875rem}.metric+.metric{border-top:0.03125rem dashed #e5ebf4;padding-top:0.75rem}.metric .track{margin:0.4375rem 0;background:#e4eaf3}.result-companion{position:relative;background:#e7effb;padding-right:1.25rem}.result-sparkle{position:absolute;right:0.6875rem;top:0.46875rem;color:#91b0d9;font-size:1.125rem}.title{font-size:1.4375rem}

.intro-card{border-color:#dce7f6}.intro-kicker{font-size:0.6875rem;letter-spacing:0.0625rem;color:#7b95b5}.intro-title{margin-top:0.25rem}.intro-img{display:block;width:100%;height:auto;border-radius:0.6875rem;margin:0.625rem 0 0.3125rem;background:#f2f6fc}.intro-caption{font-size:0.6875rem;color:#8996a8;text-align:center;line-height:1.6}.intro-part{margin-top:0.6875rem}.intro-label{font-size:0.78125rem;font-weight:600;color:#587ba6;margin-bottom:0.1875rem}.intro-text{font-size:0.84375rem;line-height:1.8;color:#35465e;white-space:pre-line;word-break:break-word}.intro-connection{padding:0.625rem 0.6875rem;border-radius:0.625rem;background:#eff4fc}

.intro-credit{font-size:0.625rem;line-height:1.6;color:#7b8ca5;margin-top:0.3125rem;text-align:center;word-break:break-word;padding:0.25rem 0}

*{box-sizing:border-box}html{font-size:16px}body{margin:0}button{font-family:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #3668ac;outline-offset:3px}button:disabled{cursor:default}img{max-width:100%;height:auto}.page{max-width:540px;margin:auto}.hero-mouse{object-fit:contain;height:9.6875rem}.hero-caption{bottom:1.5rem}.portrait img{display:block;width:100%}.page .link{display:block;width:100%}.utility{font-size:.75rem;padding:.25rem .5rem;width:auto!important}.intro-credit a{color:inherit}.intro-preview{display:block;border:0;padding:0;background:none;width:100%}.intro-preview .intro-image{margin:0}.intro-image-wrap{margin:1rem 0 .5rem}.intro-credit{font-size:.7rem}.lightbox{border:0;border-radius:16px;padding:12px;max-width:95vw;max-height:95vh;background:white}.lightbox::backdrop{background:#192b42bb}.lightbox img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}.lightbox .link{width:100%}.storage-note{padding:.6rem;color:#875b32;background:#fff7e8;border-radius:12px;font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:700px){.page{margin:20px auto;border:1px solid #e0e8f4;border-radius:24px;min-height:calc(100vh - 40px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


.save-error{margin-top:16px;padding:10px 14px;border-radius:12px;background:#fff4ea;color:#94613b;font-size:12px;line-height:1.6}.save-error[hidden]{display:none}