@layer theme,base;@layer components{.hdr-status{border:1px solid var(--vr-line2);border-radius:var(--vr-r-field);background:var(--vr-card2);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;padding:4px;display:grid;position:relative}.hdr-status__cursor{border:1px solid color-mix(in srgb, var(--st-c) 50%, transparent);border-radius:var(--vr-r-icon);background:var(--vr-bg2);width:calc(33.3333% - 2.66667px);box-shadow:0 6px 16px -8px var(--st-c);transform:translateX(calc(var(--st-i) * 100%));transition:transform .5s cubic-bezier(.34, 1.45, .64, 1), border-color var(--vr-t-color) ease, box-shadow var(--vr-t-color) ease;position:absolute;top:4px;bottom:4px;left:4px}.hdr-status__opt{border-radius:var(--vr-r-icon);height:32px;color:var(--vr-mute);font:600 12px / 1 var(--vr-font);cursor:pointer;transition:color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.hdr-status__opt:has(:checked){color:var(--vr-ink)}.hdr-status__opt:active{transform:scale(.92)}.hdr-status__opt:has(:focus-visible){outline:2px solid var(--vr-acc);outline-offset:2px}.hdr-status__dot{background:var(--st-dot);border-radius:50%;width:7px;height:7px}@media (prefers-reduced-motion:reduce){.hdr-status__cursor,.hdr-status__opt{transition:none}}}@layer utilities;
@layer theme,base;@layer components{.hdr-icons{--hdr-gap:clamp(2px, calc(1vw - 6px), 14px);align-items:center;gap:var(--hdr-gap);border-left:1px solid var(--vr-line);margin-left:clamp(4px,1vw - 4px,16px);padding-left:clamp(6px,1vw - 4px,16px);display:flex}@media (max-width:639px){.hdr-icons{border-left:0;margin-left:0;padding-left:0}}.hdr-ring{background:conic-gradient(from 210deg, var(--vr-acc2), var(--vr-zone-draft), var(--vr-acc), var(--vr-acc2));border-radius:50%;flex:none;width:38px;height:38px;padding:2px;position:relative}.hdr-ring__in{border:2px solid var(--vr-bg);border-radius:50%;width:100%;height:100%;display:flex;overflow:hidden}.hdr-ring__dot{border:2.5px solid var(--vr-bg);background:var(--hdr-st,var(--vr-win));width:12px;height:12px;transition:background-color var(--vr-t-color) ease;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.hdr-ring--lg{width:62px;height:62px;box-shadow:0 10px 26px -12px var(--vr-acc2);padding:3px}.hdr-ring--lg .hdr-ring__in{border:3px solid var(--vr-bg2)}.hdr-ring--lg .hdr-ring__dot{border:3px solid var(--vr-bg2);width:15px;height:15px;bottom:1px;right:1px}.hdr-avatar__crop{border-radius:50%;flex:none;display:block;overflow:hidden}.hdr-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.hdr-avatar__initial{background:linear-gradient(145deg, var(--vr-fx-lilac), var(--vr-acc2));color:var(--vr-on-bright);font-family:var(--vr-font-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.hdr-pill{border:1px solid var(--vr-line);border-radius:var(--vr-r-pill);height:48px;color:inherit;cursor:pointer;transition:background-color var(--vr-t-color) ease, border-color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);background:0 0;align-items:center;gap:10px;padding:0 12px 0 5px;display:flex}.hdr-pill[aria-expanded=true]{background:var(--vr-card2);border-color:color-mix(in srgb, var(--vr-acc2) 50%, transparent)}@media (hover:hover){.hdr-pill:hover{background:var(--vr-card2);border-color:color-mix(in srgb, var(--vr-acc2) 50%, transparent);transform:translateY(-2px)}}.hdr-pill:active{transform:scale(.96)}.hdr-pill:focus-visible,.hdr-item:focus-visible,.hdr-logout:focus-visible,.hdr-panel__cta:focus-visible{outline:2px solid var(--vr-acc);outline-offset:2px}.hdr-pill__text{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;max-width:9rem;display:flex}.hdr-pill__name{max-width:100%;font:600 14px / 1 var(--vr-font);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hdr-pill__status{font:500 11px / 1 var(--vr-font);color:var(--vr-mute)}.hdr-pill__chev{opacity:.6;transition:transform var(--vr-t-spring) var(--vr-ease-spring);flex:none}.hdr-pill[aria-expanded=true] .hdr-pill__chev{transform:rotate(180deg)}@media (max-width:639px){.hdr-pill{border-color:#0000;justify-content:center;width:48px;padding:0}.hdr-pill__text,.hdr-pill__chev{display:none}}.hdr-panel{width:min(320px,100vw - 20px);max-height:calc(100dvh - var(--site-header-h,68px) - 16px);flex-direction:column;display:flex;top:calc(100% + 10px);right:0;overflow:hidden auto}@media (max-width:639px){.hdr-panel{inset:var(--site-header-h,68px) 0 0;width:auto;max-height:none;padding-bottom:env(safe-area-inset-bottom);border-left:0;border-right:0;border-radius:0;animation:.2s both site-drop-fade;position:fixed}}.hdr-panel__head{flex-direction:column;gap:12px;padding:14px 14px 12px;display:flex;position:relative}.hdr-panel__glow{pointer-events:none;background:radial-gradient(120% 150% at 85% -10%, color-mix(in srgb, var(--vr-acc2) 60%, transparent), transparent 62%), radial-gradient(80% 130% at 0% 110%, color-mix(in srgb, var(--vr-zone-draft) 38%, transparent), transparent 70%), linear-gradient(180deg, transparent 20%, var(--vr-bg2));background-blend-mode:normal;height:104px;position:absolute;inset:0 0 auto}.hdr-panel__id{align-items:center;gap:12px;padding-top:18px;display:flex;position:relative}.hdr-panel__name{font:400 18px / 1.1 var(--vr-font-brand);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hdr-panel__mail{font:400 12px / 1.2 var(--vr-font);color:var(--vr-mute);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;overflow:hidden}.hdr-panel__cta{border-radius:var(--vr-r-pill);background:var(--vr-cta);height:44px;color:var(--vr-cta-ink);font:400 13px / 1 var(--vr-font-brand);letter-spacing:.03em;transition:transform var(--vr-t-spring) var(--vr-ease-spring);justify-content:center;align-items:center;gap:8px;display:flex;position:relative}@media (hover:hover){.hdr-panel__cta:hover{transform:translateY(-2px)}}.hdr-panel__cta:active{transform:scale(.97)}.hdr-panel__list{flex-direction:column;gap:2px;padding:4px 8px 8px;display:flex}.hdr-item{height:48px;color:var(--vr-ink);font:500 14px / 1 var(--vr-font);transition:background-color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);border-radius:14px;align-items:center;gap:12px;padding:0 10px;display:flex}.hdr-item[aria-current=page]{background:var(--vr-card2)}@media (hover:hover){.hdr-item:hover{background:var(--vr-card2);transform:translate(3px)}}.hdr-item__icon{border:1px solid color-mix(in srgb, var(--hdr-c) 30%, transparent);background:color-mix(in srgb, var(--hdr-c) 14%, transparent);width:32px;height:32px;color:var(--hdr-c);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.hdr-logout{border:0;border-top:1px solid var(--vr-line2);background:color-mix(in srgb, var(--vr-loss) 5%, transparent);width:100%;height:48px;color:var(--vr-loss);font:600 13px / 1 var(--vr-font);cursor:pointer;transition:background-color var(--vr-t-color) ease;justify-content:center;align-items:center;gap:8px;display:flex}@media (hover:hover){.hdr-logout:hover{background:color-mix(in srgb, var(--vr-loss) 12%, transparent)}}.hdr-quick{border-top:1px solid var(--vr-line2);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:10px;display:grid}.hdr-quick__item{height:56px;color:var(--vr-mute);font:500 11px / 1 var(--vr-font);transition:background-color var(--vr-t-color) ease;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}@media (hover:hover){.hdr-quick__item:hover{background:var(--vr-card2)}}.hdr-quick__item:focus-visible{outline:2px solid var(--vr-acc);outline-offset:2px}.hdr-quick__n{border-radius:var(--vr-r-pill);background:var(--vr-acc2);min-width:16px;height:16px;color:var(--vr-duo-ink);font:600 12px / 16px var(--vr-font);text-align:center;padding:0 4px;position:absolute;top:6px;left:calc(50% + 6px)}.hdr-quick__n--win{background:var(--vr-win);color:var(--vr-on-bright)}.hdr-dot{background:var(--vr-acc2);width:8px;height:8px;box-shadow:0 0 0 2px var(--vr-bg);border-radius:50%;position:absolute;top:10px;right:11px}}@layer utilities;
@layer theme,base;@layer components{.site-pop-bell{transform-origin:50% 10%;transition:transform .45s cubic-bezier(.34,1.8,.5,1)}[aria-expanded=true]>.site-pop-bell{transform:rotate(-14deg)}.site-pop{z-index:var(--z-overlay);width:min(372px,100vw - 40px);color:var(--vr-ink);font-family:var(--vr-font);color-scheme:var(--vr-scheme);animation:.6s cubic-bezier(.2,.8,.2,1) both site-pop-open;position:absolute;top:calc(100% + 10px);right:0}@keyframes site-pop-open{0%{opacity:0;clip-path:circle(0 at calc(100% - var(--site-pop-x)) -38px)}25%{opacity:1}to{clip-path:circle(160% at calc(100% - var(--site-pop-x)) -38px)}}.site-pop__box{--site-pop-menu:var(--vr-bg2-a94);max-height:calc(100dvh - var(--site-header-h,68px) - 16px);border:1px solid var(--vr-line);border-radius:var(--vr-r-panel);background:var(--site-pop-menu);box-shadow:var(--vr-sh);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;display:flex;overflow:hidden}.site-pop__head{flex-direction:column;flex:none;gap:14px;padding:18px 18px 14px;display:flex;position:relative}.site-pop__banner{background:linear-gradient(180deg, transparent 20%, var(--site-pop-menu)), radial-gradient(120% 150% at 85% -10%, color-mix(in srgb, var(--site-pop-c) 55%, transparent), transparent 62%), radial-gradient(80% 130% at 0% 110%, color-mix(in srgb, var(--vr-acc2) 40%, transparent), transparent 70%), color-mix(in srgb, var(--vr-acc2) 12%, var(--vr-bg2));height:96px;position:absolute;inset:0 0 auto}.site-pop__titlerow{align-items:center;gap:10px;padding-top:26px;display:flex;position:relative}.site-pop__dot,.site-pop__footdot,.site-pop__emptydot{background:var(--site-pop-c);border-radius:50%;flex:none}.site-pop__dot{width:8px;height:8px;box-shadow:0 0 12px var(--site-pop-c)}.site-pop__title{font:400 17px / 1 var(--vr-font-brand);letter-spacing:.03em;flex:1;margin:0}.site-pop__action{border-radius:var(--vr-r-check);min-height:32px;color:var(--vr-mute);font:500 12px / 1 var(--vr-font);cursor:pointer;transition:color var(--vr-t-color) ease, background-color var(--vr-t-color) ease;background:0 0;border:0;padding:6px 8px}.site-pop__meta{font:500 12px / 1 var(--vr-font);color:var(--vr-mute)}.site-pop-tabs{grid-template-columns:repeat(var(--tab-n), minmax(0, 1fr));border:1px solid var(--vr-line2);border-radius:var(--vr-r-icon);background:var(--vr-card2);padding:4px;display:grid;position:relative}.site-pop-tabs__cursor{width:calc((100% - 8px) / var(--tab-n));border:1px solid color-mix(in srgb, var(--tab-c) 45%, transparent);border-radius:var(--vr-r-field);background:var(--site-pop-menu);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--tab-c) 80%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--tab-c) 10%, transparent);transform:translateX(calc(var(--tab-i) * 100%));transition:transform .5s cubic-bezier(.34,1.45,.64,1),border-color .3s,box-shadow .3s;position:absolute;top:4px;bottom:4px;left:4px}.site-pop-tabs__tab{min-width:0;height:34px;color:var(--vr-mute);font:600 12px / 1 var(--vr-font);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:0 4px;display:flex;position:relative}.site-pop-tabs__tab:active{transform:scale(.92)}.site-pop-tabs__n{border-radius:var(--vr-r-pill);background:color-mix(in srgb, currentColor 18%, transparent);min-width:16px;height:16px;font:600 12px / 16px var(--vr-font);text-align:center;padding:0 4px}.site-pop__list{flex-direction:column;flex:auto;gap:4px;min-height:0;max-height:300px;padding:0 8px 8px;display:flex;position:relative;overflow-y:auto}.site-pop__toast,.site-pop__error{border-radius:var(--vr-r-icon);font:500 13px / 1.3 var(--vr-font);align-items:center;gap:10px;margin:0 2px 4px;padding:10px 12px;display:flex}.site-pop__toast{border:1px solid color-mix(in srgb, var(--vr-win) 35%, transparent);background:color-mix(in srgb, var(--vr-win) 14%, transparent);color:var(--vr-win)}.site-pop__error{border:1px solid color-mix(in srgb, var(--vr-loss) 35%, transparent);background:color-mix(in srgb, var(--vr-loss) 12%, transparent);color:var(--vr-loss)}.site-pop__skel{border-radius:var(--vr-r-icon);background:var(--vr-card2);animation:1.4s ease-in-out infinite site-pop-pulse}.site-pop__skel--title{width:132px;height:15px;margin-top:8px}.site-pop__skel--line{width:min(240px,100%);height:37.7px}.site-pop__empty:not([aria-busy]){animation:.3s both site-drop-fade}@keyframes site-pop-pulse{50%{opacity:.45}}.site-pop-row{border-radius:var(--vr-r-icon);color:var(--vr-ink);animation:.5s cubic-bezier(.2,.9,.3,1.2) both site-pop-row;animation-delay:calc(.14s + var(--i,0) * 60ms);transition:background-color var(--vr-t-color) ease, border-color var(--vr-t-color) ease, transform var(--vr-t-color) var(--vr-ease-spring);align-items:center;gap:12px;padding:12px;display:flex;position:relative}@keyframes site-pop-row{0%{opacity:0;translate:10px -8px}}.site-pop-row--notif{align-items:flex-start}.site-pop-row--card{border:1px solid var(--vr-line2);border-radius:var(--vr-r-card)}.site-pop-row--unread{background:color-mix(in srgb, var(--vr-acc) 6%, transparent)}@media (hover:hover){.site-pop-row:hover{background:var(--vr-card2)}a.site-pop-row--notif:hover{transform:translate(3px)}.site-pop-row--card:not(.site-pop-row--friend):hover{border-color:var(--vr-line);transform:translateY(-2px)}.site-pop__action:hover{background:var(--vr-card2);color:var(--vr-ink)}}.site-pop-row:focus-visible,.site-pop-msglink:focus-visible,.site-pop__foot:focus-visible,.site-pop__action:focus-visible,.site-pop-tabs__tab:focus-visible,.site-pop-no:focus-visible,.site-pop-yes:focus-visible{outline:2px solid var(--vr-acc);outline-offset:2px}.site-pop-msglink{border-radius:var(--vr-r-icon);flex:1;align-items:center;gap:12px;min-width:0;display:flex}.site-pop-ntile{border:1px solid color-mix(in srgb, var(--row-c) 30%, transparent);border-radius:var(--vr-r-icon);background:color-mix(in srgb, var(--row-c) 14%, transparent);width:38px;height:38px;color:var(--row-c);flex:none;justify-content:center;align-items:center;display:flex}.site-pop-ntext{font:400 13.5px / 1.35 var(--vr-font);text-wrap:pretty}.site-pop-time{font:500 11.5px / 1 var(--vr-font);color:var(--vr-dim);flex:none}.site-pop-unread{background:var(--vr-acc2);width:8px;height:8px;box-shadow:0 0 10px var(--vr-acc2);border-radius:50%;flex:none}.site-pop-row--notif .site-pop-unread{margin-top:6px}.site-pop-name{min-width:0;font:600 14.5px / 1.1 var(--vr-font);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.site-pop-sub{font:400 12px / 1.2 var(--vr-font);color:var(--vr-mute)}.site-pop-role{border-radius:var(--vr-r-pill);background:color-mix(in srgb, var(--row-c) 16%, transparent);height:20px;color:var(--row-c);font:600 12px / 1 var(--vr-font);letter-spacing:.06em;text-transform:uppercase;flex:none;align-items:center;padding:0 8px;display:flex}.site-pop-preview{min-width:0;font:400 13px / 1.2 var(--vr-font);color:var(--vr-mute);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.site-pop-row--unread .site-pop-preview{color:var(--vr-ink)}.site-pop-no{border:1px solid var(--vr-line);width:36px;height:36px;color:var(--vr-mute);cursor:pointer;transition:color var(--vr-t-color) ease, border-color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.site-pop-yes{border:1px solid color-mix(in srgb, var(--vr-win) 50%, transparent);border-radius:var(--vr-r-pill);background:color-mix(in srgb, var(--vr-win) 16%, transparent);height:36px;color:var(--vr-win);font:600 12.5px / 1 var(--vr-font);cursor:pointer;transition:background-color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);flex:none;padding:0 14px}@media (hover:hover){.site-pop-no:hover{border-color:var(--vr-loss);color:var(--vr-loss);transform:rotate(90deg)}.site-pop-yes:hover{background:color-mix(in srgb, var(--vr-win) 28%, transparent);transform:translateY(-2px)}}.site-pop-no:active,.site-pop-yes:active{transform:scale(.9)}.site-pop__empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:26px 16px 30px;display:flex}.site-pop__emptydot{width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, var(--site-pop-c) 14%, transparent), 0 0 22px var(--site-pop-c)}.site-pop__emptytitle{font:400 15px / 1 var(--vr-font-brand);letter-spacing:.03em;margin-top:8px}.site-pop__emptyline{max-width:240px;font:400 13px / 1.45 var(--vr-font);color:var(--vr-mute);text-wrap:pretty}.site-pop__foot{border-top:1px solid var(--vr-line2);background:linear-gradient(180deg, color-mix(in srgb, var(--site-pop-c) 7%, transparent), color-mix(in srgb, var(--site-pop-c) 16%, transparent));color:var(--vr-ink);transition:background-color var(--vr-t-color) ease;flex-direction:column;flex:none;align-items:center;gap:8px;padding:16px;display:flex}@media (hover:hover){.site-pop__foot:hover{background-color:color-mix(in srgb, currentColor 6%, transparent)}}.site-pop__cta{font:400 14px / 1 var(--vr-font-brand);letter-spacing:.03em;align-items:center;gap:8px;display:flex}.site-pop__cta svg{opacity:.7}.site-pop__footdot{width:6px;height:6px}.site-pop__sub{font:500 12px / 1 var(--vr-font);color:var(--vr-mute)}.hdr-avatar__initial--tone{background:linear-gradient(145deg, color-mix(in srgb, var(--hdr-av) 35%, var(--vr-on-photo)), var(--hdr-av))}@media (prefers-reduced-motion:reduce){.site-pop{animation:.15s both site-drop-fade}.site-pop-row,.site-pop__skel,.site-pop__empty:not([aria-busy]){animation:none}.site-pop-bell,.site-pop-tabs__cursor,.site-pop-row,.site-pop-tabs__tab,.site-pop-no,.site-pop-yes{transition:none}.site-pop-row:hover,.site-pop-no:hover,.site-pop-yes:hover,.site-pop-no:active,.site-pop-yes:active,.site-pop-tabs__tab:active{transform:none}}@keyframes site-drop-fade{0%{opacity:0}}}@layer utilities;
@layer theme,base;@layer components{.site-lang{border-radius:var(--vr-r-pill);height:44px;color:var(--vr-mute);cursor:pointer;transition:background-color var(--vr-t-color) ease, color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);background:0 0;border:0;align-items:center;gap:6px;padding:0 8px 0 10px;display:inline-flex}.site-lang:active{transform:scale(.94)}.site-lang[aria-expanded=true]{background:var(--vr-card2);color:var(--vr-ink)}@media (hover:hover){.site-lang:hover{background:var(--vr-card2);color:var(--vr-ink)}}.site-lang__chev{opacity:.6;transition:transform var(--vr-t-color) ease}.site-lang[aria-expanded=true] .site-lang__chev{transform:rotate(180deg)}.site-flag{border-radius:var(--vr-r-check);box-shadow:0 0 0 1px var(--vr-line);flex:none;display:block}.site-menuitem--soon{cursor:not-allowed;opacity:.55}.site-soon{border-radius:var(--vr-r-pill);border:1px solid var(--vr-line2);color:var(--vr-dim);font:var(--vr-type-eyebrow);letter-spacing:var(--vr-track-eyebrow);text-transform:uppercase;padding:3px 8px}.site-lang-pills{border-radius:var(--vr-r-pill);border:1px solid var(--vr-line2);gap:4px;padding:3px;display:flex}.site-lang-pill{border-radius:var(--vr-r-pill);height:36px;color:var(--vr-mute);font:500 14px / 1 var(--vr-font);cursor:pointer;background:0 0;border:0;padding:0 14px}.site-lang-pill[aria-pressed=true]{background:var(--vr-card2);color:var(--vr-ink)}.site-lang-pill[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.site-lang,.site-lang__chev{transition:none}.site-lang:active{transform:none}}}@layer utilities;
@layer theme,base;@layer components{.site-header{z-index:var(--z-sticky);--site-header-h:calc(68px + env(safe-area-inset-top));height:var(--site-header-h);padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));color:var(--vr-ink);font-family:var(--vr-font);color-scheme:var(--vr-scheme);position:sticky;top:0}@media (min-width:640px){.site-header{padding-right:max(clamp(1rem, 3vw, 2.5rem), env(safe-area-inset-right));padding-left:max(clamp(1rem, 3vw, 2.5rem), env(safe-area-inset-left))}}.site-header--overlay{position:fixed;inset-inline:0}.site-header__blur{z-index:-1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--vr-bg) 55%, transparent) 0%, color-mix(in srgb, var(--vr-bg) 55%, transparent) 40%, transparent 100%);-webkit-backdrop-filter:blur(8px);height:100px;position:absolute;inset:0 0 auto}.site-link,.site-round{border-radius:var(--vr-r-pill);color:var(--vr-mute);cursor:pointer;transition:background-color var(--vr-t-color) ease, color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring);justify-content:center;align-items:center;display:inline-flex}.site-link{white-space:nowrap;height:40px;font:500 14px / 1 var(--vr-font);padding:0 12px}.site-actions{gap:clamp(4px,1vw - 4px,16px)}.site-round{background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.site-link[aria-current=page],.site-round[aria-expanded=true]{background:var(--vr-card2);color:var(--vr-ink)}@media (hover:hover){.site-link:hover,.site-round:hover{background:var(--vr-card2);color:var(--vr-ink)}}.site-link:active,.site-round:active{transform:scale(.94)}.site-link:focus-visible,.site-round:focus-visible,.site-tile:focus-visible,.site-menuitem:focus-visible{outline:2px solid var(--vr-acc);outline-offset:2px}.site-count{border-radius:var(--vr-r-pill);background:var(--vr-acc2);min-width:16px;height:16px;color:var(--vr-duo-ink);font:600 12px / 16px var(--vr-font);text-align:center;box-shadow:0 0 0 2px var(--vr-bg);padding:0 4px;position:absolute;top:7px;right:6px}.site-count--win{background:var(--vr-win);color:var(--vr-on-bright)}.site-drop{z-index:var(--z-overlay);border:1px solid var(--vr-line);border-radius:var(--vr-r-panel);background:var(--vr-bg2);color:var(--vr-ink);color-scheme:var(--vr-scheme);box-shadow:var(--vr-sh);animation:site-drop .2s var(--vr-ease-lift) both;position:absolute}@keyframes site-drop{0%{opacity:0;transform:translateY(-8px)scale(.97)}}.site-menu{width:min(20rem,100vw - 2rem);max-height:calc(100dvh - var(--site-header-h,68px) - 16px);top:calc(100% + 4px);left:0;overflow-y:auto}@media (max-width:639px){.site-menu{inset:var(--site-header-h,68px) 0 0;width:auto;max-height:none;padding-right:max(12px, env(safe-area-inset-right));padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));--site-tile-h:56px;border-left:0;border-right:0;border-radius:0;align-content:start;animation:.2s both site-drop-fade;position:fixed}}.site-tile{min-height:var(--site-tile-h,52px);border-radius:var(--vr-r-icon);border:1px solid color-mix(in srgb, var(--site-zone) 40%, transparent);background:color-mix(in srgb, var(--site-zone) 12%, transparent);font:600 14px / 1 var(--vr-font);color:var(--vr-ink);align-items:center;gap:10px;padding:0 12px;display:flex}.site-tile[aria-current=page]{background:color-mix(in srgb, var(--site-zone) 28%, transparent)}.site-menuitem{border-radius:var(--vr-r-icon);width:100%;min-height:44px;color:var(--vr-mute);font:500 14px / 1 var(--vr-font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;display:flex}.site-menuitem[aria-current=page]{color:var(--vr-ink);background:var(--vr-card2)}@media (hover:hover){.site-menuitem:hover{color:var(--vr-ink);background:var(--vr-card2)}}.site-header .ds-theme-toggle,.site-drop .ds-theme-toggle{border-radius:var(--vr-r-pill);width:44px;height:44px;color:var(--vr-mute);background:0 0;border:0}@media (hover:hover){.site-header .ds-theme-toggle:hover,.site-drop .ds-theme-toggle:hover{background:var(--vr-card2);color:var(--vr-ink);transform:none}}.site-header .ds-duo{flex:none}@media (max-width:639px){.site-header .ds-duo__alt{display:none}.site-header .ds-duo__main{padding:0 14px}}@media (prefers-reduced-motion:reduce){.site-drop{animation:none}.site-link:active,.site-round:active{transform:none}}}@layer utilities;