.access-code-card.svelte-27wu34{background:color-mix(in oklab, var(--landing-primary) 6%, var(--landing-surface));border:2px solid var(--landing-primary);gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:22px;display:grid}.heading.svelte-27wu34{align-items:center;gap:var(--spacing-xs);display:flex}.heading.svelte-27wu34 .material-symbols-outlined:where(.svelte-27wu34){color:var(--landing-primary)}h3.svelte-27wu34{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:20px}.code-form.svelte-27wu34{align-items:center;gap:var(--spacing-xs);display:flex;position:relative}.username.svelte-27wu34{opacity:.01;width:1px;height:1px;position:absolute;top:0;left:0}.code-field.svelte-27wu34{flex:1}.code-field.svelte-27wu34 input:where(.svelte-27wu34){background:var(--landing-surface);border:1px solid var(--landing-outline-variant);color:var(--landing-on-surface);font-family:var(--font-mono);letter-spacing:.06em;min-height:56px;padding:0 var(--spacing-md);border-radius:16px;width:100%;font-size:clamp(16px,4.2vw,22px);font-weight:700}.icon-button.svelte-27wu34,.secondary.svelte-27wu34{background:var(--landing-surface);border:1px solid var(--landing-outline-variant);color:var(--landing-on-surface);cursor:pointer;font:inherit;align-items:center;gap:var(--spacing-2xs);min-height:48px;padding:0 var(--spacing-md);border-radius:14px;justify-content:center;font-weight:600;display:inline-flex}.icon-button.svelte-27wu34{width:48px;padding:0}.actions.svelte-27wu34{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.warning.svelte-27wu34{color:var(--landing-on-surface);align-items:start;gap:var(--spacing-xs);margin:0;font-size:14px;line-height:1.55;display:flex}.warning.svelte-27wu34 .material-symbols-outlined:where(.svelte-27wu34){color:#c8321f}.saved-check.svelte-27wu34{cursor:pointer;align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.saved-check.svelte-27wu34 input:where(.svelte-27wu34){accent-color:var(--landing-primary);width:20px;height:20px}.hint-only.svelte-27wu34{color:var(--landing-on-surface-variant);margin:0;line-height:1.6}.visually-hidden.svelte-27wu34{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.popup-backdrop.svelte-1d5b4z{z-index:80;justify-content:center;align-items:center;padding:clamp(16px,4vw,40px);display:flex;position:fixed;inset:0}.backdrop-dismiss.svelte-1d5b4z{cursor:default;background:#070a12ad;border:0;padding:0;position:absolute;inset:0}.popup-panel.svelte-1d5b4z{color:#141b2b;max-height:var(--popup-max-height,min(760px, 92vh));overscroll-behavior:contain;scrollbar-color:#141b2b40 transparent;scrollbar-gutter:stable;scrollbar-width:thin;z-index:1;background:#fbfffc;border:1px solid #141b2b1f;border-radius:18px;gap:18px;width:min(560px,100%);padding:clamp(18px,3vw,28px);display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #080c1452}.popup-panel.svelte-1d5b4z::-webkit-scrollbar{width:12px;height:12px}.popup-panel.svelte-1d5b4z::-webkit-scrollbar-track{background:0 0}.popup-panel.svelte-1d5b4z::-webkit-scrollbar-thumb{background-color:#141b2b38;background-clip:padding-box;border:4px solid #0000;border-radius:999px}.popup-panel.svelte-1d5b4z::-webkit-scrollbar-thumb:hover{background-color:#141b2b61}@media (width<=560px){.popup-backdrop.svelte-1d5b4z{align-items:flex-end;padding:0}.popup-panel.svelte-1d5b4z{max-height:var(--popup-max-height,92vh);border-radius:18px 18px 0 0}}