:root{--background:#f4f4ef;--foreground:#151515;--muted:#5f5f5f;--surface:#ffffffd1;--border:#1515151f}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#fffffff2,#0000 36%),linear-gradient(#f7f3eb 0%,#ece8df 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.site-shell{padding:32px 16px;display:block}.page-shell{width:min(100%,1080px);margin:0 auto}.topbar{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;border-radius:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 24px;display:flex;position:relative;box-shadow:0 18px 50px #1515150d}.topbar-left{align-items:center;gap:32px;display:flex}.brand-link{letter-spacing:.08em;text-transform:uppercase;font-size:18px;font-weight:700}.topnav{align-items:center;gap:28px;display:flex}.nav-link{color:var(--muted);font-size:16px;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:var(--foreground)}.language-dropdown{z-index:200;min-width:176px;display:inline-block;position:relative}.language-trigger{width:100%;min-height:48px;color:var(--foreground);cursor:pointer;background:#fff;border:1px solid #15151524;border-radius:0;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;box-shadow:0 6px 18px #0f172a0d}.language-trigger:hover,.language-dropdown.is-open .language-trigger{border-color:#4d6a5357;box-shadow:0 10px 22px #4d6a5314}.language-trigger:focus-visible{outline:none;box-shadow:0 0 0 4px #97b59c29,0 10px 22px #4d6a5314}.language-trigger-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--foreground);text-align:left;font-size:14px;font-weight:600;overflow:hidden}.language-trigger-icon{color:#4d6a53;width:18px;height:18px;transition:transform .2s}.language-dropdown.is-open .language-trigger-icon{transform:rotate(180deg)}.language-trigger-icon svg,.language-option-check svg{width:100%;height:100%;display:block}.language-menu{z-index:999;background:#fff;border:1px solid #15151524;border-radius:0;min-width:100%;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 36px #0f172a1f}.language-option{width:100%;color:var(--foreground);cursor:pointer;text-align:left;font:inherit;background:#fff;border:0;border-top:1px solid #15151514;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.language-option:first-child{border-top:0}.language-option:hover,.language-option.is-active{background:#f3f7f3}.language-option-name{font-size:14px;font-weight:500}.language-option-check{color:#4d6a53;width:16px;height:16px}.content-card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;overflow:hidden;box-shadow:0 18px 50px #15151514}.content-section{padding:36px 32px}.content-section+.content-section{border-top:1px solid var(--border)}.home-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px}.home-title{margin:0 0 16px;font-size:clamp(34px,5vw,56px);line-height:1.05}.home-text{color:var(--muted);margin:0;font-size:18px;line-height:1.7}.section-title{margin:0 0 14px;font-size:24px;line-height:1.2}.home-cta-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.home-stat-card{border:1px solid var(--border);background:#ffffffad;flex-direction:column;gap:6px;padding:18px;display:flex}.home-stat-card strong{font-size:28px;line-height:1}.home-stat-card span{color:var(--muted);line-height:1.6}.home-paragraph-stack{gap:14px;display:grid}.home-bullet-list{gap:12px;display:grid}.home-bullet-item{padding-left:20px;position:relative}.home-bullet-item:before{content:"";background:#4d6a53;width:8px;height:8px;position:absolute;top:12px;left:0}.home-model-grid{gap:14px;margin-top:20px;display:grid}.home-model-card{border:1px solid var(--border);background:#ffffffad;padding:18px}.home-model-code{letter-spacing:.12em;text-transform:uppercase;color:#4d6a53;margin:0 0 10px;font-size:12px;font-weight:700}.home-model-title{margin:0 0 8px;font-size:20px}.home-model-text{color:var(--muted);margin:0;line-height:1.7}.home-faq-list{gap:18px;margin-top:20px;display:grid}.home-faq-item{border-top:1px solid var(--border);padding-top:18px}.home-faq-item:first-child{border-top:0;padding-top:0}.home-faq-question{margin:0 0 10px;font-size:20px;line-height:1.3}.stats-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.stat-pill{border:1px solid var(--border);color:var(--muted);background:#ffffffb8;border-radius:0;align-items:center;padding:8px 12px;font-size:14px;display:inline-flex}.personality-page .content-section{padding:30px 28px}.personality-hub{flex-direction:column;gap:28px;display:flex}.personality-hero{text-align:center;padding:8px 6px 0}.personality-hero-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.hero-badge{border-radius:0;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero-badge.is-green{color:#047857;background:#10b98124}.hero-badge.is-blue{color:#1d4ed8;background:#3b82f624}.hero-badge.is-purple{color:#7e22ce;background:#9333ea24}.hero-badge.is-slate{color:#475569;background:#64748b24}.personality-hero-title{max-width:860px;margin-inline:auto}.personality-hero-text{max-width:720px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.75}.personality-section{padding:0}.section-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 14px;padding:0 6px;font-size:13px;font-weight:700;display:flex}.section-kicker-bar{border-radius:0;width:4px;height:18px}.section-kicker-bar.is-green{background:#10b981}.section-kicker-bar.is-amber{background:#f59e0b}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.type-card{border:1px solid var(--border);background:#ffffffd6;border-radius:0;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.type-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #15151514}.type-image-wrap{aspect-ratio:1;background:#f8fafc;position:relative}.type-image{object-fit:contain;width:100%;height:100%}.type-rarity{color:#fff;background:#111827e0;border-radius:0;padding:5px 9px;font-size:12px;position:absolute;top:12px;right:12px}.type-rarity.is-special{background:#b45309}.type-card-body{padding:12px 14px 14px}.type-card-heading{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.type-card-heading strong{font-size:18px}.type-card-heading span{color:var(--muted)}.type-card-intro{color:var(--foreground);margin:0 0 10px;font-size:13px;line-height:1.5}.type-card-meta{color:var(--muted);margin:0;font-size:12px}.personality-footer{color:var(--muted);border-top:1px solid #15151514;padding:10px 6px 0;font-size:12px;line-height:1.7}.personality-footer p{margin:0 0 8px}.footer-link{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.card-shell{border:1px solid var(--border);background:#ffffffe6;border-radius:0;box-shadow:0 18px 50px #1515150f}.start-test-page{display:grid}.start-hero{padding:34px 30px;position:relative;overflow:hidden}.start-hero:after{content:"";pointer-events:none;background:linear-gradient(#7fa5862e,#7fa58605);border-radius:50%;width:180px;height:180px;position:absolute;top:-56px;right:-56px}.intro-badge{border:1px solid var(--border);color:#4d6a53;background:#edf6ef;border-radius:0;align-items:center;margin-bottom:16px;padding:8px 12px;font-size:12px;display:inline-flex}.start-hero-title{max-width:760px}.start-hero-text{max-width:720px;color:var(--muted);margin:0;line-height:1.8}.intro-panels{grid-template-columns:1.3fr .9fr;gap:18px;margin-top:24px;display:grid}.intro-panel{border:1px solid var(--border);background:linear-gradient(#fbfefb,#f3f8f4);border-radius:0;padding:18px}.intro-panel h2{margin:0 0 10px;font-size:15px}.intro-panel ul{color:var(--muted);margin:0;padding-left:18px;font-size:14px;line-height:1.8}.start-actions{justify-content:center;margin-top:28px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;font:inherit;border:0;transition:transform .16s,box-shadow .16s,opacity .16s}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{color:#fff;background:#4d6a53;border-radius:0;padding:14px 20px;font-weight:700;box-shadow:0 12px 30px #4d6a532e}.btn-secondary{color:#4d6a53;border:1px solid var(--border);background:#fff;border-radius:0;padding:14px 20px;font-weight:700}.test-shell,.result-shell{padding:22px}.test-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.test-progress{background:#edf3ee;border-radius:0;flex:1;min-width:240px;height:10px;overflow:hidden}.test-progress>span{background:linear-gradient(90deg,#97b59c,#5b7a62);border-radius:0;height:100%;transition:width .22s;display:block}.test-progress-text{color:var(--muted);white-space:nowrap;font-size:13px}.question-list{gap:16px;display:grid}.question-card{border:1px solid var(--border);background:linear-gradient(#fff,#fbfdfb);border-radius:0;padding:18px}.question-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.question-badge{border:1px solid var(--border);background:#edf6ef;border-radius:0;align-items:center;padding:6px 10px;display:inline-flex}.question-title{white-space:pre-wrap;margin:0;font-size:16px;line-height:1.7}.question-options{gap:10px;margin-top:14px;display:grid}.question-option{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:0;align-items:flex-start;gap:12px;padding:14px;transition:border-color .18s,background .18s;display:flex}.question-option:hover,.question-option.is-selected{background:#f6faf6;border-color:#4d6a5361}.question-option input{display:none}.option-code{color:#4d6a53;background:#edf6ef;border-radius:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.test-actions{margin-top:20px}.test-hint{color:var(--muted);margin:0 0 14px;line-height:1.7}.test-actions-row,.result-actions-row{flex-wrap:wrap;gap:12px;display:flex}.result-top{grid-template-columns:320px minmax(0,1fr);gap:24px;display:grid}.result-poster{border:1px solid var(--border);background:linear-gradient(#fbfefb,#f3f8f4);border-radius:0;overflow:hidden}.result-poster-image{width:100%;height:auto;display:block}.result-caption{color:var(--muted);text-align:center;margin:0;padding:14px 16px 18px}.result-copy{min-width:0}.result-title{margin-bottom:12px}.result-badge{color:#4d6a53;background:#edf6ef;border-radius:0;margin-bottom:12px;padding:8px 12px;font-size:13px;display:inline-flex}.result-sub{color:var(--muted);margin:0 0 16px;line-height:1.7}.result-dims{margin-top:28px}.dim-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dim-card{border:1px solid var(--border);background:#ffffffc7;border-radius:0;padding:16px}.dim-card-top{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.dim-card-top span{color:var(--muted);white-space:nowrap}.dim-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.back-link{color:var(--muted);margin-bottom:18px;display:inline-flex}.detail-hero{grid-template-columns:320px minmax(0,1fr);gap:28px;display:grid}.detail-image-wrap{border:1px solid var(--border);background:#ffffffbd;border-radius:0;overflow:hidden}.detail-image{width:100%;height:auto;display:block}.detail-copy{min-width:0}.vector-list{gap:14px;display:grid}.vector-item{border:1px solid var(--border);background:#ffffff94;border-radius:0;align-items:flex-start;gap:14px;padding:16px;display:flex}.level-badge{border-radius:0;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.level-badge.is-high{color:#15803d;background:#22c55e24}.level-badge.is-mid{color:#a16207;background:#eab30829}.level-badge.is-low{color:#475569;background:#94a3b82e}.vector-copy{min-width:0}.vector-title{flex-wrap:wrap;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.vector-title span{color:var(--muted);font-weight:400}.vector-text{color:var(--muted);margin:0;line-height:1.65}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.topbar{border-radius:0;flex-direction:column;align-items:stretch;padding:16px}.topbar-left{flex-direction:column;align-items:flex-start;gap:18px}.topnav{gap:20px}.language-dropdown{width:100%;min-width:0}.content-card{border-radius:0}.content-section,.personality-page .content-section{padding:24px}.home-stat-grid,.detail-hero,.intro-panels,.result-top,.dim-grid{grid-template-columns:1fr}.test-shell,.result-shell,.start-hero{padding:18px}.home-text{font-size:16px}}@media (min-width:768px){.home-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}