.hintDetail{--hint-accent:var(--accent-blue);--hint-accent-soft:var(--accent-blue-soft);--tag-accent-bg:var(--hint-accent-soft);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.hintDetail:after{z-index:0;pointer-events:none;content:"";background:var(--hint-accent-soft);border-bottom-left-radius:var(--radius-full);width:160px;height:160px;position:absolute;top:0;right:0}.hintDetail__accent{z-index:1;padding:var(--spacing-16) var(--spacing-24) 0;align-items:center;position:relative}.hintDetail__accentLabel{gap:var(--inline-gap-xs);align-items:center;display:inline-flex}.hintDetail__accentLabel:before{width:var(--pip-size);height:var(--pip-size);content:"";background:var(--hint-accent);border-radius:var(--radius-full);box-shadow:0 0 8px var(--hint-accent)}.hintDetail__header{z-index:1;gap:var(--stack-gap-sm);padding:var(--spacing-8) var(--spacing-24) var(--spacing-16);border-bottom:1px solid var(--color-hairline);display:grid;position:relative}.hintDetail__body{z-index:1;gap:var(--spacing-20);min-height:0;padding:var(--spacing-20) var(--spacing-24) var(--spacing-24);overscroll-behavior:contain;flex:auto;display:grid;position:relative;overflow-y:auto}.hintDetail--blue{--hint-accent:var(--accent-blue);--hint-accent-soft:var(--accent-blue-soft);--hint-border:var(--accent-blue-border)}.hintDetail--purple{--hint-accent:var(--accent-purple);--hint-accent-soft:var(--accent-purple-soft);--hint-border:var(--accent-purple-border)}.hintDetail--teal{--hint-accent:var(--accent-teal);--hint-accent-soft:var(--accent-teal-soft);--hint-border:var(--accent-teal-border)}.hintDetail--amber{--hint-accent:var(--accent-amber);--hint-accent-soft:var(--accent-amber-soft);--hint-border:var(--accent-amber-border)}.hintDetail--coral{--hint-accent:var(--accent-coral);--hint-accent-soft:var(--accent-coral-soft);--hint-border:var(--accent-coral-border)}.hintDetail--green{--hint-accent:var(--accent-green);--hint-accent-soft:var(--accent-green-soft);--hint-border:var(--accent-green-border)}.hintDetail--gray{--hint-accent:var(--accent-gray);--hint-accent-soft:var(--accent-gray-soft);--hint-border:var(--accent-gray-border)}.hintDetail--pink{--hint-accent:var(--accent-pink);--hint-accent-soft:var(--accent-pink-soft);--hint-border:var(--accent-pink-border)}.hintDetail--indigo{--hint-accent:var(--accent-indigo);--hint-accent-soft:var(--accent-indigo-soft);--hint-border:var(--accent-indigo-border)}.hintDetail--lime{--hint-accent:var(--accent-lime);--hint-accent-soft:var(--accent-lime-soft);--hint-border:var(--accent-lime-border)}.hintDetail--cyan{--hint-accent:var(--accent-cyan);--hint-accent-soft:var(--accent-cyan-soft);--hint-border:var(--accent-cyan-border)}.hintDetail--orange{--hint-accent:var(--accent-orange);--hint-accent-soft:var(--accent-orange-soft);--hint-border:var(--accent-orange-border)}.hintDetail--magenta{--hint-accent:var(--accent-magenta);--hint-accent-soft:var(--accent-magenta-soft);--hint-border:var(--accent-magenta-border)}.hintDetail--violet{--hint-accent:var(--accent-violet);--hint-accent-soft:var(--accent-violet-soft);--hint-border:var(--accent-violet-border)}.hintDetail--emerald{--hint-accent:var(--accent-emerald);--hint-accent-soft:var(--accent-emerald-soft);--hint-border:var(--accent-emerald-border)}.hintDetail--rose{--hint-accent:var(--accent-rose);--hint-accent-soft:var(--accent-rose-soft);--hint-border:var(--accent-rose-border)}@media (max-width:640px){.hintDetail__header{padding:var(--spacing-8) var(--spacing-20) var(--spacing-16)}.hintDetail__accent{padding:var(--spacing-16) var(--spacing-20) 0}.hintDetail__body{gap:var(--stack-gap-md);padding:var(--spacing-16) var(--spacing-20) var(--spacing-20)}}
.modal{z-index:var(--z-index-modal);padding:var(--spacing-32);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal:before{pointer-events:none;content:"";background:var(--modal-scrim);opacity:0;animation-fill-mode:both;position:absolute;inset:0}.modal--open:before{animation:.24s ease-out both modal-backdrop-in}.modal--closing:before{animation:.22s ease-in both modal-backdrop-out}.modal__panel{z-index:1;background:var(--color-surface);border-radius:var(--radius-cards);width:min(100%,940px);max-height:min(85dvh,940px);box-shadow:var(--shadow-raised);opacity:0;will-change:transform,opacity;border:none;flex-direction:column;animation-fill-mode:both;display:flex;position:relative;overflow:hidden;transform:translateY(56px)}.modal--open .modal__panel{animation:.38s cubic-bezier(.2,.8,.2,1) both modal-panel-in}.modal--closing .modal__panel{animation:.32s cubic-bezier(.4,0,.2,1) both modal-panel-out}.modal__close{width:var(--control-44);height:var(--control-44);color:var(--text-muted-color);cursor:pointer;background:var(--color-surface);border-radius:var(--radius-buttons);box-shadow:var(--shadow-raised-sm);transition:box-shadow var(--dur-hover) var(--ease),color var(--dur-press) var(--ease);border:none;flex-shrink:0;place-items:center;display:grid}.modal__close:hover{color:var(--text-strong-color);box-shadow:var(--shadow-raised)}.modal__close:active{box-shadow:var(--shadow-pressed)}.modal__footer{padding:var(--spacing-16) var(--spacing-24);border-top:1px solid var(--color-hairline);justify-content:flex-end;display:flex}.modal__pageLink{gap:var(--inline-gap-xs);font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--text-muted-color);align-items:center;transition:color .18s;display:inline-flex}.modal__pageLink:hover,.modal__pageLink:focus-visible{color:var(--text-strong-color);outline:none}.modal--blue{--modal-accent:var(--accent-blue);--modal-accent-soft:var(--accent-blue-soft);--modal-border:var(--accent-blue-border)}.modal--purple{--modal-accent:var(--accent-purple);--modal-accent-soft:var(--accent-purple-soft);--modal-border:var(--accent-purple-border)}.modal--teal{--modal-accent:var(--accent-teal);--modal-accent-soft:var(--accent-teal-soft);--modal-border:var(--accent-teal-border)}.modal--amber{--modal-accent:var(--accent-amber);--modal-accent-soft:var(--accent-amber-soft);--modal-border:var(--accent-amber-border)}.modal--coral{--modal-accent:var(--accent-coral);--modal-accent-soft:var(--accent-coral-soft);--modal-border:var(--accent-coral-border)}.modal--green{--modal-accent:var(--accent-green);--modal-accent-soft:var(--accent-green-soft);--modal-border:var(--accent-green-border)}.modal--gray{--modal-accent:var(--accent-gray);--modal-accent-soft:var(--accent-gray-soft);--modal-border:var(--accent-gray-border)}.modal--pink{--modal-accent:var(--accent-pink);--modal-accent-soft:var(--accent-pink-soft);--modal-border:var(--accent-pink-border)}.modal--indigo{--modal-accent:var(--accent-indigo);--modal-accent-soft:var(--accent-indigo-soft);--modal-border:var(--accent-indigo-border)}.modal--lime{--modal-accent:var(--accent-lime);--modal-accent-soft:var(--accent-lime-soft);--modal-border:var(--accent-lime-border)}.modal--cyan{--modal-accent:var(--accent-cyan);--modal-accent-soft:var(--accent-cyan-soft);--modal-border:var(--accent-cyan-border)}.modal--orange{--modal-accent:var(--accent-orange);--modal-accent-soft:var(--accent-orange-soft);--modal-border:var(--accent-orange-border)}.modal--magenta{--modal-accent:var(--accent-magenta);--modal-accent-soft:var(--accent-magenta-soft);--modal-border:var(--accent-magenta-border)}.modal--violet{--modal-accent:var(--accent-violet);--modal-accent-soft:var(--accent-violet-soft);--modal-border:var(--accent-violet-border)}.modal--emerald{--modal-accent:var(--accent-emerald);--modal-accent-soft:var(--accent-emerald-soft);--modal-border:var(--accent-emerald-border)}.modal--rose{--modal-accent:var(--accent-rose);--modal-accent-soft:var(--accent-rose-soft);--modal-border:var(--accent-rose-border)}@media (max-width:640px){.modal{padding:var(--spacing-16)}.modal__panel{border-radius:var(--radius-cards);max-height:min(92dvh,100dvh - 24px)}}@media (prefers-reduced-motion:reduce){.modal:before,.modal__panel{animation:none}.modal__panel{opacity:1;transform:none}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translate(0,0)}}@keyframes modal-panel-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-44px)}}