.gate{width: min(440px, calc(100vw - 32px));max-height: calc(100dvh - 32px);padding: 0;overflow-y: auto;color: var(--ink);background: #fff;border: 0;border-radius: 12px;box-shadow: 0 24px 60px -12px rgb(1 24 41 / 45%), 0 4px 12px rgb(1 24 41 / 18%)}.gate::backdrop{background: rgb(1 24 41 / 55%)}.gate-body{padding: 20px 24px 24px}.gate-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;margin-bottom: 12px}.gate h2, .splash-card h2{margin: 0;padding-top: 6px;font-size: 18px;font-weight: 700;line-height: 1.3;letter-spacing: 0;text-transform: none;color: var(--ink)}.gate h3, .splash-card h3{margin: 20px 0 8px;padding-top: 16px;font-size: 14px;font-weight: 700;letter-spacing: 0;text-transform: none;border-top: 1px solid var(--line)}.gate p, .splash-card p{margin: 0 0 12px;font-size: 14px;line-height: 1.55}.gate .gate-small, .splash-card .gate-small{margin: 16px 0 0;font-size: 12px;color: var(--mu)}.gate-small a{color: var(--accent)}.gate-count{font-size: 20px;font-weight: 700}.gate-x{flex: none;width: 44px;height: 44px;margin: -6px -10px 0 0;font: 400 28px/1 var(--font);color: var(--mu);background: none;border: 0;border-radius: 8px;cursor: pointer}.gate-field{margin-top: 16px}.gate-field label{display: block;margin-bottom: 6px;font-size: 13px;font-weight: 600}.gate-field input{width: 100%;min-height: 44px;padding: 0 12px;font: 500 16px/1.2 var(--font);color: var(--ink);background: #fff;border: 1px solid var(--field);border-radius: 8px}.gate-field input[aria-invalid=true]{border-color: var(--leak);box-shadow: 0 0 0 1px var(--leak)}.gate-err{margin: 8px 0 0;font-size: 13px;line-height: 1.45;color: #9b2231}.gate-ok{margin: 8px 0 0;font-size: 13px;color: #145c40}.gate-err:empty, .gate-ok:empty{display: none}.gate-row{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px}.gate-btn{min-height: 44px;padding: 0 16px;font: 600 14px/1 var(--font);border: 1px solid transparent;border-radius: 8px;cursor: pointer;transition: background-color 160ms ease-out, transform 160ms ease-out}.gate-btn:active{transform: translateY(1px)}.gate-btn[disabled]{opacity: 0.55;cursor: not-allowed}.gate-primary{width: 100%;margin-top: 12px;color: #fff;background: var(--accent)}.gate-quiet{color: var(--ink);background: #fff;border-color: var(--field)}.gate-chip{white-space: nowrap}.gate-chip svg{width: 16px;height: 16px}.gate-chip .gate-chip-label{display: inline}.gate-chip .gate-chip-short{display: none}.gate-btn:focus-visible, .gate-x:focus-visible, .gate-field input:focus-visible, .gate-small a:focus-visible{outline: 3px solid var(--app-bar);outline-offset: 2px}.gate-chip:focus-visible{outline: 3px solid var(--cyan, #3fccef);outline-offset: 2px}@media (hover: hover) and (pointer: fine){.gate-primary:hover{background: var(--accent-hover)}.gate-quiet:hover{background: #eef3f7}.gate-x:hover{color: var(--ink);background: #eef3f7}}@media (max-width: 899px){.gate-chip{padding: 0 8px;font-size: 12px}}@media (prefers-reduced-motion: reduce){.gate-btn{transition: none}}@media (max-width: 430px){.app .app-bar{flex-wrap: wrap;align-content: center;gap: 2px 6px;padding: 6px 8px}.app .app-bar-actions{gap: 3px;margin-left: auto}.app .app-bar h1{order: 3;flex: 1 1 100%;padding-left: 0;border-left: 0;font-size: 13px;line-height: 1.2}.app .app-logo{height: 18px}.app{grid-template-rows: auto minmax(0, 1fr) 56px}.gate-chip{gap: 4px;padding: 0 8px;font-size: 13px}.gate-chip .gate-chip-label{display: none}.gate-chip .gate-chip-short{display: inline}}.gate-on:not(.gate-ready) .app, .gate-on:not(.gate-ready) .suite{visibility: hidden}.splash{position: fixed;inset: 0;z-index: 100;display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 440px);gap: clamp(32px, 7vw, 112px);align-items: center;justify-content: center;padding: clamp(24px, 6vw, 88px);overflow-y: auto;color: #fff;background: radial-gradient(90% 70% at 12% 0%, #0a3d5c 0%, rgb(10 61 92 / 0%) 60%), radial-gradient(70% 60% at 100% 100%, #08334d 0%, rgb(8 51 77 / 0%) 60%), var(--app-bar)}.splash-brand{max-width: 640px}.splash-logo{display: block;width: 150px;height: auto;margin-bottom: clamp(32px, 7vh, 72px)}.splash-eyebrow{margin: 0 0 12px;font-size: 13px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: var(--cyan, #3fccef)}.splash h1{margin: 0;font-size: clamp(32px, 4.4vw, 56px);font-weight: 800;line-height: 1.04;letter-spacing: -0.025em;text-transform: none;color: #fff}.splash-lead{margin: 20px 0 0;max-width: 46ch;font-size: 17px;line-height: 1.6;color: rgb(255 255 255 / 80%)}.splash-open{display: flex;flex-direction: column;gap: 4px;margin: 28px 0 0;padding-left: 14px;border-left: 3px solid var(--cyan, #3fccef)}.splash-open span{font-size: 12px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: rgb(255 255 255 / 65%)}.splash-open strong{font-size: 18px;font-weight: 700}.splash-line{position: relative;height: 2px;margin-top: clamp(32px, 8vh, 72px);overflow: hidden;background: rgb(255 255 255 / 16%);border-radius: 2px}.splash-line::after{content: '';position: absolute;top: 0;left: 0;width: 28%;height: 100%;background: linear-gradient(90deg, rgb(63 204 239 / 0%), #3fccef 70%, #fff);transform: translateX(-100%);animation: splash-pulse 4.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes splash-pulse{to{transform: translateX(360%)}}.splash-side{width: 100%}.splash-card{background: #fff;color: var(--ink);border-radius: 14px;box-shadow: 0 1px 2px rgb(1 24 41 / 30%), 0 30px 60px -20px rgb(0 0 0 / 55%)}.splash-card .gate-body{padding: 28px}.splash-card h2{padding-top: 0;font-size: 22px}.splash-back{display: inline-block;margin-top: 16px;padding: 10px 0;font-size: 13px;font-weight: 600;color: rgb(255 255 255 / 75%);text-decoration: underline;text-underline-offset: 3px}.splash-back:focus-visible{outline: 3px solid var(--cyan, #3fccef);outline-offset: 3px}@media (hover: hover) and (pointer: fine){.splash-back:hover{color: #fff}}@media (max-width: 860px){.splash{grid-template-columns: minmax(0, 1fr);align-content: start;gap: 32px}.splash-brand{max-width: none}.splash-logo{width: 120px;margin-bottom: 28px}.splash-lead{font-size: 15px;margin-top: 14px}.splash-open{margin-top: 20px}.splash-line{display: none}.splash-card .gate-body{padding: 22px 20px}}@media (prefers-reduced-motion: reduce){.splash-line::after{animation: none;transform: translateX(120%)}}.gate-tabs{display: grid;grid-template-columns: 1fr 1fr;gap: 4px;margin: 0 0 16px;padding: 4px;background: #eef2f6;border-radius: 10px}.gate-tab{min-height: 44px;padding: 0 8px;font: 600 14px/1 var(--font);color: var(--mu);background: transparent;border: 0;border-radius: 7px;cursor: pointer;transition: background-color 160ms ease-out, color 160ms ease-out}.gate-tab[aria-pressed=true]{color: var(--ink);background: #fff;box-shadow: 0 1px 2px rgb(1 24 41 / 18%)}.gate-tab:focus-visible{outline: 3px solid var(--app-bar);outline-offset: 1px}.gate-pw{position: relative}.gate-pw input{padding-right: 76px}.gate-show{position: absolute;top: 2px;right: 4px;min-width: 64px;height: 40px;padding: 0 8px;font: 600 13px/1 var(--font);color: var(--accent);background: transparent;border: 0;border-radius: 6px;cursor: pointer}.gate-show:focus-visible, .gate-link:focus-visible{outline: 3px solid var(--app-bar);outline-offset: 1px}.gate .gate-hint, .splash-card .gate-hint{margin: 6px 0 0;font-size: 12px;line-height: 1.4;color: var(--mu)}.gate-link{display: inline-block;min-height: 44px;margin-top: 4px;padding: 0;font: 600 13px/1 var(--font);color: var(--accent);text-decoration: underline;text-underline-offset: 3px;background: none;border: 0;cursor: pointer}@media (hover: hover) and (pointer: fine){.gate-tab[aria-pressed=false]:hover{color: var(--ink)}.gate-link:hover{color: var(--accent-hover)}}@media (prefers-reduced-motion: reduce){.gate-tab{transition: none}}