.hp-header[data-v-198513c9]{background:var(--paper-glass);border-bottom:1px solid var(--line-soft)}.nav-link[data-v-198513c9]{font-size:.875rem;font-weight:500;color:var(--muted);transition:color .15s ease}.nav-link[data-v-198513c9]:hover{color:var(--ink)}.mode-toggle[data-v-198513c9],.social-btn[data-v-198513c9]{display:flex;height:36px;width:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:var(--card);color:var(--muted);box-shadow:0 0 0 0 var(--line-soft);transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.mode-toggle[data-v-198513c9]:hover,.social-btn[data-v-198513c9]:hover{box-shadow:0 0 0 4px var(--line-soft)}.mode-toggle[data-v-198513c9]:hover{background:var(--card-2);color:var(--ink)}.social-btn[data-v-198513c9]:hover{background:var(--ink);color:var(--paper)}.mode-toggle[data-v-198513c9]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hp-announcement[data-v-198513c9]{background:var(--ink);color:var(--paper)}.announcement-enter-active[data-v-198513c9],.announcement-leave-active[data-v-198513c9]{overflow:hidden;transition:opacity .25s ease,max-height .25s ease}.announcement-enter-from[data-v-198513c9],.announcement-leave-to[data-v-198513c9]{max-height:0;opacity:0}.announcement-enter-to[data-v-198513c9],.announcement-leave-from[data-v-198513c9]{max-height:44px;opacity:1}.mark-tile[data-v-198513c9]{overflow:hidden;background:var(--card)}.mark-stage[data-v-198513c9]{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--ink);background:var(--card-2);transition:background-color .35s ease,color .35s ease}.mark-stage-inverse[data-v-198513c9]{color:var(--paper);background:var(--ink)}.copy-btn[data-v-198513c9]{color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-soft);transition:color .15s ease,text-decoration-color .15s ease}.copy-btn[data-v-198513c9]:hover{color:var(--ink);text-decoration-color:var(--ink)}.copy-btn[data-v-198513c9]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.swatch[data-v-198513c9]{height:56px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line-soft)}.rule-dot[data-v-198513c9]{margin-top:.55rem;height:5px;width:5px;flex-shrink:0;border-radius:9999px;background:var(--ink)}.rule-dot-hollow[data-v-198513c9]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--faint)}