:root{--paper: #F4EFE3;--paper2: #EBE4D3;--kinari: #FBF8F1;--sumi: #1D1B17;--sumi2: #4A463E;--sumi3: #6E685C;--line: #D8CFBB;--shu: #C7372B;--shu2: #A92A20;--shu-pale: #F3D9D2;--ai: #17505E;--tint: #DDE3DD;--c: #17505E;--cf: #5BB0B8;--mincho: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--gothic: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.3, 1.5, .5, 1);--gutter: 18px;--washi: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .38  0 0 0 0 .25  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><g fill='none' stroke='%23b9a98a' stroke-opacity='.18' stroke-width='.7'><path d='M10 40c40-6 80 10 130 2s90 4 150-3'/><path d='M-5 130c60 8 100-12 160-4s100 10 150 0'/><path d='M20 220c30-10 90 6 120 0s70 12 160 2'/><path d='M60 280c20-4 40 6 90-2'/></g></svg>");--kasure: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><filter id='r'><feTurbulence baseFrequency='.55' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.2 1.75'/></filter><rect width='60' height='60' filter='url(%23r)'/></svg>")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%}body{font-family:var(--gothic);color:var(--sumi);font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:#1d2b33;background-image:radial-gradient(circle at 50% 100%,transparent 18px,rgba(255,255,255,.05) 19px,rgba(255,255,255,.05) 21px,transparent 22px),radial-gradient(circle at 50% 100%,transparent 30px,rgba(255,255,255,.05) 31px,rgba(255,255,255,.05) 33px,transparent 34px),radial-gradient(circle at 0 50%,transparent 18px,rgba(255,255,255,.05) 19px,rgba(255,255,255,.05) 21px,transparent 22px),radial-gradient(circle at 0 50%,transparent 30px,rgba(255,255,255,.05) 31px,rgba(255,255,255,.05) 33px,transparent 34px);background-size:72px 36px}.jp{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:none;border:none}a{color:inherit;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--shu);outline-offset:2px}.nw{white-space:nowrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html[data-saved] .app>*{visibility:hidden;animation:eg-show 0s 1.5s forwards}@keyframes eg-show{to{visibility:visible}}.app{position:relative;max-width:440px;min-height:100vh;min-height:100dvh;margin:0 auto;overflow:hidden;background-color:var(--paper);background-image:var(--washi);box-shadow:0 0 0 1px #00000040,0 30px 80px #00000073}.screen{min-height:100vh;min-height:100dvh;animation:screen-in .32s var(--ease)}@keyframes screen-in{0%{opacity:0}}.seal{display:inline-grid;place-items:center;flex:none;color:var(--shu);border:2px solid currentColor;border-radius:6px;font-family:var(--mincho);font-weight:900;line-height:1;-webkit-mask:var(--kasure);mask:var(--kasure)}.seal.round{border-radius:50%}.seal.fill{background:var(--shu);color:var(--kinari);border-color:var(--shu)}.label{display:flex;align-items:center;gap:10px;font-family:var(--mincho);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--sumi)}.label .seal{width:26px;height:26px;font-size:13px;letter-spacing:0;border-width:1.6px}.label:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--sumi3) 0 4px,transparent 4px 8px);opacity:.5}.btn-shu{position:relative;width:100%;min-height:62px;border:none;border-radius:6px;background:var(--shu);color:#fff8ef;font-family:var(--mincho);font-weight:900;font-size:21px;letter-spacing:.3em;text-indent:.3em;box-shadow:0 5px 0 var(--shu2),0 10px 20px #a7281e40;transition:transform .12s var(--ease),box-shadow .12s var(--ease),filter .2s;display:flex;align-items:center;justify-content:center;gap:12px}.btn-shu:active{transform:translateY(4px);box-shadow:0 1px 0 var(--shu2),0 4px 10px #a7281e33}.btn-shu[disabled]{filter:saturate(.75);cursor:progress}.btn-shu .arw{width:28px;height:28px;border:1.5px solid rgba(255,248,239,.7);border-radius:50%;display:grid;place-items:center;font-size:14px;letter-spacing:0;text-indent:0;transition:transform .25s var(--spring)}@media(hover:hover){.btn-shu:hover .arw{transform:translate(3px)}}.btn-shu:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,248,239,.35);border-radius:4px;pointer-events:none}.btn-two{display:grid;text-align:left;line-height:1.15}.btn-two small{font-size:12px;letter-spacing:.14em;opacity:.85;margin-top:3px}.btn-ghost{display:block;width:100%;min-height:48px;margin-top:12px;border:1.5px solid var(--sumi);border-radius:6px;background:var(--kinari);font-family:var(--mincho);font-weight:900;font-size:15px;letter-spacing:.2em;box-shadow:0 3px 0 var(--sumi);transition:transform .1s var(--ease),box-shadow .1s var(--ease)}.btn-ghost:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sumi)}.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,248,239,.35);border-top-color:#fff8ef;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#cover{padding:22px var(--gutter) 28px;display:flex;flex-direction:column}.cv-top{display:flex;justify-content:space-between;align-items:flex-start}.cv-mark{display:flex;align-items:center;gap:8px;font-family:var(--mincho);font-size:12px;letter-spacing:.2em;color:var(--sumi2);font-weight:700}.cv-mark .seal{width:30px;height:30px;font-size:16px}.cv-no{font-family:var(--mincho);font-size:11px;letter-spacing:.2em;color:var(--sumi3);writing-mode:vertical-rl;font-weight:700}.cv-title{margin-top:10px;position:relative}.cv-title h1{font-family:var(--mincho);font-weight:900;font-size:42px;line-height:1.12;letter-spacing:.04em}.cv-title h1 span{display:block}.cv-title h1 .sm{font-size:24px;letter-spacing:.24em;color:var(--sumi2);margin-bottom:4px}.cv-title .stamp{position:absolute;right:2px;top:6px;width:66px;height:66px;font-size:15px;line-height:1.15;text-align:center;border-width:2.5px;transform:rotate(-8deg);padding:4px;writing-mode:vertical-rl;letter-spacing:.05em;animation:press-stamp .42s var(--ease) .75s both}@keyframes press-stamp{0%{opacity:0;transform:rotate(-8deg) scale(1.9)}60%{opacity:1;transform:rotate(-8deg) scale(.92)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.cv-sub{margin-top:10px;font-size:15px;font-weight:700;color:var(--sumi2);letter-spacing:.04em;line-height:1.6}.zukan{margin-top:16px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;border:1.5px solid var(--sumi);border-radius:4px;background:#fbf8f18c}.zukan:before{content:"";position:absolute;inset:3px;border:1px solid var(--sumi);opacity:.35;border-radius:2px;pointer-events:none}.zk{position:relative;aspect-ratio:1 / 1;border-radius:3px;overflow:hidden;background:var(--t);opacity:0;transform:translateY(10px) scale(.9);animation:pop .38s var(--spring) forwards;animation-delay:calc(var(--i) * 28ms + .12s)}.zk img{position:absolute;inset:4% 4% 0;width:92%;height:96%;object-fit:contain;object-position:bottom;transition:transform .25s var(--spring)}.zk:active img{transform:translateY(-4px) rotate(-3deg)}@media(hover:hover){.zk:hover img{transform:translateY(-4px) rotate(-3deg)}}@keyframes pop{to{opacity:1;transform:none}}.cv-chips{margin-top:16px;display:flex;justify-content:space-between;gap:6px}.chip{flex:1;display:flex;align-items:baseline;justify-content:center;gap:1px;padding:11px 2px 10px;border:1.5px solid var(--sumi);border-radius:3px;background:var(--kinari);font-family:var(--mincho);font-weight:900;font-size:16px;line-height:1.1;white-space:nowrap}.chip small{font-size:12px;color:var(--sumi2)}.cv-go{margin-top:16px}.resume-bar{margin:12px 2px 0;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.resume-bar i{display:block;height:100%;background:var(--sumi);border-radius:2px}.cv-note{margin-top:14px;font-size:11.5px;line-height:1.7;color:var(--sumi3);text-align:center}#quiz{padding:14px var(--gutter) 156px;position:relative}.qz-bar{display:flex;align-items:center;gap:10px;height:48px}.back{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--sumi);background:var(--kinari);display:grid;place-items:center;flex:none;transition:transform .12s}.back svg{width:20px;height:20px}.back:active{transform:scale(.92)}.qz-count{margin-left:auto;font-family:var(--mincho);font-weight:900;display:flex;align-items:baseline;gap:3px}.qz-count b{font-size:30px;line-height:1;color:var(--shu);font-variant-numeric:tabular-nums;animation:num-in .3s var(--spring)}@keyframes num-in{0%{opacity:0;transform:translateY(8px)}}.qz-count i{font-style:normal;font-size:14px;color:var(--sumi3)}.ticks{margin-top:12px;display:grid;grid-template-columns:repeat(30,1fr);gap:3px}.ticks span{height:8px;border-radius:2px;background:var(--line);transition:background .25s,transform .25s var(--spring)}.ticks span.done{background:var(--sumi)}.ticks span.now{background:var(--shu);transform:scaleY(1.5)}.ticks span:nth-child(10n):not(:last-child){margin-right:4px}.qcard{margin-top:24px;position:relative;animation:qin .26s var(--ease)}.qcard.out{animation:qout .15s var(--ease) forwards}@keyframes qout{to{opacity:0;transform:translate(-36px)}}@keyframes qin{0%{opacity:0;transform:translate(36px)}}.q-no{display:flex;align-items:center;gap:8px;font-family:var(--mincho);font-size:13px;color:var(--sumi3);letter-spacing:.2em;font-weight:700}.q-no .seal{width:24px;height:24px;font-size:12px;border-width:1.6px;letter-spacing:0}.q-text{margin-top:14px;font-family:var(--mincho);font-weight:900;font-size:24px;line-height:1.5;letter-spacing:.02em;min-height:108px}.choices{margin-top:16px;display:grid;gap:10px}.ch{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 58px 12px 12px;text-align:left;background:var(--kinari);border:1.5px solid var(--sumi);border-radius:6px;font-size:16.5px;font-weight:700;line-height:1.45;box-shadow:0 3px 0 var(--sumi);transition:transform .1s var(--ease),box-shadow .1s var(--ease),background .15s,border-color .15s,opacity .15s;touch-action:manipulation}.ch:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sumi)}.ch .k{width:32px;height:32px;flex:none;border-radius:50%;border:1.5px solid var(--sumi);display:grid;place-items:center;font-family:var(--mincho);font-weight:900;font-size:15px;transition:background .15s,border-color .15s,color .15s}.ch .tx{min-width:0}.ch .hit{position:absolute;right:10px;top:50%;width:42px;height:42px;margin-top:-21px;font-size:17px;border-width:2.5px;opacity:0;transform:scale(2.2) rotate(-25deg)}.ch.sel{background:var(--shu-pale);border-color:var(--shu);box-shadow:0 3px 0 var(--shu);color:var(--shu2)}.ch.sel .k{background:var(--shu);border-color:var(--shu);color:#fff}.ch.sel .hit{animation:stamp .18s var(--ease) forwards}.ch.prev{border-color:var(--shu)}.ch.prev .k{border-color:var(--shu);color:var(--shu)}.ch.dim{opacity:.45}@keyframes stamp{60%{opacity:1;transform:scale(.9) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-12deg)}}.mile{position:absolute;left:50%;bottom:22px;z-index:2;display:grid;justify-items:center;gap:6px;transform:translate(-50%);pointer-events:none}.mile-seal{width:84px;height:84px;font-size:15px;letter-spacing:.1em;display:grid;place-content:center;justify-items:center;gap:2px;border-width:3px;transform:rotate(-10deg);animation:mile-press 1.1s var(--ease) forwards;box-shadow:none}.mile-seal b{font-size:30px;letter-spacing:0}.mile-left{position:relative;z-index:2;font-family:var(--mincho);font-weight:900;font-size:13px;white-space:nowrap;letter-spacing:.2em;color:var(--sumi2);animation:mile-txt 1.1s var(--ease) forwards}@keyframes mile-press{0%{opacity:0;transform:rotate(-10deg) scale(2)}22%{opacity:1;transform:rotate(-10deg) scale(.92)}30%{transform:rotate(-10deg) scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(-10deg) scale(1)}}@keyframes mile-txt{0%,20%{opacity:0;transform:translateY(6px)}35%,80%{opacity:1;transform:none}to{opacity:0}}.peek{position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;overflow:hidden}.peek:before{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:var(--paper2);border-top:1.5px solid var(--sumi);z-index:1}.peek img{position:absolute;bottom:14px;width:128px;height:128px;object-fit:contain}.peek img.l{left:18px;--r: rotate(-6deg);transform:var(--r);animation:peek-in .38s var(--spring) both}.peek img.r{right:18px;--r: scaleX(-1) rotate(-6deg);transform:var(--r);animation:peek-in .38s var(--spring) .06s both}.peek img.hop{animation:hop .3s var(--spring)}@keyframes peek-in{0%{transform:translateY(70%) var(--r)}to{transform:var(--r)}}@keyframes hop{50%{transform:translateY(-12px) var(--r)}}#result{padding-bottom:44px}.sec{padding:34px var(--gutter) 0}.rv{opacity:0;transform:translateY(18px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.rv.seen{opacity:1;transform:none}.r-hero{padding:22px var(--gutter) 0;text-align:center;position:relative}.r-kicker{font-family:var(--mincho);font-weight:700;font-size:13px;letter-spacing:.3em;color:var(--sumi2)}.r-score{margin-top:6px;display:flex;justify-content:center;align-items:flex-end;gap:6px;font-family:var(--mincho);font-weight:900;line-height:.9}.r-score b{font-size:112px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:2ch}.r-score small{font-size:22px;margin-bottom:12px}.r-score em{font-style:normal;font-size:16px;color:var(--sumi3);margin-bottom:14px}.r-rank{margin-top:10px;display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border:1.5px solid var(--sumi);border-radius:40px;background:var(--kinari);max-width:100%}.r-rank .seal{width:46px;height:46px;font-size:15px;line-height:1.05;writing-mode:vertical-rl;letter-spacing:.02em}.r-rank p{font-size:14px;font-weight:700;color:var(--sumi2);text-align:left;line-height:1.5}.r-rank strong{display:block;font-family:var(--mincho);font-size:20px;font-weight:900;color:var(--sumi)}.go .r-rank{animation:rise .4s var(--spring) .8s both}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.96)}}.r-char{position:relative;margin:26px var(--gutter) 0;padding:18px 16px 22px;border-radius:8px;background:var(--tint);border:1.5px solid var(--sumi);overflow:hidden;text-align:center}.r-char:before{content:"";position:absolute;inset:5px;border:1px solid var(--sumi);opacity:.3;border-radius:5px;pointer-events:none}.r-char .ring{position:absolute;left:50%;top:26px;width:270px;height:270px;margin-left:-135px;border-radius:50%;background:radial-gradient(circle,var(--kinari) 0 62%,transparent 63%)}.r-char .ring:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px dashed var(--c);opacity:.45}.r-char .animal{position:absolute;right:14px;top:14px;width:58px;min-height:58px;padding:8px 0;white-space:nowrap;font-size:18px;writing-mode:vertical-rl;border-width:2.5px;transform:rotate(9deg);letter-spacing:.04em;z-index:1}.r-char .tag{position:absolute;left:14px;top:14px;writing-mode:vertical-rl;font-family:var(--mincho);font-weight:700;font-size:12px;letter-spacing:.25em;color:var(--c);background:var(--kinari);border:1px solid var(--c);padding:8px 4px;z-index:1}.r-char .art{position:relative;width:290px;height:290px;max-width:100%;margin:0 auto;object-fit:contain;filter:drop-shadow(0 6px 0 rgba(0,0,0,.06))}.go .r-char .art{animation:press .42s var(--ease) .95s both}.go .r-char .animal{animation:press2 .3s var(--ease) 1.3s both}.go .r-char .ring:after{animation:ring-in .5s var(--ease) .95s both}@keyframes press{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes press2{0%{opacity:0;transform:rotate(9deg) scale(1.8)}70%{opacity:1;transform:rotate(9deg) scale(.92)}to{opacity:1;transform:rotate(9deg) scale(1)}}@keyframes ring-in{0%{opacity:0;transform:rotate(-40deg) scale(.9)}}.r-char .animal.n3{font-size:16px;width:54px}.r-char .animal.n4{font-size:14px;width:50px}.r-char .animal.n5{font-size:13px;width:48px;letter-spacing:0}#result.played .r-rank,#result.played .r-char .art,#result.played .r-char .animal,#result.played .r-char .ring:after{animation:none}.r-char .type{position:relative;margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--sumi2)}.r-char h2{position:relative;margin-top:6px;font-family:var(--mincho);font-weight:900;font-size:30px;line-height:1.3;letter-spacing:.02em}.r-char .catch{position:relative;display:inline-block;margin-top:12px;font-size:16px;font-weight:700;line-height:1.6;padding:8px 14px;background:var(--kinari);border-radius:4px;border:1px solid var(--line)}.scene{margin-top:14px;position:relative;border:1.5px solid var(--sumi);border-radius:6px;overflow:hidden;background:var(--kinari);padding:6px}.scene img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:3px;background:var(--paper2)}.bubble{position:relative;margin:-30px 18px 0 auto;max-width:84%;width:fit-content;z-index:1;background:var(--kinari);border:1.5px solid var(--sumi);border-radius:22px;padding:12px 18px;font-family:var(--mincho);font-weight:900;font-size:19px;line-height:1.45;box-shadow:0 4px 0 var(--sumi)}.bubble:before{content:"";position:absolute;left:34px;top:-12px;width:18px;height:18px;background:var(--kinari);border-left:1.5px solid var(--sumi);border-top:1.5px solid var(--sumi);transform:skewY(30deg) rotate(20deg)}.traits{margin-top:14px;display:grid;gap:10px}.trait{display:flex;align-items:center;gap:14px;padding:14px;background:var(--kinari);border:1.5px solid var(--sumi);border-radius:6px;font-size:16px;font-weight:700;line-height:1.55}.trait .seal{width:38px;height:38px;font-size:18px}.trait:nth-child(2){margin-left:14px}.trait:nth-child(3){margin-left:28px}.rv .trait{opacity:0;transform:translate(14px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.rv.seen .trait{opacity:1;transform:none}.rv.seen .trait:nth-child(2){transition-delay:.08s}.rv.seen .trait:nth-child(3){transition-delay:.16s}.areas{margin-top:14px;background:var(--kinari);border:1.5px solid var(--sumi);border-radius:6px;padding:4px 14px}.ar{display:grid;grid-template-columns:44px 1fr auto;column-gap:12px;row-gap:5px;align-items:center;padding:13px 0;border-bottom:1px dashed var(--line)}.ar:last-child{border-bottom:none}.ar img{grid-row:1 / 3;width:44px;height:44px;object-fit:contain}.ar .nm{font-weight:900;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ar .nm .mk{width:auto;height:20px;padding:0 5px;font-size:11px;border-width:1.4px;border-radius:3px;letter-spacing:.05em}.ar .nm .mk.soft{color:var(--sumi2)}.ar .sc{grid-row:1 / 3;grid-column:3;font-family:var(--mincho);font-weight:900;font-size:28px;line-height:1;min-width:2.2ch;text-align:right;font-variant-numeric:tabular-nums}.ar .bar{height:10px;border-radius:5px;background:var(--paper2);overflow:hidden;position:relative}.ar .bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:5px;background:var(--c);transition:width .7s var(--ease);transition-delay:calc(var(--i) * 60ms + .12s)}.rv.seen .ar .bar i{width:var(--w)}.ar.grow .bar i{background:repeating-linear-gradient(-45deg,var(--cf) 0 5px,color-mix(in srgb,var(--cf) 70%,#fff) 5px 10px)}.ar .sh{grid-column:2 / 4;font-size:13px;font-weight:700;color:var(--sumi2);margin-top:2px;line-height:1.5}.ar.top .sc{color:var(--shu)}.ww{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.wcard{position:relative;padding:16px 14px;border-radius:6px;border:1.5px solid var(--sumi);background:var(--kinari);min-height:170px;min-width:0}.wcard .kd{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:900;letter-spacing:.2em;color:var(--sumi3)}.wcard .kd .seal{width:30px;height:30px;font-size:15px;letter-spacing:0}.wcard h4{margin-top:12px;font-family:var(--mincho);font-weight:900;font-size:24px;line-height:1.25;word-break:keep-all;overflow-wrap:anywhere}.wcard p{margin-top:10px;font-size:14px;font-weight:700;line-height:1.6;color:var(--sumi2)}.wcard.weak{background:var(--paper2);border-style:dashed}.wcard.weak .kd .seal{color:var(--sumi2)}.style{margin-top:14px;padding:18px 16px;background:var(--kinari);border:1.5px solid var(--sumi);border-radius:6px}.st-top{display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--mincho);font-weight:900;color:var(--sumi3)}.st-top>div{font-size:15px}.st-top>div.on{color:var(--sumi)}.st-top b{font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.st-top .r{text-align:right}.st-bar{position:relative;margin-top:12px;height:18px;border-radius:9px;background:linear-gradient(90deg,var(--ai) 0 var(--p),#E7B9A8 var(--p) 100%);border:1.5px solid var(--sumi)}.st-bar:after{content:"";position:absolute;left:50%;top:-6px;bottom:-6px;width:1.5px;background:var(--sumi);opacity:.4}.st-bar .knob{position:absolute;left:var(--p);top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--kinari);border:2px solid var(--sumi);display:grid;place-items:center;font-size:12px;font-weight:900;font-family:var(--mincho);z-index:1}.rv .st-bar .knob{left:50%;transition:left .8s var(--spring) .15s}.rv.seen .st-bar .knob{left:var(--p)}.st-lead{margin-top:16px;text-align:center;font-family:var(--mincho);font-weight:900;font-size:19px;line-height:1.5}.st-desc{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12.5px;font-weight:700;line-height:1.55;color:var(--sumi2)}.st-desc p{padding:10px;border-radius:4px;background:var(--paper)}.st-desc b{display:block;font-size:13px;color:var(--sumi)}.aff{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mate{position:relative;border:1.5px solid var(--sumi);border-radius:6px;background:var(--t);overflow:hidden;padding:12px 12px 14px;text-align:center;min-width:0}.mate .kd{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;letter-spacing:.12em;background:var(--kinari);border:1px solid var(--sumi);border-radius:20px;padding:3px 10px 3px 4px;white-space:nowrap}.mate .kd .seal{width:22px;height:22px;font-size:12px;border-width:1.4px;letter-spacing:0}.mate img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin-top:4px}.mate h4{font-family:var(--mincho);font-weight:900;font-size:15px;line-height:1.4;min-height:2.8em}.mate p{margin-top:8px;font-size:12.5px;font-weight:700;line-height:1.55;color:var(--sumi2);text-align:left;background:#fbf8f1bf;border-radius:4px;padding:8px}.mate.worst .kd .seal{color:var(--sumi2)}.share-box{position:relative;margin-top:14px}.sh-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:900;cursor:pointer;user-select:none;width:fit-content}.sh-toggle input{position:absolute;opacity:0;width:1px;height:1px}.sh-toggle .sw{position:relative;width:46px;height:26px;border-radius:13px;border:1.5px solid var(--sumi);background:var(--paper2);transition:background .2s;flex:none}.sh-toggle .sw i{position:absolute;left:2px;top:2px;width:19px;height:19px;border-radius:50%;background:var(--kinari);border:1.5px solid var(--sumi);transition:transform .25s var(--spring)}.sh-toggle input:checked+.sw{background:var(--shu);border-color:var(--shu2)}.sh-toggle input:checked+.sw i{transform:translate(20px);border-color:var(--shu2)}.sh-toggle input:focus-visible+.sw{outline:3px solid var(--shu);outline-offset:2px}.sh-preview{margin-top:8px;padding:12px 14px;border-radius:6px;background:var(--paper2);border:1px dashed var(--sumi3);font-size:13.5px;font-weight:700;line-height:1.65;color:var(--sumi2)}.share{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sh-b{min-height:66px;display:grid;place-items:center;align-content:center;gap:5px;padding:8px 2px;border-radius:6px;border:1.5px solid var(--sumi);background:var(--kinari);font-size:11px;font-weight:900;text-decoration:none;color:var(--sumi);box-shadow:0 3px 0 var(--sumi);transition:transform .1s,box-shadow .1s;min-width:0}.sh-b:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sumi)}.sh-b svg{width:24px;height:24px}.sh-b.wide{grid-column:span 2;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;min-height:52px}.sh-b.wide svg{width:20px;height:20px}.sh-b.full{grid-column:1 / -1}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:30px;background:var(--sumi);color:var(--kinari);font-size:14px;font-weight:900;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:transform .3s var(--spring),opacity .2s}.toast.on{transform:translate(-50%);opacity:1}.toast svg{width:18px;height:18px;color:#f5b9a9}.optin{position:relative;margin:38px var(--gutter) 0;padding:24px 18px 22px;border-radius:8px;background:var(--sumi);color:var(--kinari);overflow:hidden}.optin:before{content:"";position:absolute;inset:6px;border:1px solid rgba(251,248,241,.25);border-radius:5px;pointer-events:none}.op-book{position:relative;display:flex;gap:18px;align-items:center}.report{position:relative;flex:none;width:92px;height:124px;margin:4px 6px 6px 2px}.report .sheet{position:absolute;inset:0;border-radius:3px;background:#f4efe3;background-image:var(--washi)}.report .back{transform:rotate(7deg) translate(8px,4px);background-color:#dcd3bf;box-shadow:2px 4px #00000059}.report .front{transform:rotate(-4deg);box-shadow:3px 5px #00000059;padding:10px 9px;display:flex;flex-direction:column;gap:7px;border-top:6px solid var(--shu)}.rp-art{display:block;width:46px;height:46px;border-radius:50%;background:var(--tint);border:1px solid var(--sumi);overflow:hidden}.rp-art img{width:100%;height:100%;object-fit:contain;object-position:bottom}.rp-lines{display:grid;gap:5px}.rp-lines i{display:block;height:4px;border-radius:2px;background:#c9bfa9}.rp-lines i:nth-child(1){width:92%;background:var(--sumi2)}.rp-lines i:nth-child(2){width:70%}.rp-lines i:nth-child(3){width:84%}.rp-lines i:nth-child(4){width:50%}.rp-seal{position:absolute;right:7px;bottom:8px;width:24px;height:24px;font-size:13px;transform:rotate(-8deg)}.op-h{font-family:var(--mincho);font-weight:900;font-size:20px;line-height:1.55}.op-lead{position:relative;margin-top:16px;font-size:14px;font-weight:700;line-height:1.7;color:#e9e3d4}.op-items{position:relative;margin-top:14px;display:grid;gap:7px;list-style:none}.op-items li{display:flex;gap:10px;align-items:baseline;font-size:13.5px;font-weight:700;line-height:1.55;color:#e9e3d4}.op-items li:before{content:"";width:8px;height:8px;flex:none;background:var(--shu);transform:rotate(45deg) translateY(-1px)}.op-form{position:relative;margin-top:18px;display:grid;gap:10px}.op-form input{width:100%;min-height:56px;border-radius:6px;border:1.5px solid #6E685C;background:var(--kinari);padding:0 16px;font-size:17px;font-weight:700;color:var(--sumi);transition:border-color .15s,box-shadow .15s}.op-form input::placeholder{color:#9a9384}.op-form input:focus{outline:3px solid #F5B9A9;outline-offset:1px}.op-form input[aria-invalid=true]{border-color:#f5b9a9;box-shadow:0 0 0 2px #f5b9a9 inset}.op-form .btn-shu{box-shadow:0 5px #6d1b14;margin-top:2px}.op-form .btn-shu:active{box-shadow:0 1px #6d1b14}.st-typing .op-form .btn-shu{animation:nudge .5s var(--spring)}@keyframes nudge{40%{transform:translateY(-2px)}}.op-msg{min-height:0;font-size:13px;font-weight:900;color:#f5b9a9;line-height:1.5}.op-msg.on{min-height:1.5em}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.op-consent{position:relative;margin-top:12px;font-size:11.5px;line-height:1.7;color:#c9c2b2}.op-done{position:relative;margin-top:20px;text-align:center}.done-seal{width:76px;height:76px;font-size:34px;border-width:3px;color:#f06a5c;transform:rotate(-10deg);animation:done-press .42s var(--ease) both}@keyframes done-press{0%{opacity:0;transform:rotate(-10deg) scale(2)}60%{opacity:1;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(-10deg) scale(1)}}.op-done-t{margin-top:10px;font-family:var(--mincho);font-weight:900;font-size:20px;letter-spacing:.1em}.oc{margin-top:18px;padding:16px 14px;border-radius:6px;background:#fbf8f112;border:1px solid rgba(251,248,241,.2);text-align:left;animation:rise .4s var(--spring) .25s both}.oc-h{font-size:15px;font-weight:900;line-height:1.6}.btn-line{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:8px 14px;border-radius:6px;background:#06c755;color:#fff;text-decoration:none;font-weight:900;font-size:15px;line-height:1.35;box-shadow:0 4px #04883a;transition:transform .1s,box-shadow .1s}.btn-line:active{transform:translateY(3px);box-shadow:0 1px #04883a}.btn-line svg{width:24px;height:24px;flex:none}.r-note{margin:22px var(--gutter) 0;font-size:11.5px;line-height:1.7;color:var(--sumi3);text-align:center}.again{display:block;margin:16px auto 0;min-height:48px;padding:0 24px;border:1.5px solid var(--sumi);border-radius:30px;background:transparent;font-weight:900;font-size:14px;transition:background .15s,transform .1s}.again:active{transform:scale(.97);background:var(--paper2)}@media(max-width:380px){:root{--gutter: 16px}.cv-title h1{font-size:39px}.q-text{font-size:22.5px}.ch{font-size:16px}.r-score b{font-size:100px}.r-char h2{font-size:27px}.wcard h4{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important;transition-delay:0s!important}.zk,.rv,.rv .trait{opacity:1;transform:none}}.to-types{display:flex;align-items:center;justify-content:center;min-height:44px;margin:10px auto 0;color:var(--ink-70, #4b4840);font-size:14px;text-decoration:underline;text-underline-offset:3px}.op-done-s{font-size:14px;line-height:1.7;margin:6px 0 14px}.oc-b{font-size:14px;line-height:1.7;margin:4px 0 12px}.sh-b.sh-mail{grid-column:span 2;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;min-height:52px}.sh-b.sh-mail svg{width:20px;height:20px}.sh-b span{word-break:keep-all}.ar-go{grid-column:2 / 4;justify-self:start;display:inline-flex;align-items:center;flex-wrap:wrap;min-height:32px;margin-top:-2px;font-size:12.5px;font-weight:700;color:var(--ai);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ai) 40%,transparent);text-underline-offset:3px}.ar.weak .ar-go{color:var(--shu2);text-decoration-color:color-mix(in srgb,var(--shu2) 45%,transparent)}.grow{margin-top:18px}.grow-h{display:flex;align-items:center;gap:6px;font-weight:900;font-size:15px;margin-bottom:10px}.grow-h .mk{width:auto;height:22px;padding:0 6px;font-size:12px;border-width:1.4px;border-radius:3px;letter-spacing:.05em;color:var(--sumi2)}.gw{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:10px;margin-top:10px;text-decoration:none;background:var(--kinari);border:1.5px solid var(--sumi);border-radius:6px;box-shadow:0 3px 0 var(--sumi);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.gw:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sumi)}.gw img{width:84px;height:84px;object-fit:cover;border-radius:4px;border:1px solid var(--line);background:#f6f2e8}.gw-t{display:flex;flex-direction:column;gap:6px;min-width:0}.gw-d{font-family:var(--mincho);font-weight:700;font-size:15.5px;line-height:1.5}.gw-go{font-size:13px;font-weight:700;color:var(--shu2);line-height:1.6}@media(hover:hover){.gw:hover{transform:translateY(-1px)}}.r-jump{display:block;margin:10px var(--gutter) 0;padding:9px 14px 10px;border-radius:8px;background:var(--sumi);color:var(--kinari);text-decoration:none;text-align:center;box-shadow:0 3px #00000038;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.r-jump:active{transform:translateY(2px);box-shadow:0 1px #00000038}.rj-h{display:block;font-family:var(--mincho);font-weight:700;font-size:14.5px;line-height:1.55}.rj-b{display:inline-flex;align-items:center;gap:8px;margin-top:3px;font-size:13.5px;font-weight:900;color:#ffd9cf;letter-spacing:.04em}.rj-b .arw{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;animation:rj-bob 1.6s var(--ease) infinite}@keyframes rj-bob{0%,to{transform:none}50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.rj-b .arw{animation:none}}@media(hover:hover){.r-jump:hover{transform:translateY(-1px)}}#optin{scroll-margin-top:30px}.sec>.grow{margin-top:0}.share.sh-more{margin-top:8px}.share.sh-more[hidden]{display:none}.sh-b.sh-fold{min-height:48px}