.tag{font-weight:var(--font-weight-medium);color:var(--foreground-muted);white-space:nowrap;background:var(--surface);border-radius:var(--radius-ui);transition:box-shadow var(--dur-hover) var(--ease),color var(--dur-press) var(--ease);border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.tag--default:before{color:var(--foreground-subtle);content:"#"}.tag--marker{color:var(--foreground-muted);background:var(--tag-marker-bg,var(--surface));box-shadow:none}.tag--sizeSm{min-height:var(--control-24);padding-inline:var(--spacing-8);font-size:12px}.tag--sizeMd{min-height:var(--control-32);padding-inline:var(--spacing-12);font-size:var(--text-caption)}.tag--interactive{cursor:pointer;box-shadow:var(--shadow-raised-sm)}.tag--interactive:active{box-shadow:var(--shadow-pressed)}.tag--active{color:var(--surface-accent-foreground);background:var(--surface-accent);box-shadow:var(--shadow-pressed)}.tag--active:before{color:var(--surface-accent-foreground)}@media (hover:hover){.tag--interactive:hover{color:var(--foreground-strong);box-shadow:var(--shadow-raised)}.tag--active:hover{color:var(--surface-accent-foreground);box-shadow:var(--shadow-pressed)}}
.tagList{flex-wrap:wrap;align-items:flex-start;display:flex}.tagList--gapSm{gap:var(--inline-gap-xs)}.tagList--gapMd{gap:var(--inline-gap-sm)}
.hintCard{--hint-card-accent:var(--accent-blue);--hint-card-accent-soft:var(--accent-blue-soft);--hint-card-border:var(--accent-blue-border);--hint-card-pad:var(--card-padding-md);--tag-marker-bg:var(--hint-card-accent-soft);min-height:100%;color:var(--foreground);transition:box-shadow var(--dur-hover) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden;container:hint-card/inline-size}.hintCard:after{z-index:0;pointer-events:none;content:"";background:var(--hint-card-accent-soft);border-bottom-left-radius:var(--radius-full);width:128px;height:128px;transition:transform var(--dur-hover) var(--ease);position:absolute;top:0;right:0}.hintCard:hover{box-shadow:var(--shadow-raised-hover)}.hintCard:hover:after{transform:scale(1.1)}.hintCard:focus-within{box-shadow:var(--shadow-raised),0 0 0 3px var(--focus-ring)}.hintCard__openLink{z-index:1;width:100%;color:inherit;text-align:left;cursor:pointer;flex-direction:column;flex:auto;display:flex;position:relative}.hintCard__openLink:focus-visible{outline:none}.hintCard__header{gap:var(--inline-gap-sm);min-height:calc(var(--hint-card-pad) + var(--control-36));padding:var(--hint-card-pad) var(--hint-card-pad) 0;justify-content:space-between;align-items:center;display:flex}.hintCard__category{gap:var(--inline-gap-xs);align-items:center;display:inline-flex}.hintCard__category:before{width:var(--pip-size);height:var(--pip-size);content:"";background:var(--hint-card-accent);border-radius:var(--radius-full);box-shadow:0 0 8px var(--hint-card-accent)}.hintCard__level{flex-shrink:0;margin-left:auto}.hintCard__content{z-index:1;gap:var(--stack-gap-md);padding:var(--spacing-16) var(--hint-card-pad) var(--spacing-24);display:grid;position:relative}.hintCard__title{min-width:0;color:var(--foreground-strong);flex:auto}.hintCard__bullets{--list-contextual-marker-color:var(--hint-card-accent)}.hintCard__markers{padding-top:var(--spacing-16)}.hintCard__quickView{right:var(--spacing-12);bottom:var(--spacing-24);z-index:2;gap:var(--stack-gap-xs);width:12px;color:var(--foreground-muted);pointer-events:auto;cursor:pointer;opacity:0;transition:color var(--dur-press) var(--ease),opacity var(--dur-press) var(--ease),transform var(--dur-press) var(--ease);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;transform:translate(6px)}.hintCard__quickView:hover,.hintCard__quickView:focus-visible{color:var(--foreground-strong);outline:none}.hintCard__quickViewLabel{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1.5px;writing-mode:vertical-rl;line-height:1;transform:rotate(180deg)}.hintCard__quickViewIcon{place-items:center;width:18px;height:18px;line-height:0;display:grid;transform:rotate(90deg)}.hintCard__quickViewIcon svg{width:14px;height:14px;display:block}.hintCard__tags{z-index:1;padding:0 var(--hint-card-pad) var(--hint-card-pad);position:relative}.hintCard--blue{--hint-card-accent:var(--accent-blue);--hint-card-accent-soft:var(--accent-blue-soft);--hint-card-border:var(--accent-blue-border)}.hintCard--purple{--hint-card-accent:var(--accent-purple);--hint-card-accent-soft:var(--accent-purple-soft);--hint-card-border:var(--accent-purple-border)}.hintCard--teal{--hint-card-accent:var(--accent-teal);--hint-card-accent-soft:var(--accent-teal-soft);--hint-card-border:var(--accent-teal-border)}.hintCard--amber{--hint-card-accent:var(--accent-amber);--hint-card-accent-soft:var(--accent-amber-soft);--hint-card-border:var(--accent-amber-border)}.hintCard--coral{--hint-card-accent:var(--accent-coral);--hint-card-accent-soft:var(--accent-coral-soft);--hint-card-border:var(--accent-coral-border)}.hintCard--green{--hint-card-accent:var(--accent-green);--hint-card-accent-soft:var(--accent-green-soft);--hint-card-border:var(--accent-green-border)}.hintCard--gray{--hint-card-accent:var(--accent-gray);--hint-card-accent-soft:var(--accent-gray-soft);--hint-card-border:var(--accent-gray-border)}.hintCard--pink{--hint-card-accent:var(--accent-pink);--hint-card-accent-soft:var(--accent-pink-soft);--hint-card-border:var(--accent-pink-border)}.hintCard--indigo{--hint-card-accent:var(--accent-indigo);--hint-card-accent-soft:var(--accent-indigo-soft);--hint-card-border:var(--accent-indigo-border)}.hintCard--lime{--hint-card-accent:var(--accent-lime);--hint-card-accent-soft:var(--accent-lime-soft);--hint-card-border:var(--accent-lime-border)}.hintCard--cyan{--hint-card-accent:var(--accent-cyan);--hint-card-accent-soft:var(--accent-cyan-soft);--hint-card-border:var(--accent-cyan-border)}.hintCard--orange{--hint-card-accent:var(--accent-orange);--hint-card-accent-soft:var(--accent-orange-soft);--hint-card-border:var(--accent-orange-border)}.hintCard--magenta{--hint-card-accent:var(--accent-magenta);--hint-card-accent-soft:var(--accent-magenta-soft);--hint-card-border:var(--accent-magenta-border)}.hintCard--violet{--hint-card-accent:var(--accent-violet);--hint-card-accent-soft:var(--accent-violet-soft);--hint-card-border:var(--accent-violet-border)}.hintCard--emerald{--hint-card-accent:var(--accent-emerald);--hint-card-accent-soft:var(--accent-emerald-soft);--hint-card-border:var(--accent-emerald-border)}.hintCard--rose{--hint-card-accent:var(--accent-rose);--hint-card-accent-soft:var(--accent-rose-soft);--hint-card-border:var(--accent-rose-border)}@container hint-card (max-width:380px){.hintCard__openLink,.hintCard__tags{--hint-card-pad:var(--card-padding-sm)}}@media (hover:hover){.hintCard__quickView{display:flex}.hintCard:hover .hintCard__quickView,.hintCard:focus-within .hintCard__quickView,.hintCard__quickView:focus-visible{opacity:1;transform:translate(0)}}@media (max-width:480px){.hintCard{--hint-card-pad:var(--card-padding-sm)}.hintCard__content{padding:var(--spacing-16) var(--hint-card-pad) var(--spacing-20)}.hintCard__quickView{right:var(--spacing-8);bottom:var(--spacing-20)}}