:root{--bg:#fbf6f0;--paper:#fffcf7;--ink:#3a3530;--muted:#857f76;--line:#3a3530;--tomato:#f08ca0;--tomato-dark:#c76a82;--mint:#cde3d5;--mint-deep:#9cc5a8;--yellow:#ffe9a8;--cream:#f4e3d0;--blue:#bfe0e8;--lavender:#dcceec;--shadow:5px 5px 0 var(--ink);--font-body:"Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Trebuchet MS", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font-body);letter-spacing:0;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body,button,input,textarea,select{letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.66}img{max-width:100%;display:block}h1,h2,p,blockquote,ol,ul{margin:0}h1,h2{font-family:var(--font-display);letter-spacing:0}ol,ul{padding:0}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.home-page,.test-page,.result-page{min-height:100svh}.home-shell,.test-shell,.result-shell{width:min(100%,1160px);margin:0 auto}.home-shell{flex-direction:column;min-height:calc(100svh - 56px);display:flex}.home-topbar,.test-topbar,.result-topbar{min-height:44px}.home-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar-mobile-note{display:none}.brand-lockup{min-height:44px;color:var(--ink);font-family:var(--font-display);align-items:center;gap:9px;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.brand-lockup.is-compact{gap:7px;min-height:36px;font-size:14px}.brand-mark{border:2px solid var(--ink);background:var(--tomato);width:31px;height:31px;color:var(--paper);border-radius:50%;place-items:center;display:grid;transform:rotate(-7deg)}.is-compact .brand-mark{width:25px;height:25px}.home-intro{flex:1;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);align-items:center;gap:64px;min-width:0;padding:56px 0 36px;display:grid}.home-mobile-intro{display:none}.home-copy{min-width:0;max-width:580px}.home-heading{min-width:0}.section-label{border:2px solid var(--ink);background:var(--yellow);border-radius:16px;align-items:center;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800;line-height:1.25;display:inline-flex}.home-copy h1{margin-top:18px;font-size:72px;line-height:.98}.home-lede{max-width:25ch;margin-top:17px;font-size:25px;font-weight:800;line-height:1.3}.home-description{max-width:46ch;color:var(--muted);margin-top:13px;font-size:15px}.button{border:2px solid var(--ink);min-height:48px;color:var(--ink);text-align:center;border-radius:22px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:15px;font-weight:800;line-height:1.25;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex;box-shadow:2px 2px #0000}.button:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.button-primary{background:var(--tomato)}.button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--tomato) 88%, var(--paper))}.button-secondary{background:var(--mint)}.button-wide{width:100%}.home-cta{min-width:184px;margin-top:25px}.home-facts{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:13px;font-weight:700;display:flex}.home-facts span,.result-footer p,.footer-test-link{align-items:center;gap:6px;display:inline-flex}.home-character-stage,.character-stage{aspect-ratio:1;border:2px solid var(--ink);background:var(--mint);width:min(100%,500px);box-shadow:var(--shadow);place-items:center;margin:0 auto;display:grid;position:relative}.home-character-stage:after,.character-stage:after{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);content:"";opacity:.38;height:7px;position:absolute;bottom:18px;left:16px;right:16px}.home-character,.character-image{z-index:1;object-fit:contain;width:88%;height:88%;position:relative}.stage-tape,.stage-caption,.character-stamp{z-index:2;border:2px solid var(--ink);border-radius:16px;font-weight:800;line-height:1.2;position:absolute}.stage-tape{background:var(--yellow);padding:5px 10px;font-size:12px;top:16px;right:-12px;transform:rotate(4deg)}.stage-caption{background:var(--paper);padding:4px 8px;font-size:12px;bottom:12px;left:14px}.home-bottom{border-top:2px solid var(--ink);color:var(--muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;padding-top:18px;font-size:13px;font-weight:700;display:grid}.home-bottom p:last-child{text-align:right}.home-rule{border-top:2px solid var(--tomato);border-bottom:2px solid var(--tomato);width:44px;height:8px;transform:rotate(-8deg)}.home-filing{color:var(--muted);text-align:center;justify-items:center;gap:4px;padding-top:18px;font-size:12px;font-weight:700;line-height:1.4;display:grid}.home-page-view{min-height:17px}.home-page-view strong{color:var(--tomato-dark)}.home-filing a:hover{color:var(--tomato-dark);text-decoration:underline}.beian-box{justify-content:center;align-items:center;gap:4px;display:flex}.icon-button{border:2px solid var(--ink);background:var(--paper);width:44px;min-width:44px;height:44px;color:var(--ink);border-radius:16px;place-items:center;padding:0;transition:transform .15s,background-color .15s;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--yellow);transform:translateY(-2px)}.test-page{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--mint)}.test-shell{min-height:calc(100svh - 48px);padding:0 0 18px}.test-topbar{border-bottom:2px solid var(--ink);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:16px;padding-bottom:16px;display:grid}.test-progress{gap:7px;min-width:0;display:grid}.progress-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.25;overflow:hidden}.progress-bars{grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;min-width:0;display:grid}.progress-segment{border:1px solid var(--ink);background:var(--paper);border-radius:6px;min-width:0;height:9px;display:block}.progress-segment.is-done{background:var(--blue)}.question-content{width:min(100%,900px);margin:0 auto;padding:58px 0 32px}.question-intro h1{overflow-wrap:anywhere;max-width:23ch;margin-top:15px;font-size:42px;line-height:1.18}.question-hint{color:var(--muted);margin-top:12px;font-size:15px}.options-grid{grid-template-columns:minmax(0,1fr);gap:13px;width:min(100%,720px);margin-top:32px;display:grid}.answer-option{border:2px solid var(--ink);background:var(--paper);min-width:0;min-height:100px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);text-align:left;border-radius:22px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:14px 16px;transition:transform .15s,background-color .15s,box-shadow .15s;display:grid}.answer-option:hover:not(:disabled){background:var(--yellow);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.answer-option.is-selected{background:var(--blue)}.option-index{border:2px solid var(--ink);background:var(--yellow);width:34px;height:34px;font-family:var(--font-display);border-radius:16px;place-items:center;font-size:14px;font-weight:800;line-height:1;display:grid}.option-text{overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:700;line-height:1.45}.option-check{justify-self:end}.feedback-line{min-height:28px;color:var(--muted);margin-top:15px;font-size:13px;font-weight:700}.question-submit-actions,.submit-error{width:min(100%,720px)}.question-submit-actions{padding-bottom:env(safe-area-inset-bottom)}.submit-error{border:2px solid var(--ink);background:var(--yellow);border-radius:22px;margin-top:20px;padding:15px 16px}.submit-error strong{font-size:15px;display:block}.submit-error p{margin-top:4px;font-size:14px}.submit-error .button{margin-top:12px}.dialog-backdrop{z-index:20;background:color-mix(in srgb, var(--ink) 42%, transparent);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:2px solid var(--ink);background:var(--yellow);width:min(100%,430px);box-shadow:7px 7px 0 var(--ink);border-radius:28px;padding:32px;position:relative}.dialog-close{position:absolute;top:12px;right:12px}.dialog-mark{color:var(--tomato-dark);font-family:var(--font-display);font-size:46px;font-weight:900;line-height:1;display:block}.confirm-dialog h2{margin-top:14px;font-size:30px;line-height:1.2}.confirm-dialog p{color:var(--ink);margin-top:10px;font-size:14px}.dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.status-state,.result-status-shell,.test-status-shell{width:min(100%,560px);margin:0 auto}.status-page{background:var(--mint);place-items:center;min-height:100svh;padding:24px;display:grid}.status-page-error{background:var(--bg)}.status-page-mark{border:2px solid var(--ink);background:var(--tomato);width:74px;height:74px;color:var(--paper);border-radius:50%;place-items:center;margin:20px auto 0;display:grid;transform:rotate(-8deg)}.test-status-shell,.result-status-shell{align-content:center;justify-items:center;gap:34px;min-height:calc(100svh - 48px);padding:24px 0;display:grid}.status-state{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);text-align:center;border-radius:28px;padding:32px}.status-kicker{border:2px solid var(--ink);background:var(--yellow);border-radius:16px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.status-state h1{font-family:var(--font-display);margin-top:16px;font-size:32px;line-height:1.2}.status-state p{color:var(--muted);margin-top:10px;font-size:14px}.status-state .button{margin-top:22px}.loading-mark{border:4px solid var(--cream);border-top-color:var(--tomato);border-right-color:var(--ink);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.result-shell{padding-bottom:24px}.result-topbar{border-bottom:2px solid var(--ink);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:16px;display:grid}.result-topbar .brand-lockup{justify-self:center}.topbar-text-link{min-height:44px;color:var(--tomato-dark);justify-content:flex-end;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.result-hero{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,.92fr) minmax(300px,.86fr);align-items:center;gap:64px;padding:56px 0 48px;display:grid}.result-hero-copy{min-width:0}.personality-id{color:var(--tomato-dark);font-family:var(--font-display);margin-top:24px;font-size:14px;font-weight:900}.result-hero h1{overflow-wrap:anywhere;margin-top:5px;font-size:62px;line-height:1.05}.personality-title{color:var(--muted);margin-top:11px;font-size:20px;font-weight:800}.result-hero blockquote{border-left:5px solid var(--tomato);max-width:35ch;color:var(--muted);margin-top:25px;padding-left:16px;font-size:16px;font-weight:700}.character-stage{background:var(--yellow);width:min(100%,470px)}.character-stage .character-image{width:90%;height:90%}.character-stamp{background:var(--tomato);width:58px;height:58px;font-family:var(--font-display);place-items:center;font-size:25px;display:grid;top:18px;right:-13px;transform:rotate(8deg)}.character-aura{z-index:0;pointer-events:none;position:absolute}.character-aura-one{inset:14%}.character-aura-two{inset:29%}.top-dimension-resilience .character-aura-one{border:4px dashed color-mix(in srgb, var(--tomato) 72%, transparent);box-shadow:0 0 0 9px color-mix(in srgb, var(--paper) 40%, transparent);border-radius:44%}.top-dimension-resilience .character-aura-two{border:3px solid var(--ink);background:color-mix(in srgb, var(--paper) 32%, transparent);border-radius:28% 28% 44% 44%;transform:rotate(45deg)}.top-dimension-energyManagement .character-aura-one{border:3px solid var(--ink);background:color-mix(in srgb, var(--paper) 50%, transparent);height:24%;box-shadow:30px 16px 0 -8px color-mix(in srgb, var(--paper) 64%, transparent);border-radius:50% 50% 42% 42%;inset:17% 11% auto}.top-dimension-energyManagement .character-aura-two{border:3px solid var(--ink);background:var(--mint);border-radius:999px;height:15%;inset:auto 20% 16%;transform:rotate(-8deg)}.top-dimension-humor .character-aura-one{border:4px solid var(--yellow);background:color-mix(in srgb, var(--yellow) 18%, transparent);clip-path:polygon(50% 0%,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0% 50%,39% 36%);inset:22%;transform:rotate(9deg)}.top-dimension-humor .character-aura-two{border:3px dotted var(--ink);border-radius:50%;inset:12%;transform:rotate(20deg)}.top-dimension-clarity .character-aura-one{border:4px solid var(--ink);background:color-mix(in srgb, var(--paper) 25%, transparent);inset:23%;transform:rotate(45deg)}.top-dimension-clarity .character-aura-two{border:2px dashed color-mix(in srgb, var(--blue) 86%, var(--ink));border-radius:50%;inset:11%}.top-dimension-warmth .character-aura-one{border:3px solid var(--lavender);background:color-mix(in srgb, var(--lavender) 16%, transparent);border-radius:46% 46% 54% 54%;inset:18%;transform:rotate(-12deg)}.top-dimension-warmth .character-aura-two{border:3px solid var(--ink);background:color-mix(in srgb, var(--paper) 42%, transparent);box-shadow:-38px -16px 0 -12px var(--lavender), 38px 17px 0 -12px var(--lavender);border-radius:50%;inset:31%}.result-scorecard{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(0,.82fr) minmax(290px,1.18fr);align-items:center;gap:24px;margin:0 0 2px;padding:26px 28px;display:grid}.scorecard-copy h2{margin-top:12px;font-size:32px;line-height:1.12}.scorecard-copy>p:last-child{color:var(--muted);margin-top:13px;font-size:14px;font-weight:700;line-height:1.6}.scorecard-copy strong{color:var(--tomato-dark)}.radar-chart{width:min(100%,440px);margin-inline:auto}.radar-svg{width:100%;height:auto;display:block;overflow:visible}.radar-grid polygon,.radar-grid line{fill:none;stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:2.5px}.radar-grid polygon:last-child{stroke:var(--ink);stroke-width:3px}.radar-area{fill:color-mix(in srgb, var(--tomato) 28%, transparent)}.radar-outline{fill:none;stroke:var(--tomato-dark);stroke-linejoin:round;stroke-width:6px}.radar-points circle{fill:var(--tomato);stroke:var(--ink);stroke-width:3px}.radar-labels text{fill:var(--ink);font-family:var(--font-body)}.radar-label-name{font-size:24px;font-weight:800}.radar-label-score{fill:var(--tomato-dark);font-family:var(--font-display);font-size:26px;font-weight:900}.radar-score-legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:-14px;display:grid}.radar-score-legend>div{border-top:2px solid var(--ink);text-align:center;min-width:0;padding:5px 3px}.radar-score-legend dt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.radar-score-legend dd{color:var(--tomato-dark);font-family:var(--font-display);margin:1px 0 0;font-size:15px;font-weight:900;line-height:1}.result-action-dock{border:2px solid var(--ink);background:var(--mint);border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 11px;margin-top:18px;padding:14px;display:grid}.result-action-dock>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;font-weight:700;line-height:1.45}.result-action-dock .share-message{min-height:18px;color:var(--tomato-dark)}.poster-workbench{border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);border-radius:28px;margin-top:24px;padding:24px}.poster-workbench-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.poster-workbench-heading h2{margin-top:10px;font-size:30px;line-height:1.15}.poster-status{border:2px solid var(--ink);background:var(--paper);min-height:34px;color:var(--muted);border-radius:16px;flex:none;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.poster-status.status-succeeded{background:var(--mint);color:var(--ink)}.poster-status.status-failed{background:color-mix(in srgb, var(--tomato) 16%, transparent);color:var(--tomato-dark)}.poster-segments{border:2px solid var(--ink);background:var(--paper);border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,410px);margin-top:22px;padding:4px;display:grid}.poster-segments button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:16px;padding:7px 10px;font-size:13px;font-weight:900}.poster-segments button.is-active{background:var(--ink);color:var(--paper)}.poster-description{max-width:58ch;color:var(--ink);margin-top:17px;font-size:14px;font-weight:700;line-height:1.55}.poster-buttons{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.poster-buttons .button{min-width:158px}.poster-preview-button{background:var(--paper)}.poster-save-note{color:var(--muted);margin-top:12px;font-size:11px;font-weight:700}.poster-spinner{animation:.8s linear infinite spin}.result-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.result-detail-grid article{border:2px solid var(--ink);background:var(--paper);border-radius:22px;min-width:0;min-height:142px;padding:16px}.result-detail-grid article:first-child{background:var(--cream)}.result-detail-grid article:nth-child(2){background:var(--mint)}.result-detail-grid article:nth-child(3){background:var(--yellow)}.result-detail-grid p{color:var(--muted);font-size:12px;font-weight:800}.result-detail-grid strong{overflow-wrap:anywhere;margin-top:10px;font-size:15px;line-height:1.55;display:block}.result-band{border-bottom:2px solid var(--ink);grid-template-columns:190px minmax(0,1fr);gap:36px;padding:38px 0;display:grid}.result-band-heading{align-items:flex-start;gap:12px;display:flex}.result-band-heading h2{font-size:29px;line-height:1.15}.heading-marker{border:2px solid var(--ink);background:var(--yellow);width:36px;height:32px;font-family:var(--font-display);border-radius:16px;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.result-summary>p{max-width:58ch;font-size:21px;font-weight:700;line-height:1.55}.dimension-list{gap:17px;max-width:680px;display:grid}.dimension-row{min-width:0}.dimension-label{justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;font-weight:800;display:flex}.dimension-label span{overflow-wrap:anywhere}.dimension-label strong{color:var(--tomato-dark);font-family:var(--font-display);flex:none;font-size:16px}.dimension-track{border:2px solid var(--ink);background:var(--paper);border-radius:12px;height:13px;margin-top:6px;overflow:hidden}.dimension-fill{background:var(--tomato);height:100%;display:block}.dimension-note{color:var(--muted);margin-top:18px;font-size:13px;font-weight:700}.highlight-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;display:grid}.highlight-list li{border-top:4px solid var(--mint-deep);align-items:flex-start;gap:9px;min-width:0;padding-top:12px;font-size:15px;font-weight:800;display:flex}.highlight-list svg{color:var(--tomato-dark);flex:none}.highlight-list span{overflow-wrap:anywhere}.result-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding-top:22px;font-size:12px;font-weight:700;display:flex}.footer-test-link{color:var(--tomato-dark)}@media (max-width:900px){.home-intro,.result-hero{gap:34px}.home-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.result-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.82fr)}.home-copy h1{font-size:60px}.result-hero h1{font-size:52px}}@media (max-width:720px){.home-page,.result-page{padding:16px}.test-page{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.home-shell{min-height:calc(100svh - 32px)}.home-topbar{align-items:center}.topbar-note{color:var(--ink);text-align:right;font-size:11px;line-height:1.25}.topbar-desktop-note{display:none}.topbar-mobile-note{display:inline}.home-intro,.home-bottom{display:none}.home-mobile-intro{--home-mobile-stage-height:clamp(250px, calc(100svh - 320px), 490px);grid-template-rows:var(--home-mobile-stage-height) minmax(0, 1fr);flex:1;min-height:0;display:grid;position:relative}.home-mobile-stage{border:2px solid var(--ink);background:var(--mint);height:100%;box-shadow:4px 4px 0 var(--ink);position:relative;overflow:hidden}.home-mobile-stage:before{border:1px dashed color-mix(in srgb, var(--ink) 34%, transparent);content:"";position:absolute;inset:12px}.home-mobile-heading{z-index:4;text-align:center;position:absolute;top:20px;left:16px;right:16px}.home-mobile-heading h1{font-size:51px;line-height:.9}.home-mobile-heading p{border:2px solid var(--ink);background:var(--yellow);width:fit-content;color:var(--ink);border-radius:12px;margin-top:10px;padding:4px 9px;font-size:14px;font-weight:900;line-height:1.2;display:inline-flex}.home-mobile-character{z-index:3;width:96%;height:min(360px, calc(var(--home-mobile-stage-height) - 72px));object-fit:contain;filter:drop-shadow(4px 5px 0 color-mix(in srgb, var(--ink) 18%, transparent));position:absolute;top:clamp(72px,12svh,94px);left:50%;transform:translate(-50%)}.home-mobile-stage-tape{z-index:5;border:2px solid var(--ink);background:var(--yellow);border-radius:12px;padding:4px 7px;font-size:8px;font-weight:900;line-height:1.2;position:absolute;top:clamp(84px,14svh,112px);right:14px;transform:rotate(5deg)}.home-mobile-cta{z-index:6;top:calc(var(--home-mobile-stage-height) - 24px);width:76%;min-height:54px;box-shadow:4px 4px 0 var(--ink);margin:0;font-size:15px;position:absolute;left:50%;transform:translate(-50%)}.home-mobile-cta:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-50%)}.home-mobile-cta:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(-50%)translateY(1px)}.home-mobile-copy{text-align:center;align-self:center;padding-top:48px;padding-left:20px;padding-right:20px;position:relative}.home-mobile-category{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:12px;padding:3px 7px;font-size:8px;font-weight:900;line-height:1.2;display:inline-flex}.home-mobile-lede{max-width:27ch;margin:9px auto 0;font-size:15px;font-weight:900;line-height:1.35}.home-mobile-description{max-width:38ch;color:var(--muted);margin:7px auto 0;font-size:9px;font-weight:700;line-height:1.55}.home-mobile-facts{border-top:2px solid var(--ink);color:var(--muted);justify-content:center;gap:12px;margin-top:13px;padding-top:11px;font-size:8px;font-weight:900;line-height:1.2;display:flex}.test-shell{min-height:calc(100svh - 32px)}.test-topbar,.result-topbar{gap:8px;padding-bottom:12px}.result-topbar .brand-lockup.is-compact{font-size:12px}.progress-label{font-size:11px}.progress-bars{gap:2px}.progress-segment{height:8px}.question-content{padding:28px 0 22px}.question-intro h1{max-width:none;margin-top:12px;font-size:28px;line-height:1.24}.question-hint{margin-top:9px;font-size:13px}.options-grid{gap:9px;margin-top:23px}.answer-option{min-height:92px;box-shadow:2px 2px 0 var(--ink);grid-template-columns:28px minmax(0,1fr) 20px;gap:8px;padding:12px 10px}.answer-option:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink)}.option-index{width:28px;height:28px;font-size:12px}.option-text{font-size:13px;line-height:1.4}.feedback-line{min-height:24px;margin-top:11px;font-size:12px}.confirm-dialog{padding:28px 20px 20px}.dialog-actions{grid-template-columns:1fr;gap:8px;margin-top:20px}.result-shell{padding-bottom:16px}.result-topbar{grid-template-columns:44px minmax(0,1fr) auto}.result-topbar .brand-lockup{justify-self:start}.topbar-text-link{font-size:12px}.result-hero{grid-template-columns:minmax(0,1fr) minmax(118px,.72fr);align-items:center;gap:12px;padding:20px 0 16px}.character-stage{width:100%;box-shadow:3px 3px 0 var(--ink)}.result-hero h1{margin-top:3px;font-size:36px}.personality-id{margin-top:10px;font-size:12px}.personality-title{margin-top:5px;font-size:14px;line-height:1.35}.result-hero blockquote{border-left-width:3px;margin-top:10px;padding-left:9px;font-size:12px;line-height:1.45}.character-stamp{width:48px;height:48px;font-size:21px;top:12px;right:-8px}.result-band{grid-template-columns:1fr;gap:14px;padding:28px 0}.result-band-heading{gap:9px}.result-band-heading h2{font-size:24px}.result-summary>p{font-size:18px;line-height:1.5}.dimension-list{gap:14px}.dimension-label{font-size:13px}.highlight-list{grid-template-columns:1fr;gap:13px}.highlight-list li{padding-top:10px;font-size:14px}.result-scorecard{box-shadow:3px 3px 0 var(--ink);grid-template-columns:minmax(0,.68fr) minmax(150px,1fr);gap:8px;margin-top:2px;padding:16px 12px 12px}.scorecard-copy h2{margin-top:8px;font-size:22px}.scorecard-copy>p:last-child{margin-top:6px;font-size:11px;line-height:1.45}.radar-chart{width:min(100%,205px);margin-inline:auto}.radar-label-name{font-size:14px}.radar-label-score{font-size:16px}.radar-score-legend{display:none}.result-action-dock{gap:8px;margin-top:14px;padding:10px}.result-action-dock .button{min-height:46px;padding-inline:8px;font-size:12px}.result-action-dock>p{font-size:11px}.poster-workbench{box-shadow:3px 3px 0 var(--ink);margin-top:18px;padding:16px 13px}.poster-workbench-heading{gap:10px;display:grid}.poster-workbench-heading h2{font-size:24px}.poster-status{width:fit-content}.poster-segments{width:100%;margin-top:16px}.poster-description{margin-top:13px;font-size:12px}.poster-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.poster-buttons .button{min-width:0;min-height:46px;padding-inline:8px;font-size:12px}.poster-preview-button{grid-column:1/-1}.result-detail-grid{grid-template-columns:1fr;gap:8px}.result-detail-grid article{min-height:auto;padding:13px}.result-detail-grid strong{margin-top:6px;font-size:14px}.result-footer{flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px}}@media (max-width:420px){.home-mobile-facts{gap:8px;font-size:7px}.answer-option{min-height:88px;padding-inline:8px}.option-text{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:hover:not(:disabled),.answer-option:hover:not(:disabled),.icon-button:hover:not(:disabled){box-shadow:initial;transform:none}}.friend-page{background:radial-gradient(circle at 96% 6%, color-mix(in srgb, var(--tomato) 14%, transparent), transparent 22rem), radial-gradient(circle at 4% 92%, color-mix(in srgb, var(--mint-deep) 18%, transparent), transparent 24rem), var(--cream);min-height:100svh;padding:24px}.friend-shell{width:min(100%,760px);margin:0 auto;padding-bottom:32px}.friend-status-shell{align-content:center;justify-items:center;gap:34px;min-height:calc(100svh - 48px);display:grid}.friend-topbar{border-bottom:2px solid var(--ink);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:16px;display:grid}.friend-topbar .brand-lockup{justify-self:center}.friend-topbar-stamp{border:2px solid var(--ink);background:var(--yellow);min-height:28px;color:var(--ink);font-family:var(--font-display);border-radius:12px;align-items:center;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex;transform:rotate(3deg)}.friend-target-card{border:2px solid var(--ink);background:var(--paper);min-height:96px;box-shadow:4px 4px 0 var(--ink);border-radius:28px;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:26px;padding:9px 15px 9px 9px;display:grid}.friend-target-card img{object-fit:contain;object-position:center;width:82px;height:76px}.friend-target-card p{color:var(--muted);font-size:11px;font-weight:800}.friend-target-card strong,.friend-target-card span{overflow-wrap:anywhere;display:block}.friend-target-card strong{font-family:var(--font-display);margin-top:4px;font-size:19px;line-height:1.1}.friend-target-card span{color:var(--tomato-dark);margin-top:4px;font-size:12px;font-weight:800}.friend-intro,.friend-question-content,.compliment-step,.friend-review,.friend-owner-notice,.friend-success{padding:42px 18px 24px}.friend-intro h1,.friend-question-content h1,.compliment-step h1,.friend-review h1,.friend-owner-notice h1,.friend-success h1{letter-spacing:-.04em;margin-top:12px;font-size:clamp(34px,7vw,54px);line-height:1.06}.friend-intro-copy,.compliment-step>p:not(.section-label),.friend-owner-notice>p:not(.section-label,.owner-share-message),.friend-success>p:not(.section-label){max-width:38ch;color:var(--muted);margin-top:15px;font-size:15px;font-weight:700;line-height:1.65}.friend-nickname-field{gap:8px;margin-top:30px;margin-bottom:14px;font-size:13px;font-weight:900;display:grid}.friend-nickname-field input{border:2px solid var(--ink);background:var(--paper);width:100%;min-height:58px;color:var(--ink);font:inherit;box-shadow:4px 4px 0 var(--ink);border-radius:22px;outline:none;padding:0 15px;font-size:16px;font-weight:700}.friend-nickname-field input:focus-visible{border-color:var(--tomato-dark);box-shadow:5px 5px 0 var(--tomato-dark)}.friend-inline-error{border:2px solid var(--ink);background:color-mix(in srgb, var(--tomato) 18%, transparent);color:var(--tomato-dark);border-radius:16px;margin:12px 0;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.5}.friend-progress{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.friend-progress>span{color:var(--tomato-dark);font-family:var(--font-display);flex:none;font-size:13px;font-weight:900}.friend-progress>div{grid-template-columns:repeat(3,minmax(26px,1fr));gap:5px;width:min(100%,190px);display:grid}.friend-progress i{border:2px solid var(--ink);background:var(--paper);border-radius:6px;height:9px;display:block}.friend-progress i.is-active{background:var(--tomato)}.friend-question-hint{color:var(--muted);margin-top:10px;font-size:14px;font-weight:700}.friend-options-grid{gap:10px;margin-top:26px;display:grid}.friend-option{border:2px solid var(--ink);background:var(--paper);min-height:76px;color:var(--ink);cursor:pointer;text-align:left;box-shadow:3px 3px 0 var(--ink);border-radius:22px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:11px 14px;transition:transform .13s,box-shadow .13s,background .13s;display:grid}.friend-option:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);background:var(--yellow);transform:translate(-2px,-2px)rotate(-.35deg)}.friend-option:focus-visible,.compliment-grid button:focus-visible,.text-action:focus-visible{outline:3px solid var(--tomato-dark);outline-offset:3px}.friend-option.is-selected{background:var(--mint);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)rotate(.2deg)}.friend-option>span{border:2px solid var(--ink);background:var(--yellow);width:32px;height:32px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.friend-option strong{overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.45}.friend-option svg{color:var(--tomato-dark)}.compliment-step{position:relative;overflow:hidden}.compliment-spark{border:2px solid var(--ink);background:var(--yellow);width:49px;height:49px;color:var(--tomato-dark);border-radius:50%;place-items:center;display:grid;position:absolute;top:30px;right:3%;transform:rotate(13deg)}.compliment-grid{gap:10px;margin-top:24px;display:grid}.compliment-grid button{border:2px solid var(--ink);background:var(--paper);min-height:64px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;box-shadow:3px 3px 0 var(--ink);border-radius:22px;align-items:center;gap:9px;padding:12px 14px;font-size:15px;font-weight:800;line-height:1.45;transition:transform .13s,box-shadow .13s,background .13s;display:flex}.compliment-grid button:hover{background:var(--yellow);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)rotate(.25deg)}.compliment-grid svg{color:var(--tomato-dark);flex:none}.compliment-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.text-action{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid;padding:8px 2px;font-size:13px;font-weight:800}.friend-review-card{border:2px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);border-radius:28px;gap:0;margin-top:25px;display:grid;overflow:hidden}.friend-review>.button{margin-top:24px}.friend-review-row{border-bottom:2px solid var(--ink);grid-template-columns:74px minmax(0,1fr) 38px;align-items:center;gap:9px;min-height:62px;padding:10px 12px;display:grid}.friend-review-row>span{color:var(--muted);font-size:12px;font-weight:900}.friend-review-row strong{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.4}.friend-review-row .icon-button{width:34px;height:34px;min-height:34px}.friend-review-answer>span{border:2px solid var(--ink);background:var(--yellow);width:31px;height:25px;color:var(--ink);font-family:var(--font-display);border-radius:12px;place-items:center;font-size:11px;display:grid}.friend-review-compliment{background:var(--mint);color:var(--ink);align-items:flex-start;gap:8px;padding:14px;font-size:13px;font-weight:800;line-height:1.5;display:flex}.friend-review-compliment svg{color:var(--tomato-dark);flex:none}.friend-privacy-note{color:var(--muted);text-align:center;margin-top:13px;font-size:12px;font-weight:700}.friend-owner-notice{text-align:center;max-width:575px;margin:0 auto}.friend-owner-notice h1{letter-spacing:0}.friend-owner-notice .friend-target-card{text-align:left}.friend-owner-notice>p:not(.section-label,.owner-share-message){margin-inline:auto}.friend-owner-mark{border:3px solid var(--ink);background:var(--mint);width:96px;height:96px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.owner-verification-actions{gap:10px;margin-top:28px;display:grid}.owner-share-message{min-height:20px;color:var(--muted);margin-top:12px;font-size:12px;font-weight:700}.friend-success{text-align:center;max-width:575px;margin:0 auto;padding-top:58px}.friend-success-stamp{border:4px dashed var(--ink);background:var(--tomato);width:112px;height:112px;color:var(--paper);border-radius:50%;place-items:center;margin:0 auto 22px;animation:.4s cubic-bezier(.16,1,.3,1) both friend-stamp-in;display:grid;transform:rotate(-12deg)}.friend-success>p:not(.section-label){margin-inline:auto}.success-actions{gap:10px;margin-top:28px;display:grid}.friend-verification-panel{border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:28px;margin-top:28px;padding:28px}.friend-verification-panel.is-locked{background:var(--yellow);grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:24px;display:grid}.friend-verification-panel.is-unlocked{background:linear-gradient(120deg, color-mix(in srgb, var(--paper) 88%, transparent), color-mix(in srgb, var(--mint) 66%, transparent)), var(--paper)}.friend-verification-copy h2{margin-top:10px;font-size:30px;line-height:1.12}.friend-verification-copy>p:last-of-type{color:var(--muted);margin-top:10px;font-size:14px;font-weight:700;line-height:1.55}.friend-verification-copy .button{margin-top:18px}.friend-stamp-meter{grid-template-columns:repeat(3,1fr);gap:6px;display:grid;transform:rotate(4deg)}.friend-stamp-meter span{aspect-ratio:1;border:2px dashed var(--ink);background:color-mix(in srgb, var(--paper) 65%, transparent);color:var(--muted);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:18px;font-weight:900;display:grid}.friend-stamp-meter span.is-filled{background:var(--tomato);color:var(--paper);border-style:solid}.owner-nickname-list{border-top:2px solid color-mix(in srgb, var(--ink) 28%, transparent);color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;margin:0;padding-top:15px;font-size:13px;font-weight:700}.owner-nickname-list strong{color:var(--ink)}.dual-radar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.dual-radar-grid article{border:2px solid var(--ink);background:var(--paper);border-radius:22px;min-width:0;padding:14px 10px 10px}.dual-radar-grid article:nth-child(2){background:var(--mint)}.dual-radar-grid h3{margin:0 6px;font-size:14px}.dual-radar-grid .radar-chart{width:min(100%,280px)}.radar-chart-friends .radar-area{fill:color-mix(in srgb, var(--mint-deep) 28%, transparent)}.radar-chart-friends .radar-outline{stroke:var(--mint-deep)}.radar-chart-friends .radar-points circle{fill:var(--mint-deep)}@keyframes friend-stamp-in{0%{opacity:0;transform:scale(2.2)rotate(16deg)}to{opacity:1;transform:scale(1)rotate(-12deg)}}@media (max-width:720px){.friend-page{padding:16px}.friend-shell{padding-bottom:16px}.friend-topbar{gap:8px;padding-bottom:12px}.friend-topbar .brand-lockup.is-compact{justify-self:start;font-size:12px}.friend-topbar-stamp{padding-inline:5px;font-size:9px}.friend-intro,.friend-question-content,.compliment-step,.friend-review,.friend-owner-notice,.friend-success{padding-top:29px}.friend-target-card{min-height:80px;box-shadow:3px 3px 0 var(--ink);grid-template-columns:68px minmax(0,1fr);margin-bottom:21px;padding:6px 10px 6px 6px}.friend-target-card img{width:66px;height:66px}.friend-target-card strong{font-size:16px}.friend-intro h1,.friend-question-content h1,.compliment-step h1,.friend-review h1,.friend-owner-notice h1,.friend-success h1{font-size:35px}.friend-intro-copy,.compliment-step>p:not(.section-label),.friend-owner-notice>p:not(.section-label,.owner-share-message),.friend-success>p:not(.section-label){font-size:13px}.friend-options-grid{gap:8px;margin-top:21px}.friend-option{min-height:69px;box-shadow:2px 2px 0 var(--ink);grid-template-columns:30px minmax(0,1fr) 20px;gap:9px;padding:10px}.friend-option>span{width:28px;height:28px}.friend-option strong,.compliment-grid button{font-size:13px}.compliment-spark{width:38px;height:38px;top:22px}.compliment-grid button{min-height:58px;box-shadow:2px 2px 0 var(--ink);padding:10px}.compliment-actions{flex-direction:column;align-items:flex-start;gap:8px}.friend-review-row{grid-template-columns:30px minmax(0,1fr) 34px;padding:9px 22px 9px 9px}.friend-review-row strong{font-size:13px}.friend-verification-panel{box-shadow:3px 3px 0 var(--ink);margin-top:27px;padding:18px 14px}.friend-verification-panel.is-locked{grid-template-columns:minmax(0,1fr) 106px;gap:12px}.friend-verification-copy h2{font-size:24px}.friend-verification-copy>p:last-of-type{font-size:12px}.friend-stamp-meter{gap:4px}.friend-stamp-meter span{font-size:14px}.dual-radar-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}.dual-radar-grid article{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:4px;padding:8px;display:grid}.dual-radar-grid h3{margin:0;font-size:13px}.dual-radar-grid .radar-chart{width:min(100%,195px)}.dual-radar-grid .radar-score-legend{display:none}}.home-page{padding:20px 24px 16px}.home-shell{grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100svh - 36px);display:grid}.home-topbar{min-height:44px}.topbar-note{color:var(--ink);font-size:12px;font-weight:900}.home-hero-prompt{display:none}.home-hero{grid-template:"copy art""cta art"/minmax(0,.88fr) minmax(360px,1.12fr);align-content:center;align-items:center;gap:22px 64px;min-width:0;padding:42px 0 24px;display:grid}.home-hero-copy{grid-area:copy;align-self:end;max-width:470px}.home-hero-kicker{border:2px solid var(--ink);background:var(--yellow);border-radius:16px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:900;line-height:1.25;display:inline-flex}.home-hero-copy h1{margin-top:16px;font-size:72px;line-height:.98}.home-hero-copy>p:last-child{max-width:14ch;margin-top:15px;font-size:25px;font-weight:900;line-height:1.28}.home-hero-art{aspect-ratio:1/.9;background:var(--mint);grid-area:art;justify-self:center;place-items:center;width:min(100%,510px);display:grid;position:relative;overflow:hidden}.home-hero-art:before,.home-hero-art:after{content:"";pointer-events:none;position:absolute}.home-hero-art:before{border:2px dashed color-mix(in srgb, var(--ink) 32%, transparent);inset:22px}.home-hero-art:after{border-top:2px solid color-mix(in srgb, var(--ink) 42%, transparent);border-bottom:2px solid color-mix(in srgb, var(--ink) 42%, transparent);height:8px;bottom:25px;left:28px;right:28px}.home-hero-character{z-index:1;object-fit:contain;width:92%;height:92%;filter:drop-shadow(5px 7px 0 color-mix(in srgb, var(--ink) 16%, transparent));position:relative}.home-hero-sticker{z-index:2;border:2px solid var(--ink);background:var(--yellow);border-radius:16px;padding:5px 9px;font-size:12px;font-weight:900;line-height:1.2;position:absolute;top:20px;right:18px;transform:rotate(4deg)}.home-hero-note{z-index:2;color:var(--ink);writing-mode:vertical-rl;font-size:12px;font-weight:950;display:none;position:absolute}.home-hero-note.is-top{top:22%;right:10px}.home-hero-note.is-bottom{bottom:16%;left:10px}.home-hero-cta{min-width:232px;min-height:58px;box-shadow:6px 6px 0 var(--ink);grid-area:cta;place-self:start;font-size:18px}.home-hero-cta:hover:not(:disabled){box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)}.home-filing{gap:2px;padding-top:12px;font-size:11px}.result-page{padding:20px 24px}.result-shell{width:min(100%,900px);padding-bottom:16px}.result-topbar{padding-bottom:14px}.result-hero{grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:40px;padding:44px 0 38px}.result-hero h1{margin-top:12px;font-size:60px}.personality-title{font-size:19px}.result-hero blockquote{margin-top:21px;font-size:15px}.character-stage{width:min(100%,510px);box-shadow:5px 5px 0 var(--ink);justify-self:center}.character-stamp{animation:.3s cubic-bezier(.16,1,.3,1) both stamp-in}.result-band{grid-template-columns:190px minmax(0,1fr);gap:24px 38px;padding:34px 0}.result-band-heading{grid-column:1;display:block}.result-band-heading h2{font-size:30px}.result-identity{grid-template-rows:auto auto}.result-summary-copy,.highlight-list,.dimension-intro,.result-dimensions .radar-chart,.result-dimensions .dimension-list{grid-column:2}.result-summary-copy{max-width:36ch;font-size:21px;font-weight:700;line-height:1.55}.highlight-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.highlight-list li{min-height:84px;padding-top:10px;font-size:14px}.result-share-panel{border-bottom:2px solid var(--ink);grid-template-columns:190px minmax(0,1fr);gap:18px 38px;padding:34px 0;display:grid}.result-share-panel>div:first-child{grid-column:1}.result-share-panel h2{margin-top:10px;font-size:30px;line-height:1.15}.share-segments,.share-actions,.share-message{grid-column:2}.share-segments{border:2px solid var(--ink);background:var(--paper);border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,380px);padding:4px;display:grid}.share-segments button{min-height:42px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;font-size:13px;font-weight:900}.share-segments button.is-active{background:var(--ink);color:var(--paper)}.share-actions{grid-template-columns:minmax(180px,1fr) minmax(132px,.72fr) 44px;gap:9px;display:grid}.share-actions .button{width:100%}.share-copy-button{box-shadow:none}.share-message{min-height:18px;color:var(--tomato-dark);margin:0;font-size:12px;font-weight:800;line-height:1.5}.result-dimensions .result-band-heading{grid-row:span 3}.dimension-intro{max-width:45ch;color:var(--muted);font-size:14px;font-weight:700}.result-dimensions .radar-chart{width:min(100%,390px);margin-inline:0}.result-dimensions .dimension-list{max-width:560px}.result-detail-section .result-detail-grid{grid-column:2}.friend-verification-panel{margin-bottom:0}.result-footer{padding-top:18px}@media (max-width:720px){.home-page,.result-page{padding:10px 12px 8px}.home-shell{grid-template-rows:36px minmax(0,1fr) auto;align-content:stretch;gap:4px;height:calc(100svh - 20px);min-height:calc(100svh - 20px)}.home-topbar{min-height:36px}.home-topbar .brand-lockup{gap:7px;min-height:36px;font-size:15px}.home-topbar .brand-mark{width:27px;height:27px}.topbar-note{font-size:11px}.home-hero{background:var(--mint);grid-template:"art"minmax(0,11fr)"copy"minmax(0,3fr)"cta"minmax(56px,1fr)/minmax(0,1fr);align-content:stretch;justify-items:center;gap:8px;min-height:0;padding:14px 12px 10px;overflow:hidden}.home-hero-copy{border:2px solid var(--ink);background:var(--paper);width:100%;max-width:none;min-height:0;box-shadow:4px 4px 0 var(--ink);text-align:left;align-content:start;align-self:stretch;justify-items:start;gap:5px;padding:13px 15px;display:grid}.home-hero-kicker{padding:3px 7px;font-size:11px}.home-hero-copy h1{letter-spacing:-.05em;margin-top:0;font-size:clamp(30px,9vw,40px);line-height:1}.home-hero-copy>p:last-child{max-width:none;margin-top:0;font-size:14px;font-weight:800;line-height:1.35}.home-hero-art{aspect-ratio:auto;border:2px solid var(--ink);background:var(--paper);align-self:stretch;width:100%;min-height:0}.home-hero-art:before{inset:8px}.home-hero-art:after{bottom:8px;left:12px;right:12px}.home-hero-character{object-fit:cover;width:100%;height:100%}.home-hero-note{display:block}@media (max-height:700px){.home-hero{gap:5px}.home-hero-copy{box-shadow:3px 3px 0 var(--ink);gap:2px;padding:7px 12px}.home-hero-copy h1{font-size:clamp(24px,7.5vw,30px)}.home-hero-copy>p:last-child{font-size:12px;line-height:1.25}.home-hero-kicker{padding:2px 6px;font-size:10px}}.home-hero-prompt{max-width:none;color:var(--muted);text-align:left;margin:0;font-size:13px;font-weight:750;line-height:1.5;display:block}.home-hero-sticker{padding:4px 7px;font-size:10px;top:12px;right:5px}.home-hero-cta{width:min(100%,290px);min-height:56px;box-shadow:5px 5px 0 var(--ink);place-self:stretch center;font-size:17px}.home-filing{gap:0;min-height:32px;padding-top:3px;font-size:11px;line-height:1.25}.result-page{padding:16px}.result-shell{padding-bottom:8px}.result-topbar{gap:8px;padding-bottom:12px}.result-topbar .brand-lockup.is-compact{font-size:12px}.result-topbar .brand-lockup{justify-self:start}.topbar-text-link{font-size:12px}.result-hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 0 28px}.result-hero-copy{text-align:center}.result-hero h1{margin-top:10px;font-size:42px}.personality-title{margin-top:6px;font-size:15px}.result-hero blockquote{text-align:left;border-left-width:3px;max-width:35ch;margin:13px auto 0;padding:0 0 0 10px;font-size:13px}.character-stage{width:min(100%,356px);box-shadow:4px 4px 0 var(--ink);order:-1}.character-stamp{width:50px;height:50px;font-size:22px;top:12px;right:8px}.result-band,.result-share-panel{grid-template-columns:minmax(0,1fr);gap:15px;padding:28px 0}.result-band-heading,.result-share-panel>div:first-child,.result-summary-copy,.highlight-list,.dimension-intro,.result-dimensions .radar-chart,.result-dimensions .dimension-list,.share-segments,.share-actions,.share-message,.result-detail-section .result-detail-grid{grid-column:1}.result-band-heading h2,.result-share-panel h2{font-size:26px}.result-summary-copy{font-size:18px;line-height:1.52}.highlight-list{grid-template-columns:1fr;gap:10px}.highlight-list li{min-height:0;padding-top:10px;font-size:14px}.share-segments{width:100%}.share-actions{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) 46px;gap:8px}.share-actions .button{min-height:48px;padding-inline:8px;font-size:12px}.share-message{font-size:11px}.result-dimensions .result-band-heading{grid-row:auto}.dimension-intro{font-size:13px}.result-dimensions .radar-chart{width:min(100%,292px);margin-inline:auto}.radar-label-name{font-size:18px}.radar-label-score{font-size:20px}.dimension-list{gap:13px}.dimension-label{font-size:13px}.result-detail-grid{grid-template-columns:1fr;gap:8px}.result-detail-grid article{min-height:auto;padding:13px}.friend-verification-panel{padding:20px 14px}.friend-verification-panel.is-locked{grid-template-columns:minmax(0,1fr) 102px}.result-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:340px){.home-hero-copy h1{font-size:26px}.home-hero-copy>p:last-child{font-size:12px}.share-actions .button{gap:5px;font-size:11px}}@media (prefers-reduced-motion:no-preference){.home-hero-character{animation:.28s cubic-bezier(.16,1,.3,1) both home-character-enter}.character-image{animation:.28s cubic-bezier(.16,1,.3,1) both result-character-enter}.result-hero-copy .section-label,.result-hero h1,.personality-title,.result-hero blockquote{animation:.36s cubic-bezier(.16,1,.3,1) both result-copy-enter}.result-hero h1{animation-delay:60ms}.personality-title{animation-delay:.14s}.result-hero blockquote{animation-delay:.22s}}@media (prefers-reduced-motion:reduce){.character-stamp{animation:none}}@keyframes home-character-enter{0%{opacity:0;transform:translateY(14px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes result-character-enter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes result-copy-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{0%{opacity:0;transform:rotate(14deg)scale(1.3)}to{opacity:1;transform:rotate(8deg)scale(1)}}