.demo-code{letter-spacing:.12em;font-variant-numeric:tabular-nums}.demo-badge{z-index:60;border:1px solid var(--t-line);background:var(--t-panel);color:var(--t-text-2);letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:999px;padding:1px 10px;font-size:10px;font-weight:600;position:fixed;top:3px;left:50%;transform:translate(-50%)}.demo-notice{z-index:70;border:1px solid var(--t-line);background:var(--t-panel);max-width:min(560px,100vw - 32px);color:var(--t-text);box-shadow:0 12px 32px color-mix(in srgb, var(--t-shade) 35%, transparent);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;line-height:1.45;animation:.3s cubic-bezier(.22,1,.36,1) both demo-notice-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.demo-notice svg{color:var(--t-accent);flex:none}@keyframes demo-notice-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.demo-notice{animation:none}}.login-passkey{cursor:pointer;width:100%;color:var(--forest,var(--c-green-125));background:#ffffff8c;border:1px solid #46684f52;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:10px;padding:13px;font:600 14px Geist,sans-serif;transition:background .18s,border-color .18s,transform .12s;display:inline-flex;box-shadow:0 1px 2px #1717170a}.login-passkey:hover{background:#ffffffd9;border-color:#46684f8c}.login-passkey:active{transform:scale(.985)}.login-passkey:disabled{opacity:.7;cursor:default}.login-passkey:focus-visible{outline:2px solid var(--forest,var(--c-green-125));outline-offset:3px}.pk-entry{color:color-mix(in srgb, var(--t-wash) calc(100% - (100% - 54.9%) * var(--t-ink-fade)), transparent);text-shadow:0 1px 2px color-mix(in srgb, var(--t-shade) 40%, transparent);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px;font:500 12px Geist,sans-serif;transition:color .18s;display:inline-flex}.pk-entry:hover{color:var(--t-ink)}.pk-entry:focus-visible{outline:2px solid var(--c-ink-1);outline-offset:1px;border-radius:6px}@media (width<=720px){.pk-entry-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.pk-close{width:30px;height:30px;color:var(--t-text-3,color-mix(in srgb, var(--t-wash) 50.2%, transparent));cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.pk-close:hover{background:var(--t-card-hover,color-mix(in srgb, var(--t-wash) 7.84%, transparent));color:var(--t-text,var(--c-ink-1))}.pk-error{min-height:0;color:var(--t-red,var(--c-orange-63));margin:8px 0 0;font-size:12.5px}.pk-error:empty{display:none}.pk-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pk-offer{z-index:60;border:1px solid var(--t-line,color-mix(in srgb, var(--t-wash) 12.16%, transparent));background:color-mix(in srgb, var(--c-surface-518) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);width:min(380px,100vw - 32px);color:var(--t-text,var(--c-ink-1));box-shadow:0 24px 60px -24px color-mix(in srgb, var(--t-shade) 80%, transparent);border-radius:20px;gap:14px;padding:18px 44px 18px 18px;animation:.42s cubic-bezier(.16,1,.3,1) pk-rise;display:flex;position:fixed;bottom:20px;right:20px}.pk-offer-icon{background:var(--t-accent-soft,color-mix(in srgb, var(--c-green-126) 18.04%, transparent));width:36px;height:36px;color:var(--t-accent,var(--c-green-126));border-radius:12px;flex:none;place-items:center;display:grid}.pk-offer h2{margin:2px 0 0;font-size:14.5px;font-weight:600;line-height:1.35}.pk-offer p{color:var(--t-text-2,color-mix(in srgb, var(--t-wash) 70.2%, transparent));margin:6px 0 0;font-size:13px;line-height:1.5}@media (width<=720px){.pk-offer{bottom:16px;right:16px}}.pk-dialog{width:min(520px,100vw - 32px);max-width:none;height:fit-content;max-height:calc(100dvh - 48px);color:var(--t-text,var(--c-ink-1));background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.pk-dialog[open]{animation:.32s cubic-bezier(.16,1,.3,1) pk-rise;display:flex}.pk-dialog::backdrop{background:color-mix(in srgb, var(--c-surface-34) 72.16%, transparent);-webkit-backdrop-filter:blur(10px)saturate(.9);backdrop-filter:blur(10px)saturate(.9)}.pk-panel{border:1px solid var(--t-line,color-mix(in srgb, var(--t-wash) 12.16%, transparent));background:color-mix(in srgb, var(--c-surface-518) 92%, transparent);width:100%;box-shadow:0 30px 80px -30px var(--t-shade);border-radius:24px;padding:24px;position:relative;overflow:auto}.pk-head h2{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.pk-head p{color:var(--t-text-2,color-mix(in srgb, var(--t-wash) 70.2%, transparent));margin:8px 44px 0 0;font-size:13px;line-height:1.55}.pk-empty{border:1px dashed var(--t-line-dash,color-mix(in srgb, var(--t-wash) 14.9%, transparent));color:var(--t-text-2,color-mix(in srgb, var(--t-wash) 70.2%, transparent));border-radius:14px;margin:18px 0 0;padding:16px;font-size:13px}.pk-list{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.pk-row{border:1px solid var(--t-line,color-mix(in srgb, var(--t-wash) 12.16%, transparent));background:var(--t-card,color-mix(in srgb, var(--t-wash) 3.92%, transparent));border-radius:14px;align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;display:flex}.pk-row-icon{color:var(--t-text-3,color-mix(in srgb, var(--t-wash) 50.2%, transparent));flex:none;margin-top:2px}.pk-row-main{flex:1;gap:3px;min-width:0;display:grid}.pk-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.pk-row-main span{color:var(--t-text-3,color-mix(in srgb, var(--t-wash) 50.2%, transparent));font-size:12px}.pk-row-tools{flex:none;gap:2px;display:flex}.pk-icon-btn{width:30px;height:30px;color:var(--t-text-3,color-mix(in srgb, var(--t-wash) 50.2%, transparent));cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.pk-icon-btn:hover{background:var(--t-card-hover,color-mix(in srgb, var(--t-wash) 7.84%, transparent));color:var(--t-text,var(--c-ink-1))}.pk-icon-btn:focus-visible,.pk-close:focus-visible{outline:2px solid var(--focus-ring,var(--c-green-120));outline-offset:1px}.pk-rename{flex-wrap:wrap;flex:1;gap:8px;min-width:0;display:flex}.pk-rename input{border:1px solid var(--t-line,color-mix(in srgb, var(--t-wash) 12.16%, transparent));background:color-mix(in srgb, var(--t-shade) 40%, transparent);min-width:0;height:34px;color:var(--t-text,var(--c-ink-1));border-radius:10px;outline:0;flex:160px;padding:0 12px;font:14px Geist,sans-serif}.pk-rename input:focus{border-color:var(--focus-ring,var(--c-green-120))}.pk-confirm{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.pk-confirm p{color:var(--t-text-2,color-mix(in srgb, var(--t-wash) 70.2%, transparent));flex-basis:100%;margin:0;font-size:12.5px}.pk-foot{justify-content:flex-end;margin-top:18px;display:flex}@keyframes pk-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.pk-offer,.pk-dialog[open]{animation:none}}.pk-inline .pk-panel{width:auto;max-width:720px;margin:0;position:static}.pk-security{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.pk-tile{--frame-r:20px;min-width:0}.pk-tile>.pk-inline{flex:1;display:flex}.pk-tile .pk-panel.ui-frame-well{border-radius:calc(var(--frame-r) - 6px);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--t-wash) 7.06%, transparent), transparent 60%), var(--c-surface-27);width:auto;max-width:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--t-wash) 6.27%, transparent), inset 0 2px 6px var(--t-well-sink), inset 0 -1px 0 color-mix(in srgb, var(--t-wash) 3.14%, transparent);border:0;flex-direction:column;flex:1;margin:0;padding:22px;display:flex;position:relative}.pk-tile .pk-head h2{font-size:15px;font-weight:500}.pk-tile .pk-head p{color:var(--t-text-3);margin-right:0;font-size:12.5px}.pk-tile .pk-foot{margin-top:auto;padding-top:18px}.pk-local{background:color-mix(in srgb, var(--t-wash) 2.35%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--t-wash) 5.1%, transparent);color:var(--t-text-2,color-mix(in srgb, var(--t-wash) 70.2%, transparent));border-radius:12px;align-items:flex-start;gap:8px;margin:18px 0 0;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.pk-local svg{color:var(--t-text-3);flex:none;margin-top:2px}.pk-facts{flex-direction:column;margin:18px 0 0;display:flex}.pk-facts>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;padding:12px 0;display:grid}.pk-facts>div+div{border-top:1px dotted color-mix(in srgb, var(--t-wash) 10.98%, transparent)}.pk-facts dt{color:var(--t-text-3);font-size:12.5px}.pk-facts dd{color:var(--t-text-2,color-mix(in srgb, var(--t-wash) 70.2%, transparent));flex-direction:column;gap:3px;margin:0;font-size:12.5px;line-height:1.5;display:flex}.pk-facts dd strong{color:var(--t-text);font-weight:500}.pk-facts dd span{color:var(--t-text-3)}@media (width<=900px){.pk-security{grid-template-columns:minmax(0,1fr)}}@font-face{font-family:Bricolage Grotesque;src:url(/assets/bricolage-grotesque-DLoelf7F.woff2)format("woff2");font-weight:200 800;font-display:swap}.login>.working-frieze{display:none}.login-globe{z-index:-2;pointer-events:none;height:clamp(180px,30vh,420px);animation:1.6s cubic-bezier(.16,1,.3,1) both login-globe-in;position:fixed;bottom:0;left:0;right:0}.login-globe-canvas{width:100%;height:100%;display:block}@keyframes login-globe-in{0%{opacity:0;transform:translateY(12%)}}.login .login-step{--ob-card-w:440px;gap:18px;animation:.7s cubic-bezier(.22,1,.36,1) both login-item}.login .ob-card{-webkit-backdrop-filter:blur(40px)saturate(1.4);background:linear-gradient(#111212e0,#08090af0) padding-box padding-box,linear-gradient(#ffffff2e,#ffffff0a 35%,#ffffff05 70%,#ffffff12) border-box;gap:26px;box-shadow:inset 0 1px #ffffff1f,0 30px 80px -40px #000c}.login .ob-card:before{display:none}.login .ob-input{box-shadow:none;background:#000000b3;border-color:#ffffff14}.login .ob-input:hover{border-color:#ffffff2e}.login .ob-input:focus,.login .ob-input:focus-visible{background:#00000040;border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff12}.login .ob-input::placeholder{color:#ffffff59}.login .ob-ghost.login-passkey-key{min-height:36px;box-shadow:none;color:var(--ob-muted);background:0 0;border:0}.login .ob-ghost.login-passkey-key:hover:not(:disabled){color:var(--ob-text);background:0 0}.login .ob-head{gap:6px}.login .ob-q{font-size:clamp(28px,3vw,34px)}.login .ob-lead{font-size:15px}.login-form{gap:16px;display:grid}.login .ob-input:-webkit-autofill{-webkit-text-fill-color:var(--ob-text);caret-color:var(--ob-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 60px #0b0c0c,inset 0 2px 6px #00000080}.login .ob-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ob-text);caret-color:var(--ob-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 60px #0b0c0c,inset 0 2px 6px #00000080}.login .ob-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ob-text);caret-color:var(--ob-text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 60px #0b0c0c,inset 0 2px 6px #00000080}.login-error{color:#e8b4a8;align-items:flex-start;gap:8px;margin:-4px 0 0;font-size:13.5px;line-height:1.45;animation:.35s cubic-bezier(.22,1,.36,1) both login-error-in;display:flex}.login-error svg{width:15px;height:15px;color:var(--ob-danger);flex:none;margin-top:2px}@keyframes login-error-in{0%{opacity:0;transform:translateY(-4px)}}.login-error:empty{display:none}.login-form .ob-primary{width:100%;margin-top:6px}.login-form .ob-primary .ba-face{box-sizing:border-box;width:100%}.login-or{color:var(--ob-faint);align-items:center;gap:12px;font-size:13px;display:none}.login-or:before,.login-or:after{content:"";background:var(--ob-line);flex:1;height:1px}.login .ob-ghost.login-passkey-key{justify-content:center;justify-self:center}.login .login-passkey-key svg{color:var(--ob-copper)}.login-invite{text-align:center;color:var(--ob-muted);text-shadow:0 1px 8px #000000b3;text-wrap:balance;margin:0;font-size:13px;line-height:1.5}.offline-brand{font:600 18px / 1 var(--display);letter-spacing:-.02em;color:#1a1b16}.offline-brand .os-tag{color:var(--forest)}.login-grain{pointer-events:none;opacity:.035;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.big-action.login-key{--ba-h:46px;--ba-r:12px;--ba-face-top:#5b8264;--ba-face:#4c7055;--ba-face-bottom:#42634a;--ba-lip-top:#345039;--ba-lip-bottom:#2a412f;--ba-ink:#f6f2e9;--ba-print:#fff;--ba-glow:#46684f33}.big-action.login-key .ba-face{box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #ffffff14,inset 0 -1px #00000026}.big-action.login-key .ba-face:after{background:linear-gradient(#ffffff26,#fff0)}.big-action.login-key .ba-label{text-shadow:0 -1px #0003;font-size:14px}.big-action.login-key .ba-prints .ba-print{mix-blend-mode:screen}.big-action.login-key:focus-visible{outline-color:var(--forest)}.offline-screen{--forest:#46684f;--display:Geist, sans-serif;box-sizing:border-box;background:radial-gradient(90% 70% at 50% 38%,#fbf9f3 0%,#f4f0e6 55%,#e9e2d2 100%);place-items:center;min-height:100dvh;padding:72px 16px 56px;font-family:Geist,sans-serif;animation:.9s cubic-bezier(.22,1,.36,1) both login-fade;display:grid;position:relative;overflow:hidden}.offline-brand{z-index:1;font-size:16px;position:absolute;top:28px;left:32px}.offline-center{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex;position:relative}.offline-orb{aspect-ratio:1;width:min(360px,82vw);margin:-24px 0 8px;animation:1.4s cubic-bezier(.16,1,.3,1) both offline-orb-in}.offline-orb-canvas{width:100%;height:100%;display:block}.offline-center h1{font:600 28px / 1.1 var(--display);letter-spacing:-.028em;color:#1a1b16;margin:0;animation:.7s cubic-bezier(.22,1,.36,1) .25s both login-item}.offline-body{color:#6f6a5c;max-width:30ch;margin:10px 0 0;font-size:14px;line-height:1.55;animation:.7s cubic-bezier(.22,1,.36,1) .32s both login-item}.offline-actions{flex-direction:column;align-items:center;gap:16px;margin-top:28px;animation:.7s cubic-bezier(.22,1,.36,1) .4s both login-item;display:flex}.big-action.offline-key{--ba-h:42px;--ba-pad:22px}.offline-status{font-variant-numeric:tabular-nums;color:#8c8576;align-items:center;gap:8px;margin:0;font-size:12.5px;display:inline-flex}.offline-dial{width:14px;height:14px;display:inline-flex}.offline-dial svg{width:100%;height:100%;transform:rotate(-90deg)}.offline-dial circle{fill:none;stroke:var(--forest);stroke-width:2px;stroke-linecap:round;stroke-dasharray:calc(var(--offline-left,1) * 100) 100;opacity:.75;transition:stroke-dasharray .25s linear}.offline-status.is-checking .offline-dial circle{stroke-dasharray:28 100;transition:none}.offline-status.is-checking .offline-dial svg{animation:.9s cubic-bezier(.5,.15,.5,.85) infinite offline-spin}.offline-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes offline-orb-in{0%{opacity:0;transform:scale(.86)}}@keyframes offline-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media (width<=600px){.offline-brand{top:22px;left:20px}}@keyframes login-fade{0%{opacity:0}}@keyframes login-item{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.login-step,.offline-screen,.offline-screen *{animation:none!important}.offline-dial circle{transition:none}}.big-action.offline-key:disabled{opacity:.72;cursor:progress}
