.app-key-screen{--app-key-ink:#173a40;--app-key-ink-soft:#416166;--app-key-line:#173a4024;--app-key-chip:#fffc;--app-key-foam:#f3faf5;--app-key-bg:#e7f3ec;box-sizing:border-box;background-color:var(--app-key-bg);width:min(36rem,100% - 2rem);min-height:100vh;color:var(--app-key-ink);margin-inline:auto;padding-block:clamp(4rem,18vh,9rem) 3rem;padding-inline:1rem;font-family:ui-sans-serif,system-ui,sans-serif}.dark .app-key-screen{--app-key-ink:#d7ece8;--app-key-ink-soft:#afcdc8;--app-key-line:#8de5db2e;--app-key-chip:#0d1c20e6;--app-key-foam:#101d22;--app-key-bg:#0a1418}.app-key-title{letter-spacing:-.01em;margin:0;font-size:1.375rem;font-weight:600}.app-key-lead{color:var(--app-key-ink-soft);margin:.5rem 0 0;font-size:.9375rem;line-height:1.5}.app-key-form{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.app-key-input{border:1px solid var(--app-key-line);background:var(--app-key-chip);min-width:0;color:var(--app-key-ink);border-radius:6px;outline:none;flex:14rem;padding:.625rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.app-key-input:focus{border-color:color-mix(in oklab, var(--app-key-ink-soft) 55%, var(--app-key-line))}.app-key-submit{border:1px solid var(--app-key-ink);background:var(--app-key-ink);color:var(--app-key-foam);cursor:pointer;border-radius:6px;flex:none;padding:.625rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:500}.app-key-submit:hover:not(:disabled){opacity:.92}.app-key-submit:disabled{opacity:.4;cursor:default}.app-key-error{color:#b42318;margin:.75rem 0 0;font-size:.875rem}.dark .app-key-error{color:#f87171}.app-key-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}