:root{font-family:Hiragino Sans,Yu Gothic,system-ui,sans-serif;color:#242131;background:#fff;font-size:16px;line-height:1.7;font-synthesis:none;--oshi-color:#ff5fa2;--oshi-strength:0%;--ink:#242131;--muted:#747080;--paper:rgba(255,255,255,.88)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#fff}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(255,255,255,.95),transparent 34%),radial-gradient(circle at 92% 18%,rgba(255,255,255,.72),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--oshi-color) var(--oshi-strength),#fff),color-mix(in srgb,var(--oshi-color) calc(var(--oshi-strength) * .7),#fff));background-attachment:fixed;transition:background .55s ease;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1}body:before{width:240px;height:240px;left:-100px;top:28%;border:1px solid rgba(255,255,255,.6)}body:after{width:180px;height:180px;right:-80px;bottom:8%;background:#ffffff2e}button,input{font:inherit}.screen{width:min(100% - 28px,680px);min-height:100vh;margin:auto;padding:30px 0 48px}.start-screen{text-align:center;display:flex;flex-direction:column;justify-content:center}.brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;font-weight:850;letter-spacing:.12em;color:color-mix(in srgb,var(--oshi-color) 72%,#423e51)}.brand i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:var(--oshi-color);color:#fff;font-style:normal;box-shadow:0 6px 18px color-mix(in srgb,var(--oshi-color) 30%,transparent)}.start-screen h1{font-size:clamp(2.45rem,12vw,4.9rem);line-height:1.05;letter-spacing:-.055em;margin:.5rem 0 1rem;color:var(--ink)}.start-screen h1 span{position:relative;color:var(--oshi-color)}.start-screen h1 span:after{content:"";position:absolute;height:10px;left:2%;right:2%;bottom:-2px;background:color-mix(in srgb,var(--oshi-color) 20%,transparent);border-radius:50%}.lead{color:#5f5b69;margin:0 auto 18px;max-width:33rem}.privacy{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:18px}.privacy span{font-size:.74rem;font-weight:750;background:#ffffffc7;border:1px solid rgba(59,52,73,.1);border-radius:999px;padding:5px 10px;color:#514c5b}.privacy span:before{content:"✓";color:var(--oshi-color);margin-right:4px}.start-card,.question-card,.result-body{background:var(--paper);border:1px solid rgba(255,255,255,.92);border-radius:28px;box-shadow:0 20px 60px #34264821;padding:25px;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.time{display:table;margin:-39px auto 18px;padding:6px 15px;border-radius:99px;background:var(--oshi-color);color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 8px 22px color-mix(in srgb,var(--oshi-color) 28%,transparent)}label,legend{display:block;font-weight:800;margin-bottom:7px}input#oshi-name{width:100%;height:54px;border-radius:16px;border:1.5px solid rgba(70,59,84,.18);background:#fff;color:var(--ink);padding:0 16px;font-size:16px;outline:none}input#oshi-name:focus{border-color:var(--oshi-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--oshi-color) 18%,transparent)}.field-meta{display:flex;justify-content:space-between;min-height:30px;font-size:.75rem;color:var(--muted)}.error{color:#d04465}.color-field{border:0;padding:4px 0 8px;margin:2px 0 8px}.color-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.color-chip{border:0;background:transparent;padding:4px 1px;color:#6c6675;font-size:.64rem;text-align:center;cursor:pointer;border-radius:12px}.color-chip i{display:block;width:32px;height:32px;margin:auto auto 2px;border-radius:50%;background:conic-gradient(#ff5fa2,#f1c84b,#57cdb5,#62c9ff,#9b71e8,#ff5fa2);box-shadow:inset 0 0 0 1px #0001,0 2px 7px #0001;transition:.18s ease}.color-chip.active{background:color-mix(in srgb,var(--oshi-color) 12%,#fff);color:var(--ink);font-weight:800}.color-chip.active i{transform:scale(.82);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--oshi-color)}.custom-color{position:relative;margin:0}.custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.primary,.secondary,.ghost{width:100%;min-height:54px;border-radius:16px;border:0;font-weight:850;cursor:pointer;margin-top:10px;transition:transform .16s ease,box-shadow .16s ease}.primary{color:#fff;background:linear-gradient(100deg,color-mix(in srgb,var(--oshi-color) 76%,#d94072),var(--oshi-color));box-shadow:0 12px 28px color-mix(in srgb,var(--oshi-color) 28%,transparent)}.primary span{float:right;margin-right:6px}.primary:active,.secondary:active{transform:scale(.98)}.secondary{background:#fff;color:var(--ink);border:1px solid #fff}.ghost{background:transparent;color:#4e4857;border:1px solid rgba(49,42,60,.2)}button:disabled{cursor:default}.local-note,.disclaimer{font-size:.73rem;color:var(--muted);text-align:center}.question-screen header{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 10px;font-size:.82rem;font-weight:800;color:#4f4958}.back{background:#fff6;border:0;color:#4f4958;min-height:42px;padding:0 12px;border-radius:99px}.hidden{visibility:hidden}.progress-track{height:7px;border-radius:7px;background:#ffffff73;margin-bottom:28px;overflow:hidden}.progress-track i,.bar i{display:block;height:100%;border-radius:inherit;background:var(--oshi-color);box-shadow:0 0 15px color-mix(in srgb,var(--oshi-color) 50%,transparent);transition:width .45s ease}.qnum{display:flex;justify-content:space-between;align-items:center;gap:12px}.qnum span,.result-head>span{font-size:.78rem;font-weight:900;letter-spacing:.14em;color:color-mix(in srgb,var(--oshi-color) 72%,#3f3848)}.qnum small{font-size:.7rem;color:var(--muted);font-weight:650}.question-card h2{font-size:clamp(1.35rem,5vw,1.9rem);line-height:1.5;min-height:6.3rem;margin-top:12px;color:var(--ink)}.answers{display:grid;gap:10px}.answers button{position:relative;min-height:60px;border-radius:17px;background:#fffc;border:1.5px solid rgba(66,56,79,.1);color:var(--ink);display:flex;align-items:center;gap:14px;padding:8px 15px;text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease,border .16s ease,opacity .16s ease}.answers button:hover,.answers button:focus-visible,.answers button.selected{border-color:var(--oshi-color);background:color-mix(in srgb,var(--oshi-color) 11%,#fff);outline:none}.answers button.answering{transform:scale(.975);background:color-mix(in srgb,var(--oshi-color) 22%,#fff);box-shadow:0 8px 24px color-mix(in srgb,var(--oshi-color) 22%,transparent)}.answers button.answering:after{content:"✓";position:absolute;right:16px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--oshi-color);color:#fff;font-weight:900;animation:pop .22s ease}.answers button.dimmed{opacity:.48}.answers b{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:12px;background:color-mix(in srgb,var(--oshi-color) 12%,#f2eff5);color:color-mix(in srgb,var(--oshi-color) 78%,#332c3b)}.color-note{text-align:center;font-size:.72rem;color:#5d5665;margin-top:17px}.color-note i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--oshi-color);margin-right:5px}.analyzing{display:grid;place-content:center;text-align:center}.analyzing h2{font-size:1.4rem;color:var(--ink)}.heart-loader{position:relative;margin:auto;width:108px;height:108px;display:grid;place-items:center}.heart-loader i{position:relative;z-index:1;font-size:2.6rem;font-style:normal;color:#fff}.heart-loader:before,.heart-loader:after,.heart-loader span{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:36% 64% 52% 48%;background:var(--oshi-color);animation:turn 1.4s linear infinite}.heart-loader:after{top:5px;right:5px;bottom:5px;left:5px;background:transparent;border:2px solid color-mix(in srgb,var(--oshi-color) 50%,#fff);animation-direction:reverse}.result-screen{padding-top:22px}.result-head{text-align:center}.result-head h1{font-size:1.05rem;margin:9px 0 0;color:#4e4756}.score{font-size:clamp(5.2rem,26vw,8.3rem);line-height:1;font-weight:950;letter-spacing:-.07em;color:#fff;text-shadow:0 5px 24px color-mix(in srgb,var(--oshi-color) 55%,#333)}.score small{font-size:.3em}.character-wrap{position:relative;width:min(82vw,420px);height:330px;margin:-8px auto -14px}.character-wrap>span{position:absolute;top:12%;right:8%;bottom:5%;left:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.88),rgba(255,255,255,.15) 58%,transparent 70%)}.character{position:relative;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 18px 24px rgba(54,39,65,.15))}.result-head h2{font-size:clamp(1.8rem,8vw,2.8rem);line-height:1.2;margin:0;color:#282230}.catch{color:#433b49;font-weight:750;margin-inline:auto;max-width:32rem}.support{display:inline-block;padding:7px 15px;border-radius:999px;background:linear-gradient(90deg,#ffe080,#ffaf78);color:#3d2819;font-weight:850;box-shadow:0 9px 24px #dc973633}.rare .result-head>span,.rare .result-head h2{color:#8b541f;text-shadow:0 1px 14px #fff9}.result-body{margin-top:20px}.summary{font-size:1.02rem}.result-body section{margin-top:26px}.result-body h3{margin:0 0 8px;color:color-mix(in srgb,var(--oshi-color) 72%,#302838)}.axis{margin:14px 0}.axis>div:first-child{display:flex;justify-content:space-between;font-size:.9rem}.bar{height:10px;background:color-mix(in srgb,var(--oshi-color) 10%,#ede9ef);border-radius:99px;overflow:hidden}.text-card{padding:15px 16px;border-radius:16px;background:color-mix(in srgb,var(--oshi-color) 7%,#fff);border-left:4px solid var(--oshi-color)}.text-card p{margin:0;color:#514b56}blockquote{margin:26px 0;padding:20px;text-align:center;border:1.5px solid color-mix(in srgb,var(--oshi-color) 55%,#fff);border-radius:18px;color:color-mix(in srgb,var(--oshi-color) 74%,#342b38);font-weight:800;background:color-mix(in srgb,var(--oshi-color) 7%,#fff)}.extra,.feedback{color:#655e69;font-size:.9rem}.feedback{white-space:pre-wrap;padding:8px;text-align:center}.selectable{-webkit-user-select:all;user-select:all;background:#fff;border-radius:10px}.disclaimer{margin-bottom:0}@keyframes pop{0%{transform:scale(.4);opacity:0}75%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:390px){.screen{width:min(100% - 20px,680px);padding-top:20px}.start-card,.question-card,.result-body{padding:18px;border-radius:21px}.start-card{margin-top:8px}.time{margin-top:-32px}.privacy{gap:5px}.privacy span{font-size:.67rem;padding:4px 7px}.color-palette{grid-template-columns:repeat(4,1fr)}.question-card h2{min-height:auto;margin-bottom:20px}.character-wrap{height:285px}.qnum small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body{background:#f8f4f7;background-attachment:fixed}.brand i,.time,.primary,.answers button.answering:after{color:var(--on-oshi-color, #fff);background:var(--oshi-color, #ff5fa2)}.score{display:inline-flex;align-items:baseline;justify-content:center;margin-top:8px;padding:.04em .18em .1em;border-radius:.23em;color:var(--on-oshi-color, #fff);background:var(--oshi-color, #ff5fa2);text-shadow:none;box-shadow:0 12px 34px #2d233729}.custom-color:focus-within{outline:3px solid var(--oshi-color, #ff5fa2);outline-offset:3px}.custom-color.active i{transform:scale(.82);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--oshi-color, #ff5fa2)}@supports (color: color-mix(in srgb,red,white)){body{background:radial-gradient(circle at 8% 4%,rgba(255,255,255,.95),transparent 34%),radial-gradient(circle at 92% 18%,rgba(255,255,255,.72),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--oshi-color) var(--oshi-strength),#fff),color-mix(in srgb,var(--oshi-color) var(--oshi-strength),#fff))}.primary{background:linear-gradient(100deg,color-mix(in srgb,var(--oshi-color) 76%,#d94072),var(--oshi-color))}}.recommendations{margin-top:32px;padding-top:29px;border-top:1px solid color-mix(in srgb,var(--oshi-color) 22%,#ded8e2)}.recommendation-heading{text-align:center}.recommendation-heading>span{font-size:.7rem;font-weight:900;letter-spacing:.16em;color:color-mix(in srgb,var(--oshi-color) 75%,#3d3544)}.recommendation-heading h3{margin:8px 0;color:var(--ink);font-size:clamp(1.35rem,5vw,1.7rem);line-height:1.35}.recommendation-heading>p:not(.pr-label){max-width:30rem;margin:0 auto 19px;color:#665f6b;font-size:.88rem}.pr-label{display:table;margin:8px auto 5px;padding:3px 10px;border-radius:99px;background:#eee9f0;color:#5d5662;font-size:.7rem;font-weight:800}.product-grid{display:grid;gap:11px}.product-card{position:relative;margin:0!important;padding:15px;border:1px solid color-mix(in srgb,var(--oshi-color) 20%,#e6e0e8);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--oshi-color) 9%,#fff),#fff);display:grid;grid-template-columns:240px minmax(0,1fr);gap:15px;align-items:center}.product-number{grid-column:1 / -1;display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:var(--oshi-color);color:var(--on-oshi-color, #fff);font-size:.72rem;font-weight:900}.product-photo{width:244px;min-height:244px}.product-photo a{display:inline-block}.product-photo img{display:block}.product-copy{min-width:0}.product-card h4{margin:0;color:var(--ink);font-size:1rem}.product-card p{margin:4px 0 11px;color:#625b67;font-size:.84rem;line-height:1.55}.product-copy a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;gap:6px;border:1px solid color-mix(in srgb,var(--oshi-color) 35%,#ddd6e0);border-radius:12px;background:#fff;color:color-mix(in srgb,var(--oshi-color) 78%,#282230);font-size:.85rem;font-weight:850;text-decoration:none}.product-card a:focus-visible{outline:3px solid color-mix(in srgb,var(--oshi-color) 38%,transparent);outline-offset:2px}.outbound-note{margin:14px 2px 0;color:#77707b;font-size:.7rem;line-height:1.55;text-align:center}@media(max-width:580px){.product-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.product-photo{margin-inline:auto}.product-copy a{padding:0 10px;font-size:.78rem}}.oshi-start .start-card{margin-top:16px}.oshi-start .privacy{margin-bottom:26px}.oshi-result .character-wrap{height:340px;margin-top:6px}.oshi-result .result-head h2{margin-top:8px}.oshi-result .result-body{margin-top:24px}.oshi-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee8f0;padding:8px 0;font-weight:750}.oshi-stat span:last-child{color:var(--oshi-color);letter-spacing:.08em;white-space:nowrap}.oshi-stat i{color:#bab3be;font-style:normal}.status-note{color:#756e79;font-size:.8rem;margin-top:0}.sibling-link{display:inline-flex;align-self:center;margin-top:20px;color:#493e51;font-size:.9rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}.sibling-card{background:#fff;border:1px solid #e5dce8;border-radius:19px;padding:18px;margin-top:30px}.sibling-card h3{margin:0 0 5px;font-size:1.05rem}.sibling-card p{margin:0 0 10px;color:#625967}.sibling-card a{display:inline-flex;min-height:44px;align-items:center;font-weight:850;color:#64436f;text-underline-offset:4px}@media(max-width:390px){.oshi-result .character-wrap{height:290px}}