@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/__dha-version/google-sans.woff2') format('woff2'); }
#dha-version-invitation, #dha-version-invitation * { box-sizing: border-box; font-family: "Google Sans", system-ui, sans-serif; box-shadow: none; text-shadow: none; }
#dha-version-invitation { color: #1f2937; }
#dha-version-launcher { box-sizing: border-box; font-family: "Google Sans", system-ui, sans-serif; position: fixed; left: 16px; left: max(16px, env(safe-area-inset-left)); bottom: 16px; bottom: max(16px, env(safe-area-inset-bottom)); z-index: 45; display: grid; place-items: center; width: 54px; height: 54px; padding: 0; border: 1px solid #9aaebc; border-radius: 9999px; background: radial-gradient(ellipse at 28% 18%, #ffffffd9, transparent 58%),linear-gradient(145deg, #f8fbfd 4%, #d2e0e8 30%, #f8fcff 49%, #bfced8 72%, #eaf2f7 96%); color: #254f68; box-shadow: none; cursor: pointer; transition: background 160ms, border-color 160ms, color 160ms; }
#dha-version-launcher[data-placement="sidebar"] { position: relative; left: auto; bottom: auto; flex: 0 0 54px; margin-left: auto; z-index: auto; }
[data-dha-version-row] { display: flex; align-items: center; gap: 12px; min-height: 54px; }
[data-dha-version-row] > span { color: inherit; margin-right: auto; }
#dha-version-launcher > .dha-version-swap-icon { width: 22px; height: 22px; transform: rotate(45deg); transition: transform 450ms cubic-bezier(.2,.7,.3,1); }
#dha-version-launcher::after { position: absolute; inset: 1px; padding: 1px; border: 0; border-radius: inherit; content: ''; pointer-events: none; background: conic-gradient(from 30deg, transparent 0deg, #fff 45deg, transparent 100deg, #8aa4b6 180deg, transparent 225deg, #fff 280deg, transparent 330deg); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; opacity: .85; animation: dha-version-metal-reflection 14s linear infinite; animation-play-state: paused; }
#dha-version-launcher:hover::after, #dha-version-launcher:focus-visible::after { animation-play-state: running; }
#dha-version-launcher:hover { border-color: #48758d; color: #103e57; background: radial-gradient(ellipse at 28% 18%, #fff, transparent 58%),linear-gradient(145deg, #f8fbfd 4%, #d2e0e8 30%, #f8fcff 49%, #bfced8 72%, #eaf2f7 96%); }
#dha-version-launcher:hover > .dha-version-swap-icon, #dha-version-launcher:focus-visible > .dha-version-swap-icon { transform: rotate(225deg); }
#dha-version-tooltip { position: absolute; left: 50%; bottom: calc(100% + 12px); transform: translateX(-50%); padding: 7px 10px; border: 1px solid #64869a; border-radius: 6px; background: #102536; color: #f2f8fc; box-shadow: none; font: 12px/1.5 "Google Sans", system-ui, sans-serif; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 120ms, visibility 120ms; }
#dha-version-launcher:hover #dha-version-tooltip, #dha-version-launcher:focus-visible #dha-version-tooltip { opacity: 1; visibility: visible; }
#dha-version-launcher:focus-visible { outline: 2px solid #a8dff6; outline-offset: 5px; }
#dha-version-invitation dialog { width: min(920px, calc(100% - 40px)); max-height: calc(100dvh - 40px); margin: auto; border: 1px solid #d6dde5; border-radius: 18px; background: #fff; padding: 0; color: #1f2937; overflow-y: auto; }
#dha-version-invitation dialog[open] { animation: dha-dialog-enter 260ms cubic-bezier(.2,.8,.2,1) both; }
#dha-version-invitation dialog::backdrop { background: #0a162980; backdrop-filter: blur(3px); animation: dha-backdrop-enter 200ms ease both; }
#dha-version-invitation .dha-version-dialog { display: grid; grid-template-columns: .82fr 1fr; }
#dha-version-invitation .dha-version-art { display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; padding: 40px 32px; background: #0a1629; color: white; }
#dha-version-invitation .dha-version-art::before { content: ''; position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(#87d0ed 1px,transparent 1px),linear-gradient(90deg,#87d0ed 1px,transparent 1px); background-size: 56px 56px; }
#dha-version-invitation .dha-version-art > * { position: relative; }
#dha-version-invitation .dha-version-art-label { color: #89d1ed; font-size: 10px; font-weight: 600; letter-spacing: .12em; }
#dha-version-invitation .dha-version-monogram { display: flex; align-items: baseline; letter-spacing: -.09em; font-size: clamp(100px,12vw,164px); font-weight: 500; line-height: 1; padding: 44px 0; }
#dha-version-invitation .dha-version-monogram span:last-child { color: #89d1ed; }
#dha-version-invitation .dha-version-art-caption > span { font-size: 23px; line-height: 1.3; font-weight: 500; letter-spacing: -.02em; }
#dha-version-invitation .dha-version-art-caption p { color: #bfccd9; font-size: 13px; line-height: 1.7; margin: 12px 0 0; max-width: 240px; }
#dha-version-invitation .dha-version-copy { position: relative; padding: 44px 36px 32px; }
#dha-version-invitation .dha-version-close { position: absolute; right: 14px; top: 14px; display: grid; place-items: center; width: 32px; height: 32px; padding: 8px; background: transparent; color: #64748b; border: 0; border-radius: 6px; cursor: pointer; }
#dha-version-invitation .dha-version-close svg { width: 16px; height: 16px; }
#dha-version-invitation .dha-version-close:hover { background: #edf2f7; color: #0a1629; }
#dha-version-invitation .dha-version-eyebrow { margin: 0 0 16px; color: #006b96; font-size: 10px; font-weight: 600; letter-spacing: .1em; }
#dha-version-invitation h2 { font-size: clamp(26px,3vw,32px); font-weight: 600; line-height: 1.2; letter-spacing: -.035em; margin: 0 0 16px; }
#dha-version-invitation p { font-size: 13px; line-height: 1.7; margin: 0 0 16px; }
#dha-version-invitation #dha-version-description { color: #586575; }
#dha-version-invitation .dha-version-benefits { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 18px; }
#dha-version-invitation .dha-version-benefits li { display: flex; align-items: flex-start; gap: 14px; }
#dha-version-invitation .dha-version-benefits li > span { color: #006b96; background: #edf5fa; border-radius: 5px; width: 28px; height: 28px; flex-shrink: 0; display: grid; place-items: center; font-size: 10px; font-variant-numeric: tabular-nums; }
#dha-version-invitation .dha-version-benefits strong { display: block; font-size: 13px; font-weight: 500; line-height: 1.4; }
#dha-version-invitation .dha-version-benefits p { font-size: 12px; color: #64748b; margin: 4px 0 0; line-height: 1.5; }
#dha-version-invitation .dha-version-note { padding: 12px 14px; border: 1px solid #e1e7ed; border-radius: 8px; background: #f8fafc; color: #586575; font-size: 11px; }
#dha-version-invitation .dha-version-actions { display: grid; gap: 8px; margin-top: 20px; }
#dha-version-invitation .dha-version-actions button, #dha-version-invitation .dha-version-actions a { font-size: 13px; font-weight: 500; display: flex; align-items: center; justify-content: center; min-height: 42px; border: 0; border-radius: 7px; padding: 10px 14px; text-decoration: none; cursor: pointer; background: #fff; color: #586575; transition: background 160ms,color 160ms; }
#dha-version-invitation .dha-version-actions a { background: #0a1629; color: #fff; }
#dha-version-invitation .dha-version-actions a:hover { background: #153654; }
#dha-version-invitation .dha-version-actions button:hover { background: #edf2f7; color: #0a1629; }
#dha-version-invitation :focus-visible { outline: 2px solid #007ca8; outline-offset: 3px; }
@keyframes dha-dialog-enter { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes dha-backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes dha-version-metal-reflection { to { transform: rotate(360deg); } }
@media (max-width: 500px) { #dha-version-launcher, #dha-version-launcher[data-placement="sidebar"] { flex-basis: 48px; width: 48px; height: 48px; } [data-dha-version-row] { min-height: 48px; } }
@media (max-width: 680px) { #dha-version-invitation dialog { width: calc(100% - 24px); max-height: calc(100dvh - 24px); border-radius: 12px; } #dha-version-invitation .dha-version-dialog { grid-template-columns: 1fr; } #dha-version-invitation .dha-version-art { padding: 20px 24px; } #dha-version-invitation .dha-version-monogram { position: absolute; right: 24px; top: 12px; font-size: 60px; padding: 0; opacity: .8; } #dha-version-invitation .dha-version-art-caption { margin-top: 24px; padding-right: 60px; } #dha-version-invitation .dha-version-art-caption > span { font-size: 20px; } #dha-version-invitation .dha-version-art-caption p { display: none; } #dha-version-invitation .dha-version-copy { padding: 32px 24px 20px; } }
@media (prefers-reduced-motion: reduce) { #dha-version-invitation *, #dha-version-launcher, #dha-version-launcher::after, #dha-version-launcher > .dha-version-swap-icon, #dha-version-tooltip, #dha-version-invitation dialog, #dha-version-invitation dialog::backdrop { animation: none !important; transition: none !important; } #dha-version-launcher::after { transform: none; } #dha-version-launcher > .dha-version-swap-icon, #dha-version-launcher:hover > .dha-version-swap-icon, #dha-version-launcher:focus-visible > .dha-version-swap-icon { transform: rotate(45deg); } }