/* 05 pain: interactive mirror (New version only) */
.where h2.pain-h{max-width:22ch;margin:0}
.where h2.pain-h .l1,.where h2.pain-h .l2{display:block}
.where h2.pain-h .l2{opacity:.7}
.where h2.pain-h .tbc{font-size:.5em;vertical-align:middle;font-weight:400;letter-spacing:.02em}
.pain-lead{font-size:20px;color:var(--fg-on-dark)!important;margin:32px 0 6px}
.pain-micro{font:400 14px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(244,242,236,.6)!important;margin:0}
.pain-pick{margin-top:24px}
.pain-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pain-grid li{display:flex}
.pain-card{appearance:none;font:inherit;text-align:left;cursor:pointer;width:100%;min-height:56px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:16px;align-items:start;padding:16px 18px;border:1.5px solid rgba(244,242,236,.10);border-radius:var(--r-md);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));color:rgba(244,242,236,.86);font-size:16px;line-height:1.5;transition:border-color .15s var(--ez),background-color .15s var(--ez),color .15s var(--ez)}
.pain-dot{width:20px;height:20px;margin-top:2px;border-radius:50%;border:1.5px solid rgba(244,242,236,.55);display:grid;place-items:center;transition:background-color .15s var(--ez),border-color .15s var(--ez)}
.pain-dot svg{width:12px;height:12px;opacity:0;transition:opacity .15s var(--ez)}
.pain-card[aria-pressed="true"]{border-color:var(--c02-sun-5);background:rgba(255,119,89,.07);color:var(--fg-on-dark)}
.pain-card[aria-pressed="true"] .pain-dot{background:var(--c02-sun-5);border-color:var(--c02-sun-5)}
.pain-card[aria-pressed="true"] .pain-dot svg{opacity:1}
@media (hover:hover){.pain-card:hover{border-color:rgba(244,242,236,.28)}.pain-card[aria-pressed="true"]:hover{border-color:var(--c02-sun-4)}}
.pain-card:focus-visible{outline:2px solid var(--bt-focus);outline-offset:2px}
.pain-count{min-height:60px;margin-top:16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s var(--ez),transform .2s var(--ez),visibility 0s linear .2s}
.pain-count.on{opacity:1;visibility:visible;transform:none;transition:opacity .2s var(--ez),transform .2s var(--ez),visibility 0s}
.pain-count .pc-n{font-family:var(--font-display);font-weight:300;font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--c02-sun-5)}
.pain-count .pc-t{font-size:17px;line-height:1.5;color:var(--fg-on-dark)}
.pain-count .pc-t .tbc{color:var(--fg-on-dark)}
.pain-count .pc-all{display:none}
.pain-count.all .pc-some{display:none}.pain-count.all .pc-all{display:inline}
.where .where-close.pain-close{grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:72px;align-items:start;margin-top:64px}
.where .where-close .where-why p.pain-why{font-size:18px!important;line-height:1.6;color:rgba(244,242,236,.8);max-width:44ch}
.where .where-close .where-why p.pain-exit{margin-top:24px;font-size:22px!important;line-height:1.4;font-weight:500;letter-spacing:-.01em;color:var(--fg-on-dark);max-width:30ch}
.pain-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:16px;color:var(--c02-sun-4);text-decoration:none;text-underline-offset:4px}
.pain-link:hover{text-decoration:underline}
@media (max-width:1023px){.where .where-close.pain-close{grid-template-columns:1fr;gap:32px}}
@media (max-width:640px){
.where{overflow:clip}
.pain-lead{font-size:18px;margin-top:24px}
.pain-grid{grid-template-columns:1fr;gap:10px}
.pain-count{position:sticky;bottom:12px;z-index:5;min-height:0;padding:12px 18px;border-radius:var(--r-pill);background:rgba(11,11,12,.94);border:1px solid rgba(244,242,236,.14);box-shadow:var(--shadow-modal);flex-wrap:nowrap;align-items:center;gap:12px}
.pain-count .pc-n{font-size:30px;flex:none}
.pain-count .pc-t{font-size:14px;line-height:1.35}
.where .where-close.pain-close{margin-top:48px}
.where .where-close .where-why p.pain-why{font-size:17px!important}
.where .where-close .where-why p.pain-exit{font-size:19px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pain-card,.pain-dot,.pain-dot svg,.pain-count,.pain-count.on{transition:none!important}.pain-count{transform:none}}