.hintDetail{--hint-accent:var(--accent-blue);--hint-accent-soft:var(--accent-blue-soft);--rich-text-break-display:inline;--tag-marker-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__status{min-height:180px;color:var(--foreground-muted);text-align:center;place-items:center;display:grid}.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{--rich-text-break-display:none}.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)}}