.fox-shell{padding-bottom:64px;scroll-margin-top:92px}.fox-filter-defs{position:absolute;pointer-events:none;overflow:hidden}.fox-shell button,.fox-dialog button{font:inherit}.fox-shell h1:focus{outline:none}.fox-shell button:disabled{cursor:default;opacity:.45}.fox-subnav{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid var(--line);gap:22px}.fox-lockup{display:flex;gap:12px;align-items:center}.fox-lockup>span{font-size:33px;color:var(--accent)}.fox-lockup strong{font-size:17px;letter-spacing:.04em;font-weight:500}.fox-lockup small{display:block;font-size:8px;letter-spacing:.22em;color:var(--muted);margin-top:1px}.fox-subnav>div{display:flex;gap:26px;align-items:center;font-size:13px;color:var(--muted)}.fox-subnav>div a[aria-current]{color:var(--accent)}.fox-subnav button{background:transparent;border:0;padding:6px 0;color:inherit;cursor:pointer}.fox-subnav small{font-size:10px;color:var(--accent)}.fox-home-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:64px 0 65px}.fox-intro h1{font-size:clamp(40px,4.8vw,64px);letter-spacing:-.04em;line-height:1.35;margin:16px 0 23px}.fox-intro h1>span{color:var(--accent)}.fox-lead{font-size:17px;color:var(--muted);line-height:1.95}.fox-facts{display:flex;gap:25px;margin:25px 0 31px;font-size:12px;color:var(--muted)}.fox-facts b{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--ink);margin-right:3px}.fox-gender{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;max-width:435px;padding-top:19px;border-top:1px solid var(--line)}.fox-gender>span{font-weight:500}.fox-gender small{display:block;color:var(--muted);font-weight:400;font-size:10px}.fox-gender>div{display:flex;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:7px}.fox-gender button{background:none;border:0;padding:6px 20px;border-radius:4px;color:var(--muted);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.fox-gender button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #512b3e10}.fox-start{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:27px}.fox-start>.primary{padding-inline:30px;min-width:165px;justify-content:space-between}.fox-fine{color:var(--muted);font-size:11px;line-height:1.8;margin-top:20px}.fox-stage{position:relative;min-height:490px;isolation:isolate}.fox-orbit{position:absolute;width:360px;height:360px;border:1px solid var(--line);border-radius:50%;left:50%;top:42px;transform:translateX(-50%)}.fox-orbit:before{content:'';position:absolute;inset:24px;border:1px dashed var(--line);border-radius:50%}.fox-character{position:absolute;width:245px;border:1px solid #e7dce6;background:#f1eaf3;padding:15px 13px 0;border-radius:9px;box-shadow:0 14px 32px #512b3e14}.fox-character-back{left:0;top:6px;transform:rotate(-9deg)}.fox-character-front{right:0;top:78px;transform:rotate(7deg);background:#f8e8ee}.fox-character .fox-role{height:286px;width:100%;object-fit:contain}.fox-role{filter:url(#fox-key);object-fit:contain}.fox-fallback{filter:none!important;object-fit:contain!important;padding:12%}.fox-character figcaption{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 5px 13px;border-top:1px solid #ffffffb0;color:#614351}.fox-character figcaption strong{font:28px/1.1 var(--serif)}.fox-character figcaption span{font-size:10px}.fox-stage-note{position:absolute;bottom:0;right:7px;font:italic 14px var(--serif);color:var(--muted)}.fox-stage-star{position:absolute;right:9px;top:6px;font-size:49px;color:#c58c9e;transform:rotate(15deg)}.fox-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fox-discover,.fox-wechat{border-radius:8px;background:var(--soft);padding:34px 35px;position:relative;overflow:hidden}.fox-discover{border:1px solid var(--line);display:block}.fox-discover h2,.fox-wechat h2{font-size:28px;line-height:1.45;margin:12px 0}.fox-discover p,.fox-wechat p{font-size:13px;line-height:1.95;color:var(--muted)}.fox-discover .text-link{margin-top:20px;font-size:12px}.fox-discover-number{position:absolute;right:24px;bottom:0;font:150px/1 var(--serif);opacity:.065}.fox-wechat{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:var(--surface)}.fox-wechat .eyebrow{font-size:8px}.fox-wechat .text-link{font-size:11px;border:0;background:transparent;padding:0;margin-top:17px;color:var(--accent)}.fox-qr-thumb{background:#fff;border:1px solid #ece6e8;padding:9px 7px;flex:0 0 170px;max-width:170px;border-radius:9px;color:#60525d}.fox-qr-thumb img{width:100%;height:auto}.fox-qr-thumb>span{display:block;font-size:10px;margin-top:7px}.fox-footnote{display:flex;gap:15px;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:22px}.fox-view-heading{padding:44px 0 27px}.fox-view-heading h1{font-size:43px;margin:10px 0 15px;line-height:1.5}.fox-view-heading p{font-size:14px;color:var(--muted)}.fox-quiz{width:min(780px,100%);margin:38px auto 0}.fox-quiz-heading{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-bottom:42px}.fox-quiz-heading a{font-size:12px}.fox-progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:12px}.fox-progress-meta>span:last-child strong{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--accent)}.fox-progress{display:block;width:100%;height:4px;border:0;border-radius:10px;overflow:hidden;background:var(--line);appearance:none;color:var(--accent)}.fox-progress::-webkit-progress-bar{background:var(--line)}.fox-progress::-webkit-progress-value{background:var(--accent);transition:width .25s}.fox-progress::-moz-progress-bar{background:var(--accent)}.fox-question{margin-top:38px}.fox-question-note{font-size:12px;color:var(--muted)}.fox-question h1{font-size:35px;line-height:1.6;margin:11px 0 28px}.fox-answers{display:grid;gap:14px}.fox-answer{width:100%;display:flex;align-items:center;gap:20px;padding:22px 25px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;transition:background .2s,border-color .2s,transform .2s}.fox-answer>span{font:23px var(--serif);color:var(--accent);width:22px;flex-shrink:0}.fox-answer>strong{font-size:16px;font-weight:400;line-height:1.7}.fox-answer>i{font-style:normal;color:var(--accent);margin-left:auto}.fox-answer[aria-pressed=true]{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.fox-neutral{justify-self:center;margin-top:3px;border:0;background:transparent;color:var(--muted);padding:12px 20px;font-size:12px!important;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:6px}.fox-neutral[aria-pressed=true]{color:var(--accent);text-decoration-color:var(--accent)}.fox-quiz-controls{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.fox-quiz-controls>.text-link{border:0;background:transparent;color:var(--muted);font-size:13px}.fox-quiz>.fox-fine{text-align:center;margin-top:28px}.fox-gallery-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 32px}.fox-gallery-controls .fox-gender{min-width:280px;max-width:320px}.fox-gallery-controls .filter-buttons{flex-wrap:wrap;justify-content:flex-end}.fox-gallery-controls .filter-buttons button{font-size:12px}.fox-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.fox-gallery-card{display:block;min-width:0}.fox-gallery-picture{height:285px;background:var(--fox-tint,#f0e7ec);border-radius:8px;position:relative;overflow:hidden;padding:18px 12px 0}.fox-gallery-picture>img{width:100%;height:100%;transition:transform .35s}.fox-gallery-picture>span{position:absolute;top:12px;left:14px;writing-mode:vertical-rl;font:13px var(--serif);letter-spacing:.13em;opacity:.45;color:#45364b}.fox-family-NT{--fox-tint:#ece7f2}.fox-family-NF{--fox-tint:#f5e5ed}.fox-family-SJ{--fox-tint:#f4eadd}.fox-family-SP{--fox-tint:#e8eee4}.fox-gallery-caption{position:relative;padding:15px 0 0}.fox-gallery-caption>.eyebrow{font-size:8px;letter-spacing:.09em}.fox-gallery-caption h2{font-size:21px;margin:5px 0}.fox-gallery-caption p{font-size:10px;color:var(--muted)}.fox-gallery-caption>i{position:absolute;right:1px;top:18px;font-style:normal;color:var(--accent)}.fox-result{padding-top:27px}.fox-result-back{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.fox-result-back>a{font-size:12px}.fox-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:65px;align-items:center;margin-top:30px}.fox-result-portrait{background:var(--fox-tint);height:570px;border-radius:9px;position:relative;overflow:hidden;padding:20px 25px 65px}.fox-result-portrait>img{width:100%;height:100%;object-fit:contain}.fox-result-stamp{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;color:#6f5265}.fox-result-stamp>b{font:38px var(--serif)}.fox-result-stamp>span{font-size:8px;letter-spacing:.13em}.fox-result-copy h1{font-size:41px;margin:12px 0 9px;line-height:1.5}.fox-type-line{display:flex;gap:14px;align-items:center}.fox-type-line strong{font:35px var(--serif);color:var(--accent)}.fox-type-line>span{color:var(--muted);font-size:11px}.fox-result-intro{font-size:16px;line-height:1.9;margin:22px 0;color:var(--muted)}.fox-keywords{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.fox-keywords>span{background:var(--soft);padding:4px 12px;border-radius:3px;font-size:11px;color:var(--accent)}.fox-result-copy .fox-gender{max-width:none}.fox-insight{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.fox-insight p{font-size:14px;line-height:1.85;margin:7px 0}.fox-insight>small{display:block;font-size:10px;color:var(--accent);margin-top:17px}.fox-axis-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;margin-top:44px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.fox-axis-panel h2{font-size:28px;margin:9px 0}.fox-axis-panel p{font-size:12px;color:var(--muted);line-height:1.9;max-width:280px}.fox-axis-list{display:grid;gap:20px}.fox-axis>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}.fox-axis b{font-size:11px;font-weight:400;color:var(--accent);margin-inline:4px}.fox-axis-track{height:7px;border-radius:5px;background:var(--line);overflow:hidden}.fox-axis-track>i{display:block;height:100%;background:var(--accent);border-radius:5px}.fox-result-bottom{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;margin-top:25px}.fox-match,.fox-share{border:1px solid var(--line);border-radius:8px;padding:30px}.fox-share{background:var(--soft)}.fox-result-bottom h2{font-size:27px;margin:10px 0}.fox-result-bottom p{font-size:13px;color:var(--muted);line-height:1.8}.fox-match form{margin-top:24px}.fox-match label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.fox-match form>div{display:flex;gap:9px}.fox-match select{width:100%;min-width:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:10px;font:12px var(--sans);border-radius:5px}.fox-match form .button{padding:9px 13px;white-space:nowrap;font-size:12px;min-height:42px}.fox-match>small{display:block;font-size:10px;color:var(--muted);margin-top:15px;line-height:1.8}.fox-match-answer{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.fox-match-answer>div{display:flex;justify-content:space-between;align-items:center}.fox-match-answer strong{font:23px var(--serif)}.fox-match-answer b{font:38px var(--serif);color:var(--accent)}.fox-match-answer b>small{font:13px var(--sans)}.fox-match-answer h3{font:21px var(--serif);margin:4px 0 8px}.fox-match-answer>span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.fox-share-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.fox-share-actions .button{font-size:12px;padding-inline:14px;min-height:44px}.fox-share .text-link{border:0;background:none;padding:7px 0;color:var(--accent);font-size:12px}.fox-share-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}.fox-gallery-notice{margin-top:25px;padding:18px 22px;border:1px solid var(--line);border-radius:5px;font-size:13px;color:var(--muted)}.fox-history{display:grid;gap:17px;margin-top:10px}.fox-history-card{border:1px solid var(--line);border-radius:7px;position:relative;padding-right:65px;background:var(--surface)}.fox-history-card>a{display:flex;align-items:center;gap:28px;padding:14px}.fox-history-image{width:86px;height:108px;background:var(--fox-tint);border-radius:4px;flex-shrink:0;overflow:hidden;padding:5px}.fox-history-image>img{width:100%;height:100%}.fox-history-card h2{font-size:24px;margin:7px 0}.fox-history-card h2>span{font-size:18px;margin-left:12px}.fox-history-card p{font-size:12px;color:var(--muted)}.fox-history-card .eyebrow{font-size:9px}.fox-history-card>a>span{margin-left:auto;color:var(--accent)}.fox-history-card>button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:11px;color:var(--muted);padding:10px}.fox-empty{text-align:center;padding:75px 20px}.fox-empty>span{display:block;font-size:42px;color:var(--accent);margin-bottom:15px}.fox-empty h1,.fox-empty h2{font-size:33px}.fox-empty p{font-size:14px;color:var(--muted);margin:18px 0 25px}.fox-dialog{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:37px;max-width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 90px #24162638;text-align:center}.fox-dialog::backdrop{background:#21192188;backdrop-filter:blur(5px)}.fox-dialog-close{position:absolute;right:9px;top:8px;font-size:25px!important}.fox-dialog h2{font-size:26px;line-height:1.5;margin:14px 0 20px}.fox-dialog p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 20px}.fox-dialog .eyebrow{font-size:9px}.fox-qr-large{background:white;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.fox-card-dialog{max-width:min(440px,calc(100vw - 24px));padding:25px}.fox-card-dialog h2{font-size:23px}.fox-card-dialog #fox-card-preview{margin-bottom:20px;max-height:60dvh;overflow:auto}.fox-card-dialog img{width:100%;height:auto}.fox-notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:160;display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:14px 20px;border-radius:8px;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);font-size:12px;max-width:min(640px,calc(100vw - 36px));width:max-content}.fox-notice button{color:inherit;background:none;border:0;border-bottom:1px solid currentColor;white-space:nowrap}.fox-copy-text{width:100%;min-height:145px;background:var(--paper);color:var(--ink);font:13px/1.7 var(--sans);border:1px solid var(--line);padding:12px;border-radius:5px}.fox-dialog-actions{display:flex;gap:12px;justify-content:center}.fox-archive-clear{display:flex;justify-content:flex-end;margin-top:20px}.fox-archive-clear>button{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:no-preference){.fox-home-hero>.fox-intro,.fox-stage,.fox-question,.fox-result-grid,.fox-view-heading{animation:fox-arrive .55s cubic-bezier(.22,.65,.3,1) both}.fox-stage{animation-delay:.08s}.fox-answer:hover{border-color:var(--accent);transform:translateY(-1px)}.fox-gallery-card:hover .fox-role{transform:translateY(-5px) scale(1.015)}.fox-qr-thumb{transition:transform .25s,box-shadow .25s}.fox-qr-thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.fox-dialog[open]{animation:fox-dialog-in .22s ease both}}
@keyframes fox-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes fox-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.fox-character{width:208px}.fox-character .fox-role{height:252px}.fox-character-front{top:98px}.fox-stage{min-height:460px}.fox-character figcaption span{font-size:9px}.fox-bottom-grid{gap:18px}.fox-discover,.fox-wechat{padding:25px}.fox-qr-thumb{flex-basis:132px;max-width:132px}.fox-wechat h2{font-size:26px}.fox-gallery-picture{height:240px}.fox-gallery-controls{align-items:stretch;flex-direction:column}.fox-gallery-controls .filter-buttons{justify-content:flex-start}.fox-result-grid{gap:36px}.fox-result-copy h1{font-size:35px}.fox-result-portrait{height:525px}.fox-axis-panel{gap:30px}}
@media(max-width:800px){.fox-subnav>div{gap:18px}.fox-home-hero{grid-template-columns:1fr;gap:36px;padding:35px 0 38px}.fox-intro{max-width:560px}.fox-intro h1{font-size:48px}.fox-intro h1 br{display:none}.fox-stage{width:min(500px,100%);margin:auto;min-height:415px}.fox-character{width:215px}.fox-character-back{left:12px}.fox-character-front{right:12px;top:49px}.fox-orbit{width:300px;height:300px}.fox-stage-star{right:20px;top:-15px}.fox-bottom-grid{grid-template-columns:1fr}.fox-wechat{padding:27px 32px}.fox-qr-thumb{flex-basis:175px;max-width:175px}.fox-discover h2 br{display:none}.fox-footnote{flex-direction:column;gap:4px}.fox-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px}.fox-gallery-picture{height:255px}.fox-gallery-caption h2{font-size:20px}.fox-result-grid{gap:25px;grid-template-columns:1fr 1.2fr}.fox-result-portrait{height:485px;padding-inline:10px}.fox-result-copy h1{font-size:30px}.fox-type-line{flex-wrap:wrap;gap:5px 12px}.fox-result-intro{font-size:14px}.fox-insight p{font-size:12px}.fox-result-copy .fox-gender{flex-wrap:wrap}.fox-result-copy .fox-gender button{padding-inline:16px}.fox-axis-panel{grid-template-columns:1fr;gap:25px}.fox-axis-panel p{max-width:none}.fox-result-bottom{grid-template-columns:1fr}.fox-view-heading h1{font-size:35px}.fox-quiz{margin-top:26px}.fox-question h1{font-size:30px}.fox-question{margin-top:30px}}
@media(max-width:600px){.fox-shell{padding-bottom:40px;scroll-margin-top:75px}.fox-subnav{gap:12px;padding:19px 0}.fox-lockup{gap:7px}.fox-lockup>span{font-size:26px}.fox-lockup strong{font-size:15px}.fox-lockup small{font-size:6px;letter-spacing:.14em}.fox-subnav>div{gap:12px;font-size:10px}.fox-subnav>div a{line-height:1.5;max-width:40px}.fox-subnav>div button{white-space:nowrap;font-size:10px}.fox-home-hero{padding-top:30px;gap:30px}.fox-intro h1{font-size:43px;margin:15px 0 18px}.fox-lead{font-size:15px;line-height:1.9}.fox-facts{margin:21px 0 25px;gap:20px;font-size:10px}.fox-facts b{font-size:23px}.fox-gender{font-size:11px;padding-top:16px}.fox-gender small{font-size:9px}.fox-gender button{padding:6px 19px;font-size:11px}.fox-start{gap:16px;margin-top:22px}.fox-start .button{font-size:12px;min-width:135px;min-height:45px;padding:10px 18px}.fox-start .text-link{font-size:11px}.fox-fine{font-size:10px;margin-top:17px}.fox-stage{min-height:350px;max-width:330px}.fox-character{width:168px;padding:9px 9px 0}.fox-character-back{left:8px;top:5px}.fox-character-front{right:5px;top:64px}.fox-character .fox-role{height:216px}.fox-character figcaption{padding:9px 2px;gap:6px}.fox-character figcaption strong{font-size:21px}.fox-character figcaption span{font-size:8px}.fox-orbit{width:230px;height:230px}.fox-stage-star{font-size:35px;right:4px;top:1px}.fox-stage-note{font-size:12px;bottom:-2px}.fox-discover,.fox-wechat{padding:24px}.fox-discover h2,.fox-wechat h2{font-size:25px}.fox-discover p,.fox-wechat p{font-size:12px}.fox-wechat{gap:15px}.fox-qr-thumb{flex-basis:132px;max-width:132px;padding:6px 4px}.fox-qr-thumb>span{font-size:8px}.fox-wechat .eyebrow{font-size:7px;letter-spacing:.1em}.fox-wechat .text-link{font-size:10px}.fox-footnote{font-size:9px}.fox-view-heading{padding:29px 0 24px}.fox-view-heading h1{font-size:31px;line-height:1.5;margin:9px 0 12px}.fox-view-heading p{font-size:12px}.fox-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.fox-gallery-picture{height:228px;padding:13px 4px 0}.fox-gallery-picture>span{font-size:11px;top:10px;left:8px}.fox-gallery-caption{padding-top:12px}.fox-gallery-caption h2{font-size:19px;line-height:1.5}.fox-gallery-caption p{font-size:9px;line-height:1.6}.fox-gallery-caption .eyebrow{font-size:7px}.fox-gallery-caption>i{top:12px;font-size:13px}.fox-gallery-controls{margin-bottom:26px;gap:20px}.fox-gallery-controls .fox-gender{min-width:0;width:100%;max-width:none}.fox-gallery-controls .filter-buttons{gap:3px}.fox-gallery-controls .filter-buttons button{font-size:10px;padding:7px 8px;min-height:36px}.fox-question h1{font-size:29px;line-height:1.65;margin-top:13px;margin-bottom:25px}.fox-question-note{font-size:11px}.fox-quiz-heading{font-size:10px;margin-bottom:30px}.fox-quiz-heading a{font-size:11px}.fox-answers{gap:12px}.fox-answer{padding:17px 15px;gap:13px}.fox-answer>strong{font-size:14px;line-height:1.8}.fox-answer>span{font-size:22px;width:18px}.fox-neutral{font-size:11px!important;padding-inline:0}.fox-quiz-controls{margin-top:20px;padding-top:20px}.fox-quiz-controls .button{font-size:12px;min-height:44px;padding-inline:19px}.fox-result-grid{display:flex;flex-direction:column;gap:26px;margin-top:24px}.fox-result-portrait{width:100%;max-width:370px;height:390px;padding:17px 14px 48px}.fox-result-stamp{bottom:13px;left:19px;right:19px}.fox-result-stamp>b{font-size:31px}.fox-result-copy{width:100%}.fox-result-copy h1{font-size:34px}.fox-result-intro{font-size:15px;margin-block:18px}.fox-keywords{margin-bottom:22px}.fox-result-copy .fox-gender{flex-wrap:nowrap}.fox-insight p{font-size:14px}.fox-type-line>span{font-size:10px}.fox-axis-panel{margin-top:27px;padding:24px 20px}.fox-axis-panel h2{font-size:25px}.fox-axis>div:first-child{font-size:11px}.fox-axis b{font-size:10px;margin-inline:2px}.fox-match,.fox-share{padding:24px 20px}.fox-result-bottom h2{font-size:25px}.fox-match form>div{gap:8px}.fox-match select{font-size:12px;padding:11px 8px}.fox-match form .button{padding-inline:9px;font-size:11px}.fox-match-answer strong{font-size:21px}.fox-match-answer b{font-size:31px}.fox-match>small{font-size:9px}.fox-share-links{gap:20px}.fox-result-back{font-size:10px}.fox-result-back>a{font-size:11px}.fox-history-card{padding-right:45px}.fox-history-card>a{gap:15px;padding:10px}.fox-history-image{width:57px;height:90px}.fox-history-card h2{font-size:21px;margin:6px 0}.fox-history-card h2>span{display:block;font-size:16px;margin-left:0}.fox-history-card p{font-size:9px}.fox-history-card .eyebrow{font-size:8px;letter-spacing:0}.fox-history-card>button{right:5px;font-size:10px;padding:8px}.fox-history-card>a>span{display:none}.fox-empty{padding:45px 8px}.fox-empty h1,.fox-empty h2{font-size:27px;line-height:1.6}.fox-empty p{font-size:12px}.fox-dialog{padding:30px 23px}.fox-dialog h2{font-size:24px}.fox-card-dialog{padding:23px 17px}.fox-card-dialog h2{font-size:22px}.fox-notice{font-size:11px;padding:12px 16px;gap:12px;bottom:17px}}
@media(max-width:360px){.fox-subnav>div{gap:9px}.fox-stage{min-height:310px}.fox-character{width:146px}.fox-character .fox-role{height:180px}.fox-character-front{top:55px}.fox-intro h1{font-size:37px}.fox-start .text-link{font-size:10px}.fox-gallery-picture{height:199px}.fox-gallery-caption h2{font-size:17px}.fox-wechat{padding:19px 16px;gap:11px}.fox-qr-thumb{flex-basis:114px;max-width:114px}.fox-wechat h2{font-size:22px}.fox-facts{gap:16px}}
@media(max-width:360px){.fox-view-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.fox-shell *,.fox-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Answer preferences and the shared 3D orbit. */
.fox-quiz-preferences{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.fox-auto-option{display:inline-flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;white-space:nowrap;font-size:12px;color:var(--ink)}
.fox-auto-option input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
#fox-auto-note{font-size:10px;line-height:1.7;color:var(--muted);text-align:right}
.fox-quiz-preferences+.fox-question{margin-top:25px}
.fox-showcase{min-width:0;container-type:inline-size}
.fox-stage.fox-carousel{--orbit-radius:clamp(62px,25cqw,130px);--orbit-card-width:clamp(136px,43cqw,225px);perspective:950px;perspective-origin:50% 44%;min-height:490px;width:100%;max-width:none;touch-action:pan-y;cursor:grab}
.fox-carousel-camera,.fox-carousel-rotor,.fox-carousel-slot,.fox-carousel-face{position:absolute;width:0;height:0;transform-style:preserve-3d}
.fox-carousel-camera{left:50%;top:44%;transform:rotateX(-9deg)}
.fox-carousel-rotor{transform:rotateY(var(--carousel-turn,-90deg));transition:transform .95s cubic-bezier(.22,.72,.25,1)}
.fox-carousel-slot{transform:rotateY(var(--slot-angle)) translateZ(var(--orbit-radius))}
.fox-carousel-face{transform:rotateY(calc(0deg - var(--carousel-turn,-90deg) - var(--slot-angle)));transition:transform .95s cubic-bezier(.22,.72,.25,1)}
.fox-carousel .fox-character{width:var(--orbit-card-width);left:0;right:auto;top:0;margin:0;transform:translate(-50%,-50%) rotate(-3deg);animation:none;translate:none;scale:none;z-index:auto;padding:13px 11px 0;box-shadow:0 17px 35px #512b3e20;transition:border-color .35s,box-shadow .35s}
.fox-carousel .fox-character-front{transform:translate(-50%,-50%) rotate(3deg)}
.fox-carousel .fox-character .fox-role{height:calc(var(--orbit-card-width) * 1.18);pointer-events:none;user-select:none;-webkit-user-drag:none}
.fox-carousel .fox-character figcaption{padding:12px 3px 14px;gap:8px}
.fox-carousel .fox-character figcaption strong{font-size:27px}
.fox-carousel .fox-character figcaption span{font-size:9px}
.fox-card-pick{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:grab;touch-action:pan-y}
.fox-card-pick:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.fox-carousel[data-dragging],.fox-carousel[data-dragging] .fox-card-pick{cursor:grabbing}
.fox-carousel[data-dragging] .fox-carousel-rotor,.fox-carousel[data-dragging] .fox-carousel-face{transition:none}
.fox-card-selected{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:var(--accent);font:12px var(--sans);opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .3s ease;pointer-events:none}
.fox-carousel .fox-character[data-selected]{border-color:var(--accent);box-shadow:0 20px 45px #8636592b,0 0 0 2px #c888a325}
.fox-character[data-selected] .fox-card-selected{opacity:1;transform:scale(1)}
.fox-carousel-floor{position:absolute;left:8%;right:8%;bottom:67px;height:63px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(ellipse,#c888a315,transparent 67%);pointer-events:none}
.fox-carousel-floor:before{content:'';position:absolute;inset:10px 28px;border:1px dashed var(--line);border-radius:50%}
.fox-carousel-floor:after{content:'✳';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--accent);opacity:.45}
.fox-carousel-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:22px;cursor:default}
.fox-carousel-controls>button{display:grid;place-items:center;width:40px;height:40px;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:17px;transition:background .2s,transform .2s;cursor:pointer}
.fox-carousel-position{min-width:136px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:.08em}
.fox-card-detail{min-height:116px;margin-top:15px;padding-top:17px;border-top:1px solid var(--line)}
.fox-card-detail .eyebrow{font-size:9px;letter-spacing:.12em}
.fox-card-detail p{font-size:14px;line-height:1.8;margin:6px 0 5px;color:var(--ink)}
.fox-card-detail small{font-size:10px;color:var(--muted)}
.fox-card-detail .text-link{font-size:11px;color:var(--accent);gap:9px;padding:5px 0}
@keyframes fox-choice-pop{0%{scale:.6}65%{scale:1.2}100%{scale:1}}
@media(prefers-reduced-motion:no-preference){.fox-card-detail>div{animation:fox-arrive .28s ease both}.fox-answer[aria-pressed=true]>i{animation:fox-choice-pop .28s ease both}.fox-auto-pending .fox-answer[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent),0 7px 24px #a1396517}}
@media(hover:hover) and (pointer:fine){.fox-carousel-controls>button:hover{background:var(--soft)}.fox-carousel .fox-character:has(.fox-card-pick:hover){border-color:#bb829c}}
@media(max-width:1100px){.fox-stage.fox-carousel{min-height:435px}}
@media(max-width:800px){.fox-showcase{width:min(500px,100%);margin-inline:auto}.fox-stage.fox-carousel{min-height:430px}.fox-card-detail{min-height:110px}.fox-card-detail p{font-size:13px}}
@media(max-width:600px){.fox-stage.fox-carousel{min-height:340px;perspective:750px}.fox-carousel .fox-character{padding:9px 8px 0}.fox-carousel .fox-character figcaption{padding:10px 2px 11px}.fox-carousel .fox-character figcaption strong{font-size:22px}.fox-carousel .fox-character figcaption span{font-size:8px}.fox-card-selected{top:7px;right:7px;width:20px;height:20px;font-size:10px}.fox-carousel-floor{bottom:62px;height:44px}.fox-carousel-controls{gap:17px}.fox-card-detail{min-height:116px;padding-top:15px}.fox-quiz-preferences{align-items:flex-start;gap:10px;padding-bottom:7px}.fox-auto-option{font-size:11px;gap:7px}#fox-auto-note{max-width:165px;padding-top:10px;font-size:9px}.fox-quiz-preferences+.fox-question{margin-top:21px}}
@media(max-width:360px){.fox-stage.fox-carousel{min-height:310px}.fox-carousel .fox-character figcaption strong{font-size:20px}.fox-carousel .fox-character figcaption span{font-size:7px}.fox-carousel-position{font-size:9px;min-width:118px}}

/* Correct shared-orbit proportions; the face retains its centered translate. */
.fox-stage.fox-carousel{--orbit-radius:clamp(70px,25cqw,140px);--orbit-card-width:clamp(150px,45cqw,250px);min-height:610px}
.fox-carousel .fox-character .fox-role{height:calc(var(--orbit-card-width) * 1.45)}
.fox-carousel-camera{top:45%}
@media(max-width:1100px){.fox-stage.fox-carousel{min-height:560px}}
@media(max-width:800px){.fox-stage.fox-carousel{min-height:550px}}
@media(max-width:600px){.fox-stage.fox-carousel{min-height:440px;--orbit-card-width:clamp(134px,45cqw,178px)}}
@media(max-width:360px){.fox-stage.fox-carousel{min-height:405px}}