:root{--cp-picture-bg:#fff}html.dark{--cp-picture-bg:#e8edf0}.cp-pic{border-radius:var(--radius-md);background:var(--cp-picture-bg);flex:none;justify-content:center;align-items:center;padding:4px;display:inline-flex;overflow:hidden}.cp-pic img{object-fit:contain;width:100%;height:100%;display:block}.cp-switcher{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;display:grid}.cp-switch{border-radius:var(--radius-lg);border:2px solid var(--border-strong);background:var(--surface);min-height:116px;color:var(--ink);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:16px;font-weight:700;line-height:1.3;display:flex}.cp-switch__text{flex-direction:column;align-items:center;gap:2px;display:flex}@media (max-width:559px){.cp-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cp-switch{text-align:start;flex-direction:row;justify-content:flex-start;gap:10px;min-height:76px;padding:8px 10px;font-size:15px}.cp-switch__text{align-items:flex-start}.cp-switch .cp-switch__pic{width:46px;height:46px}}.cp-switch:hover{border-color:var(--primary)}.cp-switch[aria-pressed=true]{border-color:var(--primary);background:var(--primary-light);box-shadow:inset 0 0 0 2px var(--primary)}.cp-switch__pic{width:52px;height:52px}.cp-stars{color:var(--ink-secondary);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.cp-stars svg{width:16px;height:16px;color:var(--primary);fill:currentColor}.cp-panel>h2{margin-bottom:12px;font-size:22px}.cp-summary{cursor:pointer;align-items:center;min-height:64px;font-size:17px;font-weight:700;display:flex}.cp-panel .care-chip{min-height:64px;padding-inline:16px;font-size:16px}.cp-panel .care-fieldset:disabled .care-chip{opacity:.55;cursor:not-allowed}.cp-panel .care-switch:before{content:"";position:absolute;inset:-12px -6px}.cp-panel .care-fieldset+.care-fieldset{margin-top:4px}html:has(.cp-nowbar){scroll-padding-block-end:120px}.cp-nowbar{z-index:5;border-radius:var(--radius-lg);border:2px solid var(--primary);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;padding:8px 12px;display:flex;position:sticky;bottom:12px}.cp-nowbar__item{align-items:center;gap:8px;font-size:17px;font-weight:700;display:inline-flex}.cp-nowbar__item svg{width:22px;height:22px;color:var(--primary);flex:none}.cp-nowbar .care-btn{margin-inline-start:auto}.tp-intro{color:var(--ink-secondary);margin-bottom:12px;font-size:17px;line-height:1.6}.tp-h3{color:var(--ink);margin-block:20px 4px;font-size:19px;font-weight:700}.tp-intro-stars{margin-block:14px 4px;font-size:16px}.tp-intro-stars svg{width:20px;height:20px}.tp-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.tp-progress{color:var(--ink-secondary);font-size:16px;font-weight:700}.tp-prompt{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-block:6px 16px;display:flex}.tp-prompt__text{color:var(--ink);font-size:clamp(22px,4vw,30px);font-weight:700;line-height:1.35}.tp-prompt__text:focus{outline:none}.tp-prompt__text:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:4px}.tp-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:720px){.tp-choices[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-choices[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.tp-choice{border-radius:var(--radius-lg);border:3px solid var(--border-strong);background:var(--surface);min-height:150px;color:var(--ink);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:20px;font-weight:700;line-height:1.3;display:flex}.tp-choice:hover{border-color:var(--primary)}.tp-choice .cp-pic{width:104px;height:104px}@media (max-width:400px){.tp-choice .cp-pic{width:84px;height:84px}}.tp-choice[data-prompt=true]{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light), 0 0 0 7px var(--primary);animation:1.8s ease-in-out 2 tp-glow}@keyframes tp-glow{0%,to{box-shadow:0 0 0 4px var(--primary-light), 0 0 0 7px var(--primary)}50%{box-shadow:0 0 0 9px var(--primary-light), 0 0 0 12px var(--primary)}}.tp-choice[data-found=true]{border-color:var(--success);background:var(--success-light);box-shadow:none;animation:none}.tp-choice[aria-disabled=true]{cursor:default}@media (prefers-reduced-motion:reduce){.tp-choice[data-prompt=true]{animation:none}}[data-reduce-motion=true] .tp-choice[data-prompt=true]{animation:none}.tp-feedback{min-height:34px;color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:22px;font-weight:700;display:flex}.tp-feedback svg{width:28px;height:28px;color:var(--success);flex:none}.tp-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.tp-strip{border-radius:var(--radius-md);background:var(--surface-inset);flex-wrap:wrap;align-items:stretch;gap:8px;min-height:104px;margin-bottom:16px;padding:8px;display:flex}.tp-chip{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);min-width:88px;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:17px;font-weight:700;line-height:1.25;display:inline-flex}.tp-chip .cp-pic{width:56px;height:56px}.tp-chip--slot{border-style:dashed;border-color:var(--border-strong);color:var(--ink-secondary)}@media (max-width:559px){.tp-strip{flex-wrap:nowrap;gap:6px;min-height:92px;padding:6px;overflow-x:auto}.tp-chip{flex:0 auto;min-width:64px;padding:4px 6px;font-size:15px}.tp-chip .cp-pic{width:44px;height:44px}}.tp-question{flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tp-question .cp-pic{width:min(220px,56vw);height:min(220px,56vw)}.tp-yesno{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tp-yesno .tp-choice{min-height:150px;font-size:26px}.tp-yesno .tp-choice .cp-pic{width:84px;height:84px}.tp-end{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-block:8px;display:flex}.tp-end__title{font-size:26px;font-weight:700}.tp-end__stars{align-items:center;gap:10px;font-size:22px;font-weight:700;display:inline-flex}.tp-end__stars svg{width:44px;height:44px;color:var(--primary);fill:currentColor}.tp-greet-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.tp-greet{border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;padding:12px;display:flex}.tp-greet__say{border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--surface);width:100%;min-height:88px;color:var(--ink);text-align:start;cursor:pointer;align-items:center;gap:12px;padding:8px 10px;display:flex}.tp-greet__say:hover{border-color:var(--primary)}.tp-greet__say .cp-pic{width:72px;height:72px}.tp-greet__phrase{font-size:21px;font-weight:700;line-height:1.35;display:block}.tp-greet__meaning{color:var(--ink-secondary);font-size:15px;display:block}.tp-greet__say>svg{width:26px;height:26px;color:var(--primary);flex:none;margin-inline-start:auto}.tp-greet__when{color:var(--ink);font-size:16px;line-height:1.5}.tp-source{color:var(--ink-secondary);border-inline-start:3px solid var(--border-strong);padding-inline-start:10px;font-size:15px;line-height:1.6}.tp-source a,.calm-source a{color:var(--primary);text-underline-offset:3px;font-weight:700;text-decoration:underline}
