:root{--paper: #f5f2ea;--paper-2: #ece8dd;--paper-3: #e3ded1;--ink: #1a1a18;--ink-2: #6e6c64;--ink-3: #9a978c;--line: rgba(26, 26, 24, .14);--line-2: rgba(26, 26, 24, .34);--tone: #a88e6e;--serif: ui-serif, Georgia, "Times New Roman", "Songti SC", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--dur: .5s;--pad: 24px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{background:#c9c5ba;color:var(--ink);font-family:var(--sans);font-weight:400;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.phone{position:relative;width:100%;height:100vh;height:100dvh;max-width:560px;overflow:hidden;background:var(--paper);background-image:radial-gradient(120% 80% at 50% 0%,#ffffff8c,#fff0 60%)}@media (min-width: 561px){.phone{height:min(900px,94dvh)}body{padding:20px}}#app{position:relative;height:100%}button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--ink);color:var(--paper)}.meta{font-size:10px;line-height:1.4;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.num{font-family:var(--serif);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em}.rule{height:1px;background:var(--line);border:0}.cta{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:600;letter-spacing:.04em;transition:transform .18s var(--ease),opacity .2s ease}.cta:active{transform:scale(.985)}.cta .arrow{font-size:18px;transform:translateY(-.5px);transition:transform .25s var(--ease)}.cta:hover .arrow{transform:translate(4px)}.btn-ghost{min-height:44px;padding:0 16px;border:1px solid var(--line-2);font-size:13px;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .2s ease,background .2s ease}.btn-ghost:hover{border-color:var(--ink);background:#1a1a180a}.btn-ghost:active{transform:scale(.98)}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;border:1px solid transparent;transition:border-color .2s ease,background .2s ease}.icon-btn:hover{border-color:var(--line);background:#1a1a1808}.link{font-size:12px;color:var(--ink-2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2);padding:6px 0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.frame{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff80,#fff0)}.frame:before,.frame:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--ink);pointer-events:none}.frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.frame:after{right:-1px;bottom:-1px;border-left:0;border-top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,transform .42s var(--ease);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.screen.active{opacity:1;visibility:visible;pointer-events:auto}.screen:not(.active){transform:translateY(10px)}.screen-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + var(--sat)) var(--pad) 10px;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--paper) 72%,rgba(245,242,234,0));backdrop-filter:blur(6px)}.screen-top .title{font-size:14px;font-weight:700;letter-spacing:.06em}.screen-top .spacer{width:44px}.sec{padding:0 var(--pad);margin-bottom:30px}.sec-head{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--line)}.sec-no{font-family:var(--serif);font-size:11px;letter-spacing:.12em;color:var(--ink-3)}.sec-head h2{font-size:13px;font-weight:700;letter-spacing:.16em}.sec-head .sec-aside{margin-left:auto;font-size:11px;color:var(--ink-3);letter-spacing:.08em}.dock{position:sticky;bottom:0;margin-top:auto;padding:12px var(--pad) calc(12px + var(--sab));background:var(--paper);border-top:1px solid var(--line);display:flex;gap:10px;align-items:stretch;z-index:10}.dock .cta{flex:1}.sheet-backdrop{position:absolute;inset:0;background:#1a1a1852;opacity:0;transition:opacity .28s ease;z-index:20}.sheet-backdrop.open{opacity:1}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:88%;overflow-y:auto;background:var(--paper);border-top:1px solid var(--ink);transform:translateY(102%);transition:transform .42s var(--ease);z-index:21;padding:0 0 calc(22px + var(--sab))}.sheet.open{transform:translateY(0)}.sheet-head{position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px var(--pad) 14px;background:var(--paper);border-bottom:1px solid var(--line)}.sheet-body{padding:18px var(--pad) 0;display:grid;gap:18px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px var(--pad);text-align:center;color:var(--ink-2)}.empty-state .dog-wrap{width:120px;opacity:.7}#cover{padding:calc(16px + var(--sat)) var(--pad) calc(16px + var(--sab));display:flex;flex-direction:column;gap:14px}.cover-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.cover-title{display:grid;gap:8px}.wordmark{font-family:var(--serif);font-size:clamp(54px,17vw,76px);line-height:.86;font-weight:700;letter-spacing:-.045em;color:var(--ink)}.wordmark em{font-style:normal;color:var(--tone)}.cover-sub{font-size:clamp(19px,5.6vw,23px);font-weight:700;letter-spacing:.01em;line-height:1.4}.cover-lede{font-size:12px;color:var(--ink-2);letter-spacing:.06em}.cover-stage{flex:1 1 auto;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;margin:2px 0;background:radial-gradient(60% 58% at 50% 46%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 72%)}.carousel{position:relative;width:100%;overflow:hidden}.carousel:before,.carousel:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none;z-index:1}.carousel:before{left:0;background:linear-gradient(90deg,var(--paper),rgba(245,242,234,0))}.carousel:after{right:0;background:linear-gradient(270deg,var(--paper),rgba(245,242,234,0))}.carousel-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;padding:4px 0 6px;scrollbar-width:none;cursor:grab;touch-action:pan-y}.carousel-track.dragging{cursor:grabbing;scroll-snap-type:none}.carousel-track::-webkit-scrollbar{display:none}.dog-card{flex:0 0 100%;scroll-snap-align:center;display:grid;justify-items:center;gap:2px;padding:6px 4px 8px;border:1px solid transparent;background:transparent;transition:border-color .2s ease,background .2s ease}.dog-card:hover{border-color:var(--line);background:#ffffff73}.dog-card-art{width:clamp(120px,28vh,200px);height:clamp(120px,28vh,200px);display:flex;align-items:center;justify-content:center}.dog-card-name{font-size:15px;font-weight:700;letter-spacing:.02em}.dog-card-code{font-family:var(--serif);font-size:11px;letter-spacing:.18em;color:var(--ink-3)}.cover-stage .meta{letter-spacing:.22em}.gender-box{display:grid;gap:8px}.segmented{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-2);background:#ffffff59}.segmented .seg-thumb{position:absolute;top:-1px;bottom:-1px;left:-1px;width:calc(100% / 3);background:var(--ink);transition:transform .34s var(--ease);pointer-events:none}.segmented[data-index="0"] .seg-thumb{transform:translate(0)}.segmented[data-index="1"] .seg-thumb{transform:translate(100%)}.segmented[data-index="2"] .seg-thumb{transform:translate(200%)}.segmented button{position:relative;z-index:1;min-height:46px;font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--ink-2);transition:color .28s ease}.segmented button[aria-pressed=true]{color:var(--paper)}.cover-actions{display:grid;gap:10px}.cover-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)}@media (max-height: 760px){#cover{gap:12px}.wordmark{font-size:clamp(40px,12vw,54px)}.cover-sub{font-size:17px}.cover-lede{display:none}.dog-card-art{width:128px;height:128px}.cover-stage{gap:6px;padding:4px 0}.cover-foot{padding-top:8px}}@media (max-height: 640px){.dog-card-art{width:104px;height:104px}.segmented button{min-height:42px}.cta{min-height:50px}}.cover-count{font-size:11px;color:var(--ink-3);letter-spacing:.08em}.cover-count[hidden]{display:none}.cover-gallery{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.gallery-jump{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em}.gallery-jump span:last-child{transition:transform .25s var(--ease)}.gallery-jump:hover span:last-child{transform:translate(4px)}.car-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font-size:18px;line-height:1;transition:opacity .2s ease,border-color .2s ease}.car-nav:hover:not(:disabled){border-color:var(--ink)}.car-nav:disabled{opacity:.28;cursor:default}.nav-prev{left:6px}.nav-next{right:6px}.car-meta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 14px}.car-pos{font-size:11px;color:var(--ink-3);letter-spacing:.12em}#quiz{display:flex;flex-direction:column}.ticks{display:flex;gap:3px;padding:4px var(--pad) 0}.ticks i{flex:1;height:3px;background:var(--line-2);transition:background .3s ease,transform .3s var(--ease)}.ticks i.on{background:var(--ink)}.ticks i.cur{background:var(--ink);transform:scaleY(2);transform-origin:bottom}.quiz-body{flex:1;display:grid;align-content:center;justify-items:center;gap:14px;padding:16px var(--pad) 6px;text-align:center}.quiz-dog{width:128px;display:flex;justify-content:center;margin-bottom:2px}.q-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2);font-weight:600}.q-hint{font-size:11px;letter-spacing:.14em;color:var(--ink-3)}.q-title{font-size:clamp(23px,6.8vw,30px);font-weight:700;line-height:1.42;letter-spacing:.005em;text-wrap:balance;max-width:20em}.choice-list{display:grid;gap:10px;margin-top:auto;padding:18px var(--pad) calc(16px + var(--sab));border-top:1px solid var(--line);background:linear-gradient(180deg,#ffffff59,#fff0)}.choice-card{border:1px solid var(--line);background:#ffffff6b;padding:12px 12px 10px;display:grid;gap:10px;transition:border-color .2s ease,background .2s ease;animation:choice-rise .34s var(--ease) both}.choice-card:nth-child(2){animation-delay:.05s}.choice-card:nth-child(3){animation-delay:.1s}.choice-card.is-picked{border-color:var(--ink);background:#1a1a1809}.choice-text{font-size:15.5px;line-height:1.62;text-align:left}.choice-actions{display:flex;gap:8px}.choice-pill{flex:1;min-height:38px;border:1px solid var(--line-2);font-size:12.5px;letter-spacing:.08em;color:var(--ink-2);transition:border-color .18s ease,background .18s ease,color .18s ease}.choice-pill:hover{border-color:var(--ink);color:var(--ink)}.choice-pill.is-picked{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.choice-none-card{justify-items:center;align-content:center;gap:3px;min-height:72px;padding:12px;text-align:center}.choice-none-title{font-size:15px;font-weight:600;letter-spacing:.06em}.choice-none-sub{font-size:11px;letter-spacing:.08em;color:var(--ink-3)}.choice-none-card.is-picked .choice-none-sub{color:var(--ink-2)}@keyframes choice-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dog{display:block;width:100%;height:auto;overflow:visible}.dog--cover{width:100%}.dog--quiz{width:140px;height:140px}.dog--result{width:100%}.dog--gallery{width:100%;height:100%}.dog--thumb{width:40px;height:40px}.dog-img{object-fit:contain;aspect-ratio:1 / 1;user-select:none;-webkit-user-drag:none}.dog--anim .tail{transform-origin:24% 72%;animation:dog-wag var(--wag-dur, .8s) ease-in-out infinite alternate}.dog--anim .body{transform-origin:50% 80%;animation:dog-breathe 2.8s ease-in-out infinite}.dog--anim .eye-l,.dog--anim .eye-r{animation:dog-blink 5.4s steps(1) infinite;transform-box:fill-box;transform-origin:center}.dog--anim.dog-img{animation:dog-float 4.2s ease-in-out infinite}@keyframes dog-wag{0%{transform:rotate(calc(var(--wag-amp, 12deg) * -1))}to{transform:rotate(var(--wag-amp, 12deg))}}@keyframes dog-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(calc(1 + var(--breath, .015)))}}@keyframes dog-blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.12)}}@keyframes dog-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#result{display:flex;flex-direction:column;padding-bottom:0}.res-hero{position:relative;padding:0 var(--pad) 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 26%,transparent),transparent 78%),linear-gradient(180deg,rgba(255,255,255,.45),transparent 40%)}.res-hero-top{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + var(--sat)) 0 14px;border-bottom:1px solid var(--line);margin-bottom:18px}.res-hero-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.res-copy{display:grid;gap:7px;min-width:0}.res-copy .meta{color:color-mix(in srgb,var(--ink) 55%,transparent)}.res-name{font-size:clamp(34px,10.4vw,46px);font-weight:800;line-height:1.12;letter-spacing:-.02em}.res-code{font-family:var(--serif);font-size:13px;letter-spacing:.34em;color:var(--ink-2)}.res-title{font-size:14px;line-height:1.65;color:var(--ink-2);max-width:22ch}.res-stage{width:clamp(96px,26vw,118px)}.res-stage{width:clamp(116px,33vw,150px);display:flex;justify-content:flex-end}.shadow-strip{display:flex;align-items:center;gap:12px;margin:0 var(--pad);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}.shadow-strip .mini{width:40px;flex:0 0 auto}.shadow-strip b{color:var(--ink);font-weight:600}.res-sections{padding-top:24px}.res-desc{font-size:15.5px;line-height:1.92;color:var(--ink);letter-spacing:.01em}.res-flourish{margin-top:14px;padding-left:12px;border-left:1px solid var(--line-2);font-size:13.5px;line-height:1.8;color:var(--ink-2)}.axis{display:grid;gap:9px;margin-bottom:18px}.axis:last-child{margin-bottom:0}.axis-head{display:flex;align-items:baseline;gap:8px;font-size:12px;letter-spacing:.14em;color:var(--ink-3)}.axis-head b{color:var(--ink);font-weight:700;font-size:13px}.axis-head .v{margin-left:auto;margin-right:auto;font-family:var(--serif);font-size:11px;letter-spacing:.08em;color:var(--ink-2)}.axis-track{position:relative;height:2px;background:var(--line-2)}.axis-track .mid{position:absolute;left:50%;top:-4px;width:1px;height:10px;background:var(--ink-3)}.axis-track i{position:absolute;top:0;height:100%;width:0;background:var(--ink);transition:width .9s var(--ease)}.axis.balanced .axis-track i{background:var(--ink-3)}.flip-weak{font-size:14.5px;line-height:1.85;color:var(--ink-2)}.flip-up{margin-top:14px;padding:12px 14px;border:1px solid var(--line);background:#ffffff73;display:grid;gap:5px}.flip-up .meta{color:var(--ink-3);letter-spacing:.22em}.flip-up p{font-size:14px;line-height:1.8;color:var(--ink)}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair-card{border:1px solid var(--line);background:#fff6;padding:12px;display:grid;gap:6px;justify-items:start}.pair-card .mini{width:44px}.pair-card .meta{letter-spacing:.2em}.pair-card b{font-size:14px;font-weight:700}.pair-card span{font-size:11px;color:var(--ink-3);line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid var(--line-2);padding:4px 9px;font-size:11px;letter-spacing:.08em;color:var(--ink-2)}.mutt-note{font-size:13px;line-height:1.8;color:var(--ink-2);border-left:1px solid var(--line-2);padding-left:12px}.res-count{padding:0 var(--pad) 18px;font-size:11px;color:var(--ink-3);letter-spacing:.08em}.gallery-entry{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:700;letter-spacing:.06em}.gallery-entry:hover span:last-child{transform:translate(4px)}.gallery-entry span:last-child{transition:transform .25s var(--ease)}.res-disclaimer{padding:0 var(--pad) 20px;font-size:10px;color:var(--ink-3);letter-spacing:.18em}.note-bar{margin:12px var(--pad) 0;padding:8px 12px;background:var(--paper-2);border-left:2px solid var(--ink-3);font-size:11px;letter-spacing:.06em;color:var(--ink-2)}.mbti-brief{display:grid;border-top:1px solid var(--line)}.mbti-axis{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid var(--panel-2)}.mbti-axis-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mbti-axis-head .meta{letter-spacing:.22em}.mbti-axis-head .num{font-size:10px;letter-spacing:.16em;color:var(--ink-3)}.mbti-line{display:flex;align-items:baseline;gap:10px;font-size:12.5px;line-height:1.65;color:var(--ink-3)}.mbti-line b{flex:0 0 auto;min-width:58px;font-family:var(--serif);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ink-3)}.mbti-line.on,.mbti-line.on b{color:var(--ink)}.mbti-note{margin-top:14px;font-size:11px;line-height:1.75;color:var(--ink-3)}.pc-grid{display:grid;gap:16px;margin-top:16px}.pc-block{display:grid;gap:8px}.pc-block .meta{letter-spacing:.22em}.pc-block ul{list-style:none;display:grid;gap:6px}.pc-block li{position:relative;padding-left:20px;font-size:14px;line-height:1.7;color:var(--ink-2)}.pc-block li:before{content:"—";position:absolute;left:0;color:var(--ink-3)}.pc-block:first-child li{color:var(--ink)}#gallery{display:flex;flex-direction:column}.g-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px var(--pad) calc(28px + var(--sab))}.g-cell{position:relative;text-align:left;border:1px solid var(--line);background:#fff6;padding:12px 12px 10px;display:grid;gap:4px;overflow:hidden;transition:border-color .2s ease,transform .16s var(--ease)}.g-cell:before{content:"";position:absolute;inset:0 0 auto;height:58%;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 18%,transparent),transparent);pointer-events:none}.g-cell:hover{border-color:var(--ink)}.g-cell:active{transform:scale(.985)}.g-cell .g-dog{position:relative;height:86px;display:flex;align-items:center;justify-content:center}.g-cell-name{position:relative;font-size:14px;font-weight:700;letter-spacing:.02em}.g-cell-code{position:relative;font-family:var(--serif);font-size:10px;letter-spacing:.18em;color:var(--ink-3)}.sheet-title{display:grid;gap:4px}.sheet-title h2{font-size:24px;font-weight:800;letter-spacing:-.01em}.sheet-title .code{font-family:var(--serif);font-size:11px;letter-spacing:.3em;color:var(--ink-2)}.sheet-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-bottom:4px}.sheet-hero .dog-wrap{width:108px}.sheet-desc{font-size:15px;line-height:1.9}.sheet-mini-sec{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.sheet-mini-sec .meta{letter-spacing:.24em}.ruler{height:4px;background:var(--paper-3);position:relative}.ruler i{position:absolute;inset:0 auto 0 0;background:var(--ink-3)}.g-overlay{position:absolute;inset:0;z-index:30;pointer-events:none}.g-overlay .sheet-backdrop,.g-overlay .sheet{pointer-events:none}.g-overlay.open .sheet-backdrop,.g-overlay.open .sheet{pointer-events:auto}.g-overlay.open .sheet-backdrop{opacity:1}.g-overlay.open .sheet{transform:translateY(0)}.sheet-mini-sec .meta.size-label{text-transform:none;letter-spacing:.14em}#stats{display:flex;flex-direction:column}.stats-wrap{padding:6px var(--pad) calc(28px + var(--sab));display:grid;gap:26px}.stats-hero{display:grid;gap:6px;padding:10px 0 18px;border-bottom:1px solid var(--line)}.stats-num{font-family:var(--serif);font-size:clamp(52px,17vw,76px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stats-label{font-size:11px;letter-spacing:.3em;color:var(--ink-2)}.stats-sub{font-size:11px;color:var(--ink-3)}.stats-block{display:grid;gap:12px}.dist-row{display:grid;grid-template-columns:68px 1fr 46px;align-items:center;gap:10px;font-size:12px}.dist-row .nm{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dist-row .bar{height:5px;background:var(--paper-3);position:relative}.dist-row .bar i{position:absolute;inset:0 auto 0 0;background:var(--ink);width:0;transition:width .9s var(--ease)}.dist-row .val{font-family:var(--serif);font-size:11px;color:var(--ink-3);text-align:right}.gender-bar{display:flex;height:12px;border:1px solid var(--line)}.gender-bar i{display:block;height:100%}.gender-legend{display:flex;gap:16px;font-size:11px;color:var(--ink-2);flex-wrap:wrap}.gender-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:currentColor;vertical-align:0}.axis-mini{display:grid;grid-template-columns:74px 1fr 46px;gap:10px;align-items:center;font-size:12px;color:var(--ink-2)}.axis-mini .bar{height:3px;background:var(--paper-3);position:relative}.axis-mini .bar i{position:absolute;inset:0 auto 0 0;background:var(--ink-2);width:0}.axis-mini .val{font-family:var(--serif);font-size:11px;color:var(--ink-3);text-align:right}.mock-flag{display:inline-block;margin-left:8px;padding:2px 7px;border:1px solid var(--line-2);font-size:9px;letter-spacing:.14em;color:var(--ink-3);vertical-align:2px}.stats-num{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .6s var(--ease)}.stats-num.in{opacity:1;transform:translateY(0)}