.type-mate-dialog{z-index:130;backdrop-filter:blur(3px);background:#1e183680;place-items:center;padding:16px;animation:.2s type-mate-fade;display:grid;position:fixed;inset:0}.type-mate-dialog__panel{border:1px solid var(--border);background:var(--surface);border-radius:22px;width:min(540px,100%);max-height:90vh;padding:clamp(20px,4vw,32px);animation:.28s cubic-bezier(.2,.8,.2,1) type-mate-rise;position:relative;overflow:auto;box-shadow:0 30px 70px #1e18365c}.type-mate-dialog__close{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-sub);cursor:pointer;border-radius:50%;place-items:center;font-size:1.15rem;display:grid;position:absolute;top:12px;right:12px}.type-mate-dialog__head{align-items:center;gap:16px;padding-right:34px;display:flex}.type-mate-dialog__head h2{margin:2px 0 4px;font-size:clamp(1.4rem,5vw,1.8rem)}.type-mate-dialog__catch{color:var(--gold-deep);margin:0;font-size:.96rem;font-weight:800;line-height:1.6}.type-mate-dialog__desc{margin:16px 0 0;line-height:1.9}.type-mate-dialog__traits{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.type-mate-dialog__traits li{border-left:3px solid var(--gold);border-radius:var(--radius-sm);background:var(--surface-warm);padding:12px 16px}.type-mate-dialog__traits b{color:var(--gold-deep);letter-spacing:.06em;margin-bottom:3px;font-size:.78rem;display:block}.type-mate-dialog__traits p{margin:0;line-height:1.75}.type-mate-dialog__block{margin-top:22px}.type-mate-dialog__block h3{margin:0 0 10px;font-size:1rem}.type-mate-dialog__scenes{gap:8px;margin:0;display:grid}.type-mate-dialog__scenes>div{border-radius:var(--radius-sm);background:var(--surface-warm);grid-template-columns:7.5em 1fr;gap:10px;padding:10px 14px;display:grid}.type-mate-dialog__scenes dt{color:var(--gold-deep);font-size:.8rem;font-weight:800}.type-mate-dialog__scenes dd{margin:0;font-size:.9rem;line-height:1.75}.type-mate-dialog__block p{margin:6px 0 0;line-height:1.8}.type-mate-dialog__block p b{color:var(--gold-deep)}@keyframes type-mate-fade{0%{opacity:0}}@keyframes type-mate-rise{0%{opacity:0;transform:translateY(20px)}}@media (width<=520px){.type-mate-dialog__head{flex-direction:column;align-items:flex-start}.type-mate-dialog__scenes>div{grid-template-columns:1fr;gap:2px}}.type-result{counter-reset:tblock;max-width:860px;padding:clamp(22px,4vw,40px)}.type-result__hero{align-items:center;gap:clamp(16px,3vw,26px);display:flex}.type-result__hero-copy{min-width:0}.type-result__kicker{color:var(--text-sub);letter-spacing:.06em;margin:0;font-size:.84rem;font-weight:800}.type-result__name{margin:4px 0 8px;font-size:clamp(1.9rem,5.5vw,2.9rem);line-height:1.2}.type-result__catch{margin:0;font-size:clamp(1rem,2.4vw,1.18rem);font-weight:800;line-height:1.6}.type-result>h2{margin:6px 0 10px;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.25}.type-traits{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.type-traits li{border-left:3px solid var(--type-accent,var(--love));border-radius:var(--radius-sm);background:var(--surface-warm);padding:16px 20px}.type-traits b{color:var(--gold-deep);letter-spacing:.08em;margin-bottom:4px;font-size:.78rem;font-weight:800;display:block}.type-traits p{margin:0;line-height:1.85}.type-block{margin-top:38px}.type-block h3{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;margin:0 0 16px;padding-bottom:12px;font-size:clamp(1.15rem,2.6vw,1.3rem);display:flex}.type-block h3:before{color:var(--type-accent,var(--love));letter-spacing:.12em;counter-increment:tblock;content:counter(tblock, decimal-leading-zero);flex:none;font-size:.82rem;font-weight:800}.type-scene-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.type-scene-card{border:1px solid color-mix(in srgb, var(--type-accent,var(--love)) 16%, var(--border));border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.type-scene-card__name{color:var(--type-accent,var(--love));margin:0 0 8px;font-weight:800}.type-scene-card__scene{margin:0;line-height:1.85}.type-scene-card__tip{border-top:1px dashed var(--border);color:var(--text-sub);margin:12px 0 0;padding-top:12px;font-size:.86rem;line-height:1.7}.type-fortune{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.type-fortune>div{border-radius:var(--radius-md);background:var(--surface-warm);padding:16px 18px}.type-fortune b{color:var(--gold-deep);letter-spacing:.05em;margin-bottom:2px;font-size:.8rem;display:block}.type-fortune p{margin:4px 0 0;line-height:1.8}.type-mates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.type-mate{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);text-align:left;font:inherit;cursor:pointer;align-items:flex-start;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.type-mate:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--type-accent,var(--love)) 34%, var(--border));transform:translateY(-3px)}.type-mate__body{gap:3px;min-width:0;display:grid}.type-mate__label{color:var(--gold-deep);letter-spacing:.04em;font-size:.74rem;font-weight:800}.type-mate b{font-size:1.02rem}.type-mate__note{color:var(--text-sub);font-size:.84rem;line-height:1.7}.type-mate__more{color:var(--type-accent,var(--love));margin-top:4px;font-size:.78rem;font-weight:800}.type-more summary{border:1px dashed color-mix(in srgb, var(--type-accent,var(--love)) 40%, var(--border));border-radius:var(--radius-md);cursor:pointer;padding:14px 18px;font-weight:800}.love-type>article+article,.work-type>article+article{margin-top:24px}@media (width<=680px){.type-result__hero{flex-direction:column;align-items:flex-start}.type-scene-cards,.type-fortune,.type-mates{grid-template-columns:1fr}}