:where([data-brand=substrio]).ob{--font-sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--ob-card:440px;--ob-pad:40px;isolation:isolate;background:var(--bg);min-block-size:100dvh;color:var(--text);font:400 15px/1.5 var(--font-sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";flex-direction:column;display:flex;position:relative;overflow:clip}:where([data-brand=substrio]).ob:before{content:"";z-index:-2;pointer-events:none;background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--text) 2.2%, transparent) 0 1px, transparent 1px 7px), var(--aurora);position:absolute;inset:0}:where([data-brand=substrio]).ob:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in oklch, var(--glow-2) 22%, transparent) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(90deg, color-mix(in oklch, var(--glow-2) 22%, transparent) 1px, transparent 1px) 0 0 / 56px 56px;transform-origin:50% 100%;block-size:62%;position:absolute;inset-block-end:-10%;inset-inline:-50%;transform:perspective(520px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 15%,#00000080 60%,#000 100%);mask-image:linear-gradient(#0000 15%,#00000080 60%,#000 100%)}:where([data-brand=substrio][data-theme=light]).ob:after{opacity:.6}.ob-bar{border-block-end:var(--hairline) solid var(--line);background:color-mix(in oklch, var(--bg) 60%, transparent);backdrop-filter:blur(20px)saturate(1.5);align-items:center;gap:12px;block-size:64px;padding-inline:24px;display:flex}.ob-brand{color:var(--text);font:500 17px/1 var(--font-sans);letter-spacing:-.03em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.ob-brand svg{block-size:28px;inline-size:28px}.ob-who{align-items:center;gap:8px;min-inline-size:0;margin-inline-start:auto;display:flex}.ob-email{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-pill);border:var(--hairline) solid var(--line);background:var(--surface-1);font:400 13px/1 var(--font-sans);color:var(--text-2);padding:6px 12px;overflow:hidden}.ob-main{flex:1;align-content:center;justify-items:center;gap:32px;padding:48px 24px 64px;display:grid}.ob-steps{font:500 13px/1 var(--font-sans);letter-spacing:-.005em;color:var(--text-3);align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ob-step{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.ob-step+.ob-step:before{content:"";background:var(--line-field);block-size:1px;inline-size:40px;margin-inline-end:2px}.ob-step[data-state=done]+.ob-step:before{background:linear-gradient(90deg, var(--glow-3), color-mix(in oklch, var(--glow-3) 30%, var(--line-field)))}.ob-num{border:1px solid var(--line-field);background:var(--bg);block-size:24px;inline-size:24px;font:500 11px/1 var(--font-mono);color:var(--text-3);border-radius:50%;place-items:center;display:inline-grid}.ob-num svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:12px;inline-size:12px}.ob-step[data-state=current]{color:var(--text)}.ob-step[data-state=current] .ob-num{background:linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(135deg, var(--hot-3), var(--hot-2) 45%, var(--hot-1)) border-box;color:var(--text);box-shadow:0 0 18px -2px color-mix(in oklch, var(--hot-2) 55%, transparent);border-color:#0000}.ob-step[data-state=done]{color:var(--text-2)}.ob-step[data-state=done] .ob-num{border-color:color-mix(in oklch, var(--glow-3) 55%, transparent);background:color-mix(in oklch, var(--glow-3) 14%, var(--bg));color:var(--glow-3)}.ob-card{--glow-radius:28px;--chase-r:28px;--chase:11s;--halo-alpha:.42;inline-size:min(100%, var(--ob-card));padding:var(--ob-pad);animation:ob-in .52s var(--ease-apple) both;gap:24px;display:grid}.ob-card.wide{--ob-card:640px}.ob-card.quiet{border-radius:var(--glow-radius);border:var(--hairline) solid var(--line);background:var(--field-bg);box-shadow:0 30px 80px -50px var(--shadow);position:relative}:where([data-brand=substrio]) .ob-card.halo:focus-within{--chase:7s;--halo-alpha:.6}.ob-card:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--text) 28%, transparent), transparent);pointer-events:none;block-size:1px;position:absolute;inset-block-start:0;inset-inline:18%}@keyframes ob-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@media (prefers-reduced-motion:reduce){.ob-card{animation:none}}.ob-head{gap:10px;display:grid}.ob-head .ob-mark{block-size:44px;inline-size:44px;filter:drop-shadow(0 10px 24px color-mix(in oklch, var(--glow-1) 45%, transparent));margin-block-end:10px}.ob-head .ob-mark svg{block-size:100%;inline-size:100%}.ob-eyebrow{border-radius:var(--radius-pill);border:var(--hairline) solid color-mix(in oklch, var(--hot-2) 40%, var(--line));background:color-mix(in oklch, var(--hot-2) 8%, transparent);font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--hot-3) 70%, var(--text));justify-self:start;padding:5px 10px}.ob-title{font:300 32px/1.08 var(--font-display);letter-spacing:-.04em;color:var(--text);text-wrap:balance;margin:0}.ob-lead{font:400 15px/1.5 var(--font-sans);letter-spacing:-.01em;color:var(--text-2);text-wrap:pretty;margin:0}.ob-lead b{color:var(--text);font-weight:500}.ob-form{gap:16px;display:grid}.ob-actions{gap:10px;margin-block-start:8px;display:grid}.ob-actions .button{inline-size:100%}.ob-alt{text-align:center;font:400 14px/1.4 var(--font-sans);color:var(--text-3);margin:0}.ob-link{color:var(--text);font:inherit;text-decoration:underline;text-decoration-color:color-mix(in oklch, var(--text) 30%, transparent);text-underline-offset:3px;cursor:pointer;transition:text-decoration-color .2s var(--ease-apple);background:0 0;border:0;padding:0}.ob-link:hover{text-decoration-color:var(--text)}.ob-problem{border:var(--hairline) solid color-mix(in oklch, var(--hot-1) 40%, var(--line));background:color-mix(in oklch, var(--hot-1) 9%, transparent);font:400 14px/1.4 var(--font-sans);color:color-mix(in oklch, var(--hot-1) 35%, var(--text));border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:11px 14px;display:flex}.ob-problem:before{content:"";background:var(--hot-1);block-size:6px;inline-size:6px;box-shadow:0 0 8px var(--hot-1);border-radius:50%;flex:none;margin-block-start:7px}.ob-foot{font:400 12.5px/1.4 var(--font-sans);color:var(--text-3);text-align:center;align-items:center;gap:8px;margin:0;display:inline-flex}.ob-foot svg{flex:none;block-size:14px;inline-size:14px}:where([data-brand=substrio]) .field.ob-digits input{text-align:center;block-size:64px;font:400 30px/1 var(--font-mono);letter-spacing:.42em;padding-inline:16px 0}:where([data-brand=substrio]) .field.ob-digits input::placeholder{color:color-mix(in oklch, var(--text-3) 50%, transparent)}.ob-qr{block-size:200px;inline-size:200px;box-shadow:0 0 0 1px #ffffff14, 0 24px 60px -24px color-mix(in oklch, var(--glow-1) 70%, transparent);background:#fff;border-radius:20px;justify-self:center;place-items:center;padding:14px;display:grid}.ob-qr svg{block-size:100%;inline-size:100%;display:block}.ob-secret{text-align:center;font:400 13px/1.4 var(--font-sans);color:var(--text-3);justify-items:center;gap:10px;display:grid}.ob-chips{grid-template-columns:repeat(4,auto);justify-content:center;gap:6px;display:grid}.ob-chip{border:var(--hairline) solid var(--line);background:var(--surface-1);font:400 13px/1 var(--font-mono);letter-spacing:.04em;color:var(--text);user-select:all;border-radius:8px;padding:6px 9px}.ob-recovery{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ob-recovery li{border:var(--hairline) solid var(--line);background:var(--surface-1);font:400 13px/1 var(--font-mono);letter-spacing:.02em;text-align:center;white-space:nowrap;color:var(--text);user-select:all;border-radius:12px;padding:12px 8px}.ob-copy{border-radius:var(--radius-pill);border:var(--hairline) solid var(--line-field);background:var(--bg);block-size:32px;color:var(--text);font:500 13px/1 var(--font-sans);cursor:pointer;transition:background-color .2s var(--ease-apple), color .2s var(--ease-apple), border-color .2s var(--ease-apple);place-items:center;padding-inline:14px;display:inline-grid}.ob-copy:hover{background:var(--surface-2)}.ob-copy[data-done]{border-color:color-mix(in oklch, var(--glow-3) 55%, transparent);color:var(--glow-3)}.ob-keycard{border:var(--hairline) solid var(--line-field);background:radial-gradient(120% 120% at 0% 0%, color-mix(in oklch, var(--hot-2) 10%, transparent), transparent 55%), linear-gradient(160deg, color-mix(in oklch, var(--text) 6%, transparent), transparent 70%), var(--bg);box-shadow:0 30px 70px -40px color-mix(in oklch, var(--hot-1) 60%, transparent);border-radius:20px;gap:16px;padding:22px;display:grid}.ob-kc-top{font:500 13px/1 var(--font-sans);color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;display:flex}.ob-tag{border-radius:var(--radius-pill);border:var(--hairline) solid var(--line);font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:6px 10px}.ob-tag.hot{border-color:color-mix(in oklch, var(--hot-2) 45%, var(--line));color:color-mix(in oklch, var(--hot-3) 70%, var(--text))}.ob-kc-key{font:400 15px/1.5 var(--font-mono);letter-spacing:.02em;color:var(--text);overflow-wrap:anywhere;user-select:all;display:block}.ob-kc-row{font:400 13px/1.4 var(--font-sans);color:var(--text-3);align-items:center;gap:12px;display:flex}.ob-term{border:var(--hairline) solid var(--line-field);background:color-mix(in oklch, var(--bg) 92%, #000);border-radius:16px;overflow:hidden}.ob-term-bar{border-block-end:var(--hairline) solid var(--line);align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.ob-term-bar>i{background:var(--line-field);border-radius:50%;block-size:10px;inline-size:10px}.ob-tabs{gap:2px;margin-inline-start:8px;display:flex}.ob-tabs button{border-radius:var(--radius-pill);block-size:30px;color:var(--text-3);font:500 12.5px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease-apple), color .2s var(--ease-apple);background:0 0;border:0;padding-inline:12px}.ob-tabs button:hover{color:var(--text)}.ob-tabs button[aria-selected=true]{background:var(--surface-3);color:var(--text)}.ob-term-bar .ob-copy{margin-inline-start:auto}.ob-term pre{font:400 13px/1.7 var(--font-mono);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px 20px 20px}.ob-term pre .p{color:var(--hot-2);user-select:none}.ob-create{gap:10px;display:flex}:where([data-brand=substrio]) .ob-create .field{flex:1;min-inline-size:0}.ob-create .button{flex:none;align-self:end}.ob-section{gap:12px;display:grid}.ob-section-title{font:500 13px/1 var(--font-sans);letter-spacing:-.005em;color:var(--text-2);margin:0}.ob-list{border:var(--hairline) solid var(--line);background:var(--surface-1);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.ob-list li{align-items:center;gap:14px;min-block-size:64px;padding:12px 12px 12px 16px;display:flex}.ob-list li+li{border-block-start:var(--hairline) solid var(--line)}.ob-item-icon{border:var(--hairline) solid var(--line-field);background:radial-gradient(100% 100% at 30% 0%, color-mix(in oklch, var(--hot-2) 22%, transparent), transparent 70%), var(--bg);block-size:36px;inline-size:36px;color:color-mix(in oklch, var(--hot-3) 75%, var(--text));border-radius:10px;flex:none;place-items:center;display:grid}.ob-item-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;block-size:16px;inline-size:16px}.ob-item-text{flex:1;gap:4px;min-inline-size:0;display:grid}.ob-item-name{text-overflow:ellipsis;white-space:nowrap;font:500 15px/1.2 var(--font-sans);color:var(--text);overflow:hidden}.ob-item-meta{font:400 13px/1.2 var(--font-sans);color:var(--text-3)}.ob-item-actions{align-items:center;gap:6px;display:flex}.ob-list li[data-confirm]{background:color-mix(in oklch, var(--hot-1) 7%, transparent)}.ob-danger{background:color-mix(in oklch, var(--hot-1) 85%, #000)!important;color:#fff!important}.ob-empty{border:var(--hairline) dashed var(--line-field);text-align:center;font:400 14px/1.4 var(--font-sans);color:var(--text-3);border-radius:16px;justify-items:center;gap:6px;padding:28px 16px;display:grid}.ob-host{font:400 13px/1.2 var(--font-mono);color:var(--text-3);overflow-wrap:anywhere;text-decoration:none}.ob-host:hover{color:var(--glow-3)}.ob-notice{inline-size:min(100%, var(--ob-card-wide,640px));border:var(--hairline) solid var(--line);background:var(--surface-1);backdrop-filter:blur(16px);font:400 14px/1.4 var(--font-sans);color:var(--text-2);border-radius:16px;align-items:center;gap:14px;padding:12px 12px 12px 18px;display:flex}.ob-notice:before{content:"";background:var(--hot-2);block-size:7px;inline-size:7px;box-shadow:0 0 10px var(--hot-2);border-radius:50%;flex:none}.ob-notice span{flex:1}.ob-notice .button{flex:none}@media (width<=560px){:where([data-brand=substrio]).ob{--ob-pad:24px}.ob-bar{padding-inline:16px}.ob-main{align-content:start;gap:24px;padding:28px 16px 48px}.ob-card{--glow-radius:24px;--chase-r:24px;gap:20px}.ob-title{font-size:28px}.ob-step:not([data-state=current]) .ob-label{display:none}.ob-step+.ob-step:before{inline-size:20px}.ob-email{display:none}.ob-create{flex-direction:column}.ob-create .button{align-self:stretch}.ob-notice{flex-wrap:wrap}.ob-notice .button{inline-size:100%}.ob-term-bar{padding-inline-start:8px}.ob-term-bar>i{display:none}.ob-tabs{margin-inline-start:0}.ob-tabs button{padding-inline:10px}.ob-term pre{padding:16px;font-size:12.5px}}.keys[data-astro-cid-owf6uhf7]{--ob-card:440px;--ob-pad:40px;min-block-size:70svh;padding:clamp(48px, 9vw, 112px) var(--gutter,16px) clamp(80px, 12vw, 140px);align-content:start;justify-items:center;gap:32px;display:grid}.keys[data-astro-cid-owf6uhf7] [data-astro-cid-owf6uhf7][hidden]{display:none!important}.keys[data-astro-cid-owf6uhf7] select{block-size:var(--field-h,44px);border-radius:var(--radius-s);border:1px solid var(--line-field);background:var(--bg);color:var(--text);font:400 15px/1 var(--font-sans);padding-inline:12px}#fresh[data-astro-cid-owf6uhf7]{gap:16px}.ob-kc-row[data-astro-cid-owf6uhf7] .ob-copy[data-astro-cid-owf6uhf7]{white-space:nowrap;flex:none}@media (width<=560px){.keys[data-astro-cid-owf6uhf7]{--ob-pad:24px}.keys[data-astro-cid-owf6uhf7] .ob-create{flex-direction:column}}