.o-main{min-height:100svh}.o-shell{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);min-height:100svh;display:grid}.o-intro{padding-top:calc(env(safe-area-inset-top,0px) + 5.5rem);padding-bottom:1.5rem;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));flex-direction:column;gap:1.5rem;display:flex}.o-words{flex-direction:column;gap:1rem;display:flex}.o-title{font-family:var(--font-display);font-synthesis:none;letter-spacing:var(--display-tracking);word-spacing:-.06em;margin:0;font-size:clamp(2.6rem,12vw,4.5rem);font-weight:600;line-height:.95}.o-lede{max-width:32ch;color:var(--ink-soft);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:clamp(1.0625rem,1.3vw,1.375rem);line-height:1.3}.o-preview{min-width:0;padding:1.75rem var(--gutter) calc(env(safe-area-inset-bottom,0px) + 7rem)}.o-progress{gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.o-progress-step{place-items:center;min-width:2rem;height:2rem;display:grid;position:relative}.o-progress-n{font-family:var(--font-display);font-synthesis:none;letter-spacing:var(--display-tracking);font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:1.3rem;font-weight:600;line-height:1}.o-progress-step[data-state=now] .o-progress-n{color:var(--ink)}.o-progress-done{border-radius:var(--radius-control);width:1.75rem;height:1.75rem;color:var(--cover-ink);place-items:center;display:grid}.o-progress-rule{background:var(--ink);border-radius:.1rem;height:.15rem;position:absolute;bottom:-.4rem;left:15%;right:15%}.o-card-wrap{flex-direction:column;gap:.6rem;width:100%;max-width:16.5rem;margin:0;display:flex}.o-card-label{color:var(--ink-soft);font-size:.875rem}.o-card{--o-plain:#ddd6cb;--o-blank:#ece7df;--o-placeholder:#9b958c;aspect-ratio:1.6;background:var(--cover-paper);color:var(--cover-ink);transform-origin:50% 0;flex-direction:column;gap:.35rem;padding:1.1rem 1.2rem;display:flex;position:relative}.o-card-kind{min-height:1.45rem;display:flex}.o-card-mark{border-radius:.2rem;padding:.12rem .45rem;font-size:.8125rem;font-weight:600;line-height:1.3;display:inline-block}.o-card-mark--plain{background:var(--o-plain)}.o-card-mark--empty{background:var(--o-blank);width:4.5rem}.o-card-name{font-family:var(--font-display);font-synthesis:none;letter-spacing:var(--display-tracking);word-spacing:-.06em;overflow-wrap:anywhere;margin-top:auto;font-size:clamp(1.6rem,6.5vw,2.25rem);font-weight:600;line-height:1}.o-card-placeholder{color:var(--o-placeholder)}.o-card-org{font-size:.9375rem;line-height:1.3}.o-card-foot{justify-content:space-between;align-items:flex-end;gap:.75rem;min-height:1.25rem;margin-top:.45rem;font-size:.8125rem;display:flex}.o-card-place{align-items:center;gap:.3rem;display:inline-flex}.o-card-site{font-family:var(--font-display);font-synthesis:none;letter-spacing:var(--display-tracking);margin-left:auto;font-size:1rem;font-weight:600}.o-card-pin{z-index:1;border-radius:.25rem;width:1rem;height:1rem;margin-left:-.5rem;position:absolute;top:-.5rem;left:50%}.o-panel{padding-top:1.75rem;padding-bottom:1.75rem;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));background:var(--paper-2);justify-content:center;align-items:flex-start;display:flex}.o-panel-inner{width:100%;max-width:28rem}.o-step label{font-size:.9375rem;font-weight:600}.o-options{border:0;grid-template-columns:minmax(0,1fr);gap:.5rem;margin:0;padding:0;display:grid}.o-step .o-option{font-weight:400}.o-option{border-radius:var(--radius-bar);background:var(--field);cursor:pointer;align-items:center;gap:.75rem;min-height:3.25rem;padding:.6rem .9rem;font-size:1rem;line-height:1.25;display:flex;position:relative;overflow:hidden}.o-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.o-option-swatch{border-radius:.2rem;flex:none;width:.9rem;height:.9rem}.o-option-fill{color:var(--cover-ink);pointer-events:none;align-items:center;gap:.75rem;padding:.6rem .9rem;font-weight:600;display:flex;position:absolute;inset:0}.o-option-fill--plain{background:#ddd6cb}.o-option-swatch--on{background:var(--cover-ink)}.o-option-check{margin-left:auto;display:grid}.cp{width:100%;position:relative}.cp-field{border:1px solid var(--field-border);background:var(--field);width:100%;height:2.5rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:0 .75rem;font-size:max(16px,1rem);display:flex}.cp-field-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cp-field[data-empty] .cp-field-value{color:var(--ink-soft)}.cp-chevron{color:var(--ink-soft);flex:none;place-items:center;display:grid}.cp-menu{z-index:40;border-radius:calc(var(--radius-control) + .35rem);background:var(--surface);min-width:16rem;color:var(--on-surface);transform-origin:top;padding:.35rem;position:absolute;top:calc(100% + .4rem);left:0;right:0}.cp-menu--up{transform-origin:bottom;top:auto;bottom:calc(100% + .4rem)}.cp-search input{border:1px solid var(--surface-line);border-radius:var(--radius-control);background:var(--surface);width:100%;height:2.75rem;color:var(--on-surface);font:inherit;padding:0 .85rem;font-size:max(16px,1rem)}.cp-search input::placeholder{color:var(--on-surface-soft)}.cp-search input:focus-visible{border-color:var(--on-surface-soft);outline:none}.cp-list{overscroll-behavior:contain;scrollbar-width:none;max-height:17rem;margin:.35rem 0 0;padding:0;list-style:none;position:relative;overflow-y:auto}.cp-list::-webkit-scrollbar{display:none}.cp-option{border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:1rem;min-height:2.75rem;padding:0 .85rem;font-size:1rem;display:flex;position:relative}.cp-option[aria-selected=true]{font-weight:600}.cp-option--none .cp-option-name{color:var(--on-surface-soft)}.cp-option-name,.cp-option-check{position:relative}.cp-option-name{flex:1;min-width:0}.cp-option-check{flex:none}.cp-glide{border-radius:var(--radius-control);background:var(--surface-hover);position:absolute;inset:0}.cp-empty{color:var(--on-surface-soft);margin:.75rem .85rem .5rem;font-size:.9375rem}.cp-sheet{flex-direction:column;height:85svh;display:flex;overflow:hidden}.cp-sheet-top{touch-action:none;flex:none}.cp-sheet .cp-search{flex:none;padding:0 .35rem}.cp-sheet .cp-list{flex:1;max-height:none;padding:0 .35rem}.cp-sheet .cp-option{min-height:3.25rem;padding-inline:1rem;font-size:1.0625rem}.o-actions{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-top:.5rem;display:flex}.o-link{color:var(--ink);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.5rem .1rem;font-size:.9375rem;font-weight:600;text-decoration:underline}.o-link--quiet{color:var(--ink-soft);font-weight:400}.o-error{background:var(--destructive-soft);border-radius:.75rem;padding:.65rem .8rem}.o-code{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.o-code .otp-cell{background:var(--paper-3)}.o-gate{min-height:100dvh;padding-top:calc(env(safe-area-inset-top,0px) + 5.5rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6rem);padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;align-items:center;display:flex}.o-gate-inner{text-align:center;flex-direction:column;gap:1.5rem;width:100%;max-width:34rem;display:flex}.o-gate .o-lede{margin-inline:auto}.o-code--gate{align-items:center;gap:1.1rem}.o-code--gate .otp-cell{background:var(--paper-3)}.o-code-field{border:0;place-items:center;width:100%;min-width:0;height:4rem;margin:0;padding:0;display:grid}.o-code--gate .otp-row{zoom:1.1}.o-code-feedback{min-height:2.75rem;color:var(--ink-soft);font-size:.9375rem}.o-link:disabled{color:var(--ink-faint);cursor:default;text-decoration:none}.o-code-field:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--radius-control)}.o-gate-actions{flex-direction:column;align-items:center;gap:.35rem;display:flex}.o-hint{color:var(--ink-soft);margin:0;font-size:.9375rem}.o-resent{align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}.o-resent-tile{width:1.5rem;height:1.5rem;color:var(--cover-ink);border-radius:.3rem;place-items:center;display:grid}.o-leave{z-index:61;max-height:88svh;padding:1.25rem max(1.25rem, env(safe-area-inset-left,0px)) calc(env(safe-area-inset-bottom,0px) + 1.5rem);border-radius:calc(var(--radius-control) + .55rem) calc(var(--radius-control) + .55rem) 0 0;background:var(--paper);color:var(--ink);flex-direction:column;gap:.9rem;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.o-leave-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.o-leave-title{font-family:var(--font-display);font-synthesis:none;letter-spacing:var(--display-tracking);margin:0;font-size:2rem;font-weight:600;line-height:1.05}.o-leave-close{border-radius:var(--radius-control);background:var(--paper-2);width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;border:0;flex:none;place-items:center;display:grid}.o-leave-lede{max-width:34rem;color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.45}.o-leave-actions{flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:.35rem;display:flex}.o-leave-out{align-items:center;gap:.45rem;display:inline-flex}@media (min-width:700px){.o-leave{border-radius:var(--radius-bar);width:min(32rem,100vw - 2rem);padding:1.75rem;inset:50% auto auto 50%;translate:-50% -50%}.o-leave-title{font-size:2.4rem}.o-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.o-intro{padding-top:max(8rem,8.1vw);padding-bottom:var(--gutter)}.o-title{font-size:clamp(3rem,5vw,6.5rem)}.o-card-wrap{max-width:26rem;margin-top:auto}.o-preview{padding-bottom:var(--gutter);grid-area:2/1;align-self:end}.o-panel{grid-area:1/2/3;align-items:center;padding-top:6rem}.o-options{grid-template-columns:repeat(2,minmax(0,1fr))}.o-gate{align-items:center;padding-top:8rem;padding-bottom:8rem}.o-gate .o-title{font-size:clamp(3rem,5vw,6.5rem)}.o-code--gate .otp-row{zoom:1.4}}@media (min-width:380px) and (max-width:699px){.o-code--gate .otp-row{zoom:1.25}}@media (min-width:900px){.o-panel{padding-bottom:3rem}}