@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/assets/instrument-sans-latin-ext-wdth-normal-C5E2Gvlv.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/assets/instrument-sans-latin-wdth-normal-BVScPF0l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}:root{--ground:#f2f4f7;--surface:#fff;--surface-2:#f7f8fa;--sunken:#eceff3;--line:#e2e5ea;--line-strong:#c9ced6;--ink:#0f1729;--ink-2:#475164;--ink-3:#657084;--accent:#1f3b73;--accent-2:#18305f;--on-accent:#fff;--accent-soft:#1f3b7314;--accent-ring:#1f3b7347;--signal:#c2410c;--success:#0f7a55;--warning:#9a5a06;--danger:#b42318;--on-danger:#fff;--scrim:#0f17296b;--shadow-1:0 1px 2px #0f17290f;--shadow-2:0 4px 14px -4px #0f172924, 0 1px 3px #0f17290f;--shadow-3:0 24px 60px -16px #0f172952, 0 2px 8px #0f17290f;--r-xs:6px;--r-s:10px;--r-m:12px;--r-l:16px;--r-xl:20px;--font-ui:"Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-code:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.2, .9, .25, 1);--ease-in:cubic-bezier(.6, 0, .8, .2);--t-micro:.12s;--t-normal:.22s;--t-macro:.38s;--col:760px;--gutter:16px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0d1015;--surface:#141920;--surface-2:#1a2029;--sunken:#0f1318;--line:#252c37;--line-strong:#343d4b;--ink:#e7ebf1;--ink-2:#a4adbb;--ink-3:#828b9b;--accent:#8fb4ff;--accent-2:#a9c5ff;--on-accent:#0b1220;--accent-soft:#8fb4ff1a;--accent-ring:#8fb4ff52;--signal:#ff9a62;--success:#4fd1a1;--warning:#f2b65c;--danger:#ff8b80;--on-danger:#1d0603;--scrim:#0009;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px -4px #0009, 0 1px 3px #0006;--shadow-3:0 24px 60px -16px #000c, 0 2px 8px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#0d1015;--surface:#141920;--surface-2:#1a2029;--sunken:#0f1318;--line:#252c37;--line-strong:#343d4b;--ink:#e7ebf1;--ink-2:#a4adbb;--ink-3:#828b9b;--accent:#8fb4ff;--accent-2:#a9c5ff;--on-accent:#0b1220;--accent-soft:#8fb4ff1a;--accent-ring:#8fb4ff52;--signal:#ff9a62;--success:#4fd1a1;--warning:#f2b65c;--danger:#ff8b80;--on-danger:#1d0603;--scrim:#0009;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px -4px #0009, 0 1px 3px #0006;--shadow-3:0 24px 60px -16px #000c, 0 2px 8px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:1rem;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent-ring);color:inherit}*{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,textarea{caret-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3,p{margin:0}svg{display:block}kbd{font-family:var(--font-code)}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.icon-s{width:16px;height:16px}.vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.btn{border-radius:var(--r-s);background:var(--accent);min-height:44px;color:var(--on-accent);white-space:nowrap;transition:background var(--t-micro) var(--ease-out), border-color var(--t-micro) var(--ease-out), box-shadow var(--t-micro) var(--ease-out), transform var(--t-micro) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-1)}.btn.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-3)}.btn.danger{background:var(--danger);color:var(--on-danger)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, #000)}.btn.block{width:100%;min-height:48px}.btn.is-busy{pointer-events:none}.btn.is-busy:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{border-radius:var(--r-s);width:44px;height:44px;color:var(--ink-2);transition:background var(--t-micro) var(--ease-out), color var(--t-micro) var(--ease-out);background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.icon-btn:disabled{opacity:.35}.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.link-btn{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;border-radius:var(--r-xs);background:0 0;border:0;padding:10px 6px;font-size:.875rem;font-weight:500;text-decoration-thickness:1px}.link-btn:hover{color:var(--ink);text-decoration-color:currentColor}.wordmark{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;margin-right:auto;font-size:1.0625rem;font-weight:650;display:flex}.mark{width:24px;height:24px;color:var(--accent)}.topbar{z-index:20;padding-top:var(--safe-t);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{max-width:calc(var(--col) + 2 * var(--gutter));min-height:60px;padding:0 calc(var(--gutter) - 8px) 0 var(--gutter);align-items:center;gap:2px;margin:0 auto;display:flex}.topbar-add{min-height:40px;margin-left:10px;padding:0 14px 0 12px;display:none}.search{flex:1;align-items:center;gap:4px;margin-right:4px;display:none}.topbar.is-searching .wordmark{display:none}.topbar.is-searching .search{display:flex}.search-field{flex:1;min-width:0;display:flex;position:relative}.search input{border-radius:var(--r-s);border:1px solid var(--line);background:var(--sunken);min-width:0;height:40px;color:var(--ink);transition:border-color var(--t-micro) var(--ease-out), background var(--t-micro) var(--ease-out), box-shadow var(--t-micro) var(--ease-out);flex:1;padding:0 12px 0 38px;font-size:.9375rem}.search-field:before{content:"";background:var(--ink-3);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='m20.5 20.5-4-4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='m20.5 20.5-4-4'/%3E%3C/svg%3E") 50%/contain no-repeat}.search input::placeholder{color:var(--ink-3)}.search input:focus-visible{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search-kbd{border-radius:var(--r-xs);border:1px solid var(--line-strong);background:var(--surface);min-width:22px;height:22px;color:var(--ink-3);text-align:center;pointer-events:none;padding:0 6px;font-size:.75rem;line-height:20px;display:none;position:absolute;top:50%;right:8px;translate:0 -50%}@media (min-width:760px){:root{--gutter:24px}.topbar-add{display:inline-flex}.search{flex:0 280px;margin-left:auto;margin-right:6px;display:flex}.topbar .search-toggle,.search-close{display:none}.topbar.is-searching .wordmark{display:flex}.wordmark{margin-right:0}}@media (min-width:760px) and (hover:hover){.search-kbd{display:block}.search input{padding-right:38px}.search input:focus+.search-kbd,.search input:not(:placeholder-shown)+.search-kbd{display:none}}.main{max-width:calc(var(--col) + 2 * var(--gutter));padding:24px var(--gutter) calc(112px + var(--safe-b));margin:0 auto}@media (min-width:760px){.main{padding-top:40px;padding-bottom:calc(64px + var(--safe-b))}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:0 2px 14px;display:flex}.page-title{letter-spacing:-.02em;align-items:baseline;gap:10px;font-size:1.5rem;font-weight:650;line-height:1.2;display:flex}.page-count{letter-spacing:0;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:500}.page-hint{color:var(--ink-3);font-size:.8125rem}.page-hint .hint-fine{display:none}@media (hover:hover) and (pointer:fine){.page-hint .hint-fine{display:inline}.page-hint .hint-touch{display:none}}.accts{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-1);margin:0;padding:0;list-style:none}.acct{border-top:1px solid var(--line);background:var(--surface);transition:background var(--t-micro) var(--ease-out);position:relative}.acct:first-child{border-radius:var(--r-l) var(--r-l) 0 0;border-top:0}.acct:last-child{border-radius:0 0 var(--r-l) var(--r-l)}.acct:only-child{border-radius:var(--r-l)}.acct:hover{background:var(--surface-2)}.acct-main{text-align:left;border-radius:inherit;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"tile text ring""tile code ring";align-items:center;gap:2px 14px;width:100%;min-height:84px;padding:14px 16px;display:grid}.acct-main:focus-visible{outline-offset:-2px}.tile{border-radius:var(--r-s);background:oklch(.95 .035 var(--h));width:40px;height:40px;color:oklch(.42 .1 var(--h));box-shadow:inset 0 0 0 1px oklch(.88 .04 var(--h));grid-area:tile;align-self:start;place-items:center;margin-top:2px;font-size:1rem;font-weight:650;display:grid}:root[data-theme=dark] .tile{background:oklch(.29 .045 var(--h));color:oklch(.86 .08 var(--h));box-shadow:inset 0 0 0 1px oklch(.36 .05 var(--h))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tile{background:oklch(.29 .045 var(--h));color:oklch(.86 .08 var(--h));box-shadow:inset 0 0 0 1px oklch(.36 .05 var(--h))}}.acct-text{grid-area:text;align-items:baseline;gap:8px;min-width:0;display:flex}.acct-issuer{max-width:70%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:.9375rem;font-weight:600;overflow:hidden}.acct-label{min-width:0;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.acct-text>*{max-width:100%}.acct-code{font-family:var(--font-code);letter-spacing:.02em;font-variant-numeric:tabular-nums slashed-zero;color:var(--ink);white-space:nowrap;transition:color var(--t-normal) var(--ease-out);grid-area:code;font-size:1.75rem;font-weight:500;line-height:1.15}.acct-code .gap{width:.38em;display:inline-block}.acct-code.is-changing span{animation:settle .24s var(--ease-out) both}.acct-code.is-changing span:nth-child(3){animation-delay:30ms}@keyframes settle{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.acct.is-expiring .acct-code{color:var(--signal)}.acct.is-copied .acct-code{color:var(--success)}.acct-slot{grid-area:ring;width:36px;height:36px}@media (min-width:560px){.acct-main{grid-template-columns:40px minmax(0,1fr) auto 36px;grid-template-areas:"tile text code ring";column-gap:16px;min-height:76px;padding:14px 20px}.tile{align-self:center;margin-top:0}.acct-text{flex-direction:column;align-items:flex-start;gap:0}.acct-issuer{max-width:100%}.acct-code{font-size:1.875rem}}.ring{grid-area:ring;place-items:center;width:36px;height:36px;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0}.ring-track{fill:none;stroke:var(--line);stroke-width:2.5px}.ring-arc{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;transition:stroke var(--t-normal) var(--ease-out)}.ring-num{font-variant-numeric:tabular-nums;color:var(--ink-2);transition:color var(--t-normal) var(--ease-out);font-size:.75rem;font-weight:600;position:relative}.acct.is-expiring .ring-arc{stroke:var(--signal)}.acct.is-expiring .ring-num{color:var(--signal)}.acct-copied{background:color-mix(in srgb, var(--success) 12%, transparent);width:36px;height:36px;color:var(--success);opacity:0;transition:opacity var(--t-normal) var(--ease-out), transform var(--t-normal) var(--ease-out);pointer-events:none;border-radius:50%;grid-area:ring;justify-self:center;place-items:center;display:grid;transform:scale(.6)}.acct-copied .icon{stroke-width:2.5px}.acct.is-copied .acct-copied{opacity:1;transform:none}.acct.is-copied .ring{opacity:0}.acct-next{z-index:2;border:1px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--ink-2);box-shadow:var(--shadow-1);transition:background var(--t-micro) var(--ease-out), color var(--t-micro) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:12px;translate:0 -50%}.acct-next:hover{background:var(--surface-2);color:var(--ink)}@media (min-width:560px){.acct-next{right:16px}}.acct.is-copied .acct-next{opacity:0}.acct-grip,.acct-tools{display:none}.is-editing .acct-main{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"tile text";min-height:72px;padding-left:48px;padding-right:148px}.is-editing .acct-text{flex-direction:column;align-items:flex-start;gap:0}.is-editing .acct-code,.is-editing .ring,.is-editing .acct-slot,.is-editing .acct-next,.is-editing .acct-copied{display:none}.is-editing .acct-grip{z-index:2;width:40px;color:var(--ink-3);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:4px}.is-editing .acct-tools{z-index:2;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:8px}.acct.is-dragging{z-index:5;background:var(--surface);box-shadow:var(--shadow-3);border-radius:var(--r-m);cursor:grabbing;transform:scale(1.01)}.empty{text-align:center;justify-items:center;gap:12px;max-width:440px;margin:0 auto;padding:48px 16px 32px;list-style:none;display:grid}.accts .empty{padding:40px 20px}.empty .dial{width:112px;height:112px;margin-bottom:12px}.empty h1,.empty h2{letter-spacing:-.015em;text-wrap:balance;font-size:1.375rem;font-weight:650;line-height:1.25}.accts .empty h2{font-size:1.0625rem}.empty p{color:var(--ink-2);text-wrap:pretty;max-width:38ch}.empty-actions{gap:10px;width:100%;max-width:320px;margin-top:12px;display:grid}.dial{color:var(--accent);position:relative}.dial svg{width:100%;height:100%}.dial .tick{stroke:var(--line-strong);stroke-width:1.25px;stroke-linecap:round}.dial .tick.major{stroke:var(--ink-3);stroke-width:1.75px}.dial-arc{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round}.dial-dot{fill:currentColor}.dial-glyph{fill:none;stroke:var(--ink);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.dial-glyph>*{vector-effect:non-scaling-stroke}.dial.is-sweeping .tick{opacity:0;animation:tick-in .26s var(--ease-out) forwards;animation-delay:calc(var(--i) * 9ms + 80ms)}.dial.is-sweeping .dial-arc{stroke-dasharray:260;stroke-dashoffset:260px;animation:arc-in .76s var(--ease-out) .22s forwards}@keyframes tick-in{to{opacity:1}}@keyframes arc-in{to{stroke-dashoffset:0}}.fab{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + var(--safe-b));z-index:15;border-radius:var(--r-l);min-height:52px;box-shadow:var(--shadow-3);padding:0 20px 0 16px;position:fixed}@media (min-width:760px){.fab{display:none}}.lock{min-height:100dvh;padding:calc(20px + var(--safe-t)) 20px calc(24px + var(--safe-b));background:var(--ground);grid-template-rows:auto 1fr;justify-items:center;display:grid}.lock-mark{justify-self:start;margin:0;font-size:1rem}@media (min-width:760px){.lock-mark{justify-self:center}}.lock-card{text-align:center;align-self:center;justify-items:center;gap:16px;width:100%;max-width:340px;padding:12px 0;display:grid}.lock .dial{width:min(34vw,132px);height:min(34vw,132px);margin-bottom:4px}.lock-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:650;line-height:1.2}.lock-hint{color:var(--ink-2);text-wrap:balance;max-width:32ch;min-height:1.5em;margin-top:-6px;font-size:.9375rem}.lock-hint.is-error{color:var(--danger)}.pin-dots{align-items:center;gap:12px;height:20px;margin:2px 0 6px;display:flex}.pin-dots span{border:1.5px solid var(--line-strong);width:12px;height:12px;transition:background var(--t-micro) var(--ease-out), border-color var(--t-micro) var(--ease-out), transform var(--t-micro) var(--ease-out);background:0 0;border-radius:50%}.pin-dots span.is-filled{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.pin-dots.is-shaking{animation:shake .34s var(--ease-out)}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;display:grid}.key{border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface);height:60px;box-shadow:var(--shadow-1);color:var(--ink);font-family:var(--font-code);transition:background var(--t-micro) var(--ease-out), border-color var(--t-micro) var(--ease-out), transform 80ms var(--ease-out);place-items:center;font-size:1.375rem;font-weight:500;display:grid}.key:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.key:active:not(:disabled){background:var(--sunken);transform:scale(.96)}.key.ghost{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.key.ghost:hover:not(:disabled){background:var(--sunken);border-color:#0000}.key.ghost .icon{width:24px;height:24px}.key:disabled{opacity:.4}@media (max-height:700px){.lock .dial{width:88px;height:88px}.lock-card{gap:10px}.key{height:52px}}.lock-foot{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lock-continue{min-width:200px;min-height:48px}dialog.sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface);width:100%;max-width:100%;max-height:min(92dvh,860px);color:var(--ink);box-shadow:var(--shadow-3);border:0;flex-direction:column;margin:auto auto 0;padding:0;display:none;overflow:hidden}dialog.sheet[open]{animation:sheet-in var(--t-macro) var(--ease-out);display:flex}dialog.sheet.is-closing{animation:sheet-out .18s var(--ease-in) forwards}dialog.sheet::backdrop{background:var(--scrim);animation:fade-in var(--t-normal) var(--ease-out)}@keyframes sheet-in{0%{opacity:0;transform:translateY(20px)}}@keyframes sheet-out{to{opacity:0;transform:translateY(12px)}}@keyframes fade-in{0%{opacity:0}}@media (min-width:760px){dialog.sheet{border-radius:var(--r-xl);width:min(520px,100% - 48px);margin:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}}.sheet-head{border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:60px;padding:10px 10px 10px 20px;display:flex}.sheet-head.has-back{padding-left:8px}.sheet-head h2{letter-spacing:-.01em;flex:1;font-size:1.0625rem;font-weight:650;line-height:1.25}.sheet-body{overscroll-behavior:contain;padding:20px 20px calc(24px + var(--safe-b));flex-direction:column;gap:16px;min-height:0;display:flex;overflow-y:auto}.sheet-body>*{flex-shrink:0}.sheet-intro{color:var(--ink-2);text-wrap:pretty;font-size:.9375rem}.options{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);display:grid;overflow:hidden}.option{border:0;border-top:1px solid var(--line);text-align:left;width:100%;min-height:60px;transition:background var(--t-micro) var(--ease-out);background:0 0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.option:first-child{border-top:0}button.option:hover,label.option:hover{background:var(--surface-2)}button.option:focus-visible{outline-offset:-2px}.option-icon{border-radius:var(--r-s);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);place-items:center;display:grid}.option-icon .icon{width:18px;height:18px}.option-title{font-size:.9375rem;font-weight:560;display:block}.option-sub{color:var(--ink-3);margin-top:1px;font-size:.8125rem;line-height:1.4;display:block}.option .chev{color:var(--ink-3)}.option.danger .option-title,.option.danger .option-icon{color:var(--danger)}.option.danger .option-icon{background:color-mix(in srgb, var(--danger) 10%, transparent)}.option.is-static{cursor:default}.option.has-control{grid-template-columns:36px auto minmax(0,176px);justify-content:stretch}.option.has-control .select{min-height:40px}.option.has-control .option-title{white-space:nowrap}.group-title{color:var(--ink-2);margin:8px 2px -8px;font-size:.8125rem;font-weight:600}.form-body{gap:16px;display:grid}.field{gap:6px;display:grid}.field>label,.field>.label{color:var(--ink);font-size:.875rem;font-weight:560}.input,.select{border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:44px;box-shadow:var(--shadow-1);transition:border-color var(--t-micro) var(--ease-out), box-shadow var(--t-micro) var(--ease-out);padding:0 12px;font-size:1rem}.input:hover,.select:hover{border-color:var(--ink-3)}.input::placeholder{color:var(--ink-3)}.input:focus-visible,.select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.input.mono{font-family:var(--font-code);letter-spacing:.04em;font-size:.9375rem}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 25%, transparent)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657084' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:38px}:root[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23828b9b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23828b9b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}}.field-help{color:var(--ink-3);font-size:.8125rem}.field-error{color:var(--danger);font-size:.8125rem;font-weight:540}.field-warn{color:var(--warning);font-size:.8125rem}.row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.segmented{border-radius:var(--r-s);background:var(--sunken);border:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.segmented label{cursor:pointer;min-height:38px;color:var(--ink-2);transition:background var(--t-micro) var(--ease-out), color var(--t-micro) var(--ease-out), box-shadow var(--t-micro) var(--ease-out);border-radius:7px;place-items:center;font-size:.875rem;font-weight:540;display:grid;position:relative}.segmented label:hover{color:var(--ink)}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented label:has(input:checked){background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2);font-weight:600}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}details.advanced{border-top:1px solid var(--line);padding-top:4px}details.advanced summary{cursor:pointer;color:var(--ink-2);align-items:center;gap:6px;padding:10px 0;font-size:.9375rem;font-weight:560;list-style:none;display:flex}details.advanced summary:hover{color:var(--ink)}details.advanced summary::-webkit-details-marker{display:none}details.advanced summary .icon{transition:transform var(--t-normal) var(--ease-out)}details.advanced[open] summary .icon{transform:rotate(180deg)}details.advanced .adv-body{gap:14px;padding:6px 0 4px;display:grid}.actions{gap:10px;margin-top:4px;display:grid}@media (min-width:480px){.actions.inline{grid-auto-flow:column;justify-content:end}}.switch{appearance:none;background:var(--line-strong);cursor:pointer;width:44px;height:26px;transition:background var(--t-normal) var(--ease-out);border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";width:20px;height:20px;transition:transform var(--t-normal) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172940}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}.callout{border-radius:var(--r-s);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);background:color-mix(in srgb, var(--warning) 8%, transparent);color:var(--ink);grid-template-columns:20px 1fr;gap:10px;padding:12px 14px;font-size:.875rem;line-height:1.45;display:grid}.callout .icon{color:var(--warning);width:18px;height:18px;margin-top:1px}.callout.danger{border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 7%, transparent)}.callout.danger .icon{color:var(--danger)}.callout.info{border-color:var(--line);background:var(--surface-2)}.callout.info .icon{color:var(--ink-3)}.details{border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line);grid-template-columns:auto 1fr;gap:10px 16px;margin:0;padding:14px 16px;font-size:.875rem;display:grid}.details dt{color:var(--ink-3)}.details dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:540}.import-list{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);max-height:46dvh;display:grid;overflow-y:auto}.import-row{border-top:1px solid var(--line);cursor:pointer;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.import-row:first-child{border-top:0}.import-row:hover{background:var(--surface-2)}.import-row input{width:18px;height:18px;accent-color:var(--accent);margin:0}.import-row .t{font-weight:560;display:block}.import-row .s{color:var(--ink-3);font-size:.8125rem;display:block}.import-row .dup{color:var(--warning)}.qr-frame{aspect-ratio:1;border-radius:var(--r-m);border:1px solid var(--line);width:min(100%,300px);box-shadow:var(--shadow-2);background:#fff;place-self:center;padding:14px}.qr-frame svg{width:100%;height:100%}.qr-pager{justify-content:center;align-items:center;gap:16px;font-weight:560;display:flex}.qr-pager .count{text-align:center;font-variant-numeric:tabular-nums;min-width:80px}.qr-caption{text-align:center}dialog.sheet.scanner{--accent:#8fb4ff;color:#e7ebf1;background:#07090c;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.scanner-stage{flex:1;position:relative;overflow:hidden}.scanner-stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-top{padding:calc(8px + var(--safe-t)) 8px 8px;z-index:2;background:linear-gradient(#07090cb3,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.scanner-top h2{font-size:1rem;font-weight:600}.scanner-top .icon-btn{color:#e7ebf1}.scanner-top .icon-btn:hover{background:#ffffff1f}.reticle{aspect-ratio:1;z-index:1;border-radius:20px;width:min(68vw,300px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #07090c99}.reticle svg{width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px}.reticle path{fill:none;stroke:#e7ebf1;stroke-width:3px;stroke-linecap:round}.reticle.is-found path{stroke:#4fd1a1}.reticle .scanline{background:linear-gradient(90deg,#0000,#8fb4ff,#0000);border-radius:2px;height:2px;animation:2.2s ease-in-out infinite alternate scan;position:absolute;left:8%;right:8%}@keyframes scan{0%{top:10%}to{top:90%}}.scanner-bottom{z-index:2;padding:24px 20px calc(24px + var(--safe-b));text-align:center;background:linear-gradient(#0000,#07090ce0);justify-items:center;gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.scanner-status{text-wrap:balance;max-width:32ch;min-height:2.8em;font-size:.9375rem}.scanner-status .progress{color:#bcd2ff;font-variant-numeric:tabular-nums;background:#8fb4ff29;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:.8125rem;font-weight:600;display:inline-block}.scanner-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.scanner-actions .btn.secondary{color:#e7ebf1;box-shadow:none;background:0 0;border-color:#e7ebf14d}.scanner-actions .btn.secondary:hover{background:#e7ebf11a}.scanner-actions .btn:not(.secondary){color:#0b1220;background:#e7ebf1}.scanner-fallback{text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.scanner-fallback>div{justify-items:center;gap:14px;max-width:340px;display:grid}.scanner-fallback .icon{color:#a4adbb;width:36px;height:36px}.scanner-fallback h3{font-size:1.125rem;font-weight:600}.scanner-fallback p{color:#a4adbb;font-size:.9375rem}.drop-hint{z-index:50;border:2px dashed var(--accent);border-radius:var(--r-xl);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent);pointer-events:none;place-items:center;font-size:1.125rem;font-weight:600;display:none;position:fixed;inset:12px}.drop-hint.is-on{display:grid}.toasts{left:50%;bottom:calc(84px + var(--safe-b));z-index:100;pointer-events:none;gap:8px;width:min(420px,100% - 32px);display:grid;position:fixed;transform:translate(-50%)}@media (min-width:760px){.toasts{bottom:calc(24px + var(--safe-b))}}body.is-locked .toasts{bottom:calc(20px + var(--safe-b))}.toast{pointer-events:auto;border-radius:var(--r-m);color:#f3f5f8;min-height:48px;box-shadow:var(--shadow-3);animation:toast-in var(--t-normal) var(--ease-out);background:#111827;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:.9375rem;display:flex}:root[data-theme=dark] .toast{color:#0f1729;background:#e7ebf1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast{color:#0f1729;background:#e7ebf1}}.toast.is-leaving{animation:toast-out .16s var(--ease-in) forwards}.toast .msg{flex:1}.toast .icon{stroke-width:2.25px;color:#4fd1a1;width:18px;height:18px}.toast.error .icon{color:#ff8b80}:root[data-theme=dark] .toast .icon{color:#0f7a55}:root[data-theme=dark] .toast.error .icon{color:#b42318}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast .icon{color:#0f7a55}:root:not([data-theme=light]) .toast.error .icon{color:#b42318}}.toast button{color:inherit;border-radius:var(--r-xs);text-underline-offset:3px;background:0 0;border:0;min-height:36px;padding:0 12px;font-size:.875rem;font-weight:600;text-decoration:underline}.toast button:hover{background:color-mix(in srgb, currentColor 12%, transparent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.reticle .scanline{display:none}}