:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090b;--glow-1:#3ddc9712;--glow-2:#6384ff0b;--surface:#ffffff07;--surface-hover:#ffffff0d;--surface-solid:#101216;--border:#ffffff13;--border-strong:#ffffff25;--text:#f4f6f9;--text-dim:#98a1ad;--text-faint:#626b78;--accent:#3ddc97;--accent-strong:#2fc98a;--accent-ink:#04241a;--accent-soft:#3ddc971f;--accent-border:#3ddc973d;--accent-focus:#3ddc9780;--danger:#f87171;--danger-soft:#f871711f;--danger-border:#f8717159;--ring-track:#ffffff17;--overlay:#040507b8;--shadow-dialog:0 24px 60px #0000008c;--skeleton-hi:#ffffff0e;--primary-shadow:0 1px 0 #ffffff29 inset;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--radius:16px;--radius-sm:10px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--glow-1:#0c7f5717;--glow-2:#6384ff0f;--surface:#ffffffb8;--surface-hover:#fff;--surface-solid:#fff;--border:#10182817;--border-strong:#1018282e;--text:#101828;--text-dim:#5a6474;--text-faint:#8b94a3;--accent:#0c7f57;--accent-strong:#0a6b49;--accent-ink:#fff;--accent-soft:#0c7f5714;--accent-border:#0c7f5738;--accent-focus:#0c7f5773;--danger:#c92a1d;--danger-soft:#c92a1d12;--danger-border:#c92a1d42;--ring-track:#1018281a;--overlay:#10182861;--shadow-dialog:0 24px 60px #10182829;--skeleton-hi:#1018280b;--primary-shadow:none}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(900px 480px at 50% -12%, var(--glow-1), transparent 70%), radial-gradient(700px 400px at 100% 0%, var(--glow-2), transparent 70%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;min-height:100vh;font-size:15px;line-height:1.6;transition:background-color .2s,color .2s}.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}.shell{max-width:720px;margin:0 auto;padding:clamp(40px,7vw,76px) 22px 96px}.masthead{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:36px;display:flex}.masthead-title{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(27px,4.2vw,33px);font-weight:600;line-height:1.15}.masthead-sub{color:var(--text-dim);max-width:34ch;margin:0;font-size:14.5px}.masthead-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}button{cursor:pointer;border-radius:var(--radius-sm);border:1px solid #0000;padding:10px 16px;font-family:inherit;font-size:14px;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .12s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button{background:var(--accent);color:var(--accent-ink);white-space:nowrap;box-shadow:var(--primary-shadow);font-weight:600}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.primary-button:active:not(:disabled){transform:translateY(1px)}.ghost-button{border-color:var(--border);color:var(--text-dim);background:0 0;padding:8px 13px;font-size:13px}.ghost-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.danger-button{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger);padding:8px 13px;font-size:13px}.danger-button:hover{background:var(--danger-soft);border-color:var(--danger)}.link-button{color:var(--accent);font-size:inherit;text-underline-offset:3px;background:0 0;border:none;padding:0 2px;text-decoration:underline;text-decoration-thickness:1px}.link-button:hover{color:var(--accent-strong)}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);gap:2px;padding:3px;display:flex}.theme-option{width:30px;height:30px;color:var(--text-faint);background:0 0;border-radius:7px;place-items:center;padding:0;display:grid}.theme-option:hover{color:var(--text);background:var(--surface-hover)}.theme-option[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.notice{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--text);margin-bottom:20px;padding:12px 16px;font-size:13.5px;animation:.24s both rise}.toolbar{align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar-actions{flex-shrink:0;gap:8px;display:flex}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--text);flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .16s,background-color .16s}.search::placeholder{color:var(--text-faint)}.search:hover{border-color:var(--border-strong)}.search:focus{border-color:var(--accent-focus);background:var(--surface-hover);outline:none}.account-list{gap:12px;display:grid}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);gap:16px;padding:20px 22px;transition:background-color .18s,border-color .18s,transform .18s;animation:.3s both rise;display:grid}.card:hover{background:var(--surface-hover);border-color:var(--border-strong)}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-id{min-width:0}.card-name{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600}.card-note{color:var(--text-dim);overflow-wrap:anywhere;margin:2px 0 0;font-size:13px}.card-body{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.card-actions{opacity:.55;flex-shrink:0;gap:6px;transition:opacity .18s;display:flex}.card:hover .card-actions,.card:focus-within .card-actions{opacity:1}.code-button{text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:4px 10px 4px 0;display:flex}.code-button:disabled{opacity:1}.code-text{font-family:var(--mono);letter-spacing:.09em;font-variant-numeric:tabular-nums;color:var(--text);font-size:clamp(30px,5.4vw,38px);font-weight:600;line-height:1.12;transition:color .3s}.code-hint{color:var(--text-faint);letter-spacing:.02em;font-size:11px;transition:color .16s}.code-button:hover .code-hint{color:var(--accent)}.card[data-expiring] .code-text{color:var(--danger)}.ring{flex-shrink:0;place-items:center;display:grid;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:7px}.ring-track{stroke:var(--ring-track)}.ring-value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.ring-value.is-expiring{stroke:var(--danger)}.ring-seconds{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:15px;font-weight:600;transition:color .3s;position:absolute}.ring-seconds.is-expiring{color:var(--danger)}.empty{text-align:center;border-radius:var(--radius);border:1px dashed var(--border-strong);background:var(--surface);justify-items:center;gap:6px;padding:64px 24px 68px;animation:.3s both rise;display:grid}.empty-mark{width:52px;height:52px;color:var(--text-faint);margin-bottom:10px}.empty-mark svg{width:100%;height:100%}.empty-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.empty-text{color:var(--text-dim);max-width:38ch;margin:0;font-size:14px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.muted-center{text-align:center;color:var(--text-faint);padding:40px 0;font-size:14px}.skeleton-stack{gap:12px;display:grid}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg, var(--surface) 30%, var(--skeleton-hi) 50%, var(--surface) 70%);border:1px solid var(--border);background-size:220% 100%;height:132px;animation:1.5s ease-in-out infinite shimmer}.overlay{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:20px;animation:.18s both fade;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--surface-solid);border:1px solid var(--border-strong);width:100%;max-width:460px;box-shadow:var(--shadow-dialog);border-radius:18px;padding:26px 26px 22px;animation:.2s cubic-bezier(.2,.9,.3,1.1) both pop}.dialog-title{letter-spacing:-.015em;margin:0 0 22px;font-size:18px;font-weight:600}.field{margin-bottom:16px;display:block}.field-label{color:var(--text-dim);margin-bottom:7px;font-size:12.5px;display:block}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .16s}.field textarea{font-family:var(--mono);resize:vertical;min-height:76px;font-size:13px;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:hover,.field textarea:hover{border-color:var(--border-strong)}.field input:focus,.field textarea:focus{border-color:var(--accent-focus);outline:none}.field-error{color:var(--danger);margin:-6px 0 14px;font-size:13px}.dialog-hint{color:var(--text-faint);margin:0 0 20px;font-size:12.5px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.storage-note{color:var(--text-faint);margin:22px 2px 0;font-size:12.5px;line-height:1.7}.api-docs{border-top:1px solid var(--border);margin-top:44px;padding-top:18px}.api-docs>summary{cursor:pointer;color:var(--text-faint);width:fit-content;font-size:13px;list-style:none;transition:color .16s}.api-docs>summary::-webkit-details-marker{display:none}.api-docs>summary:before{content:"▸ ";transition:transform .18s;display:inline-block}.api-docs[open]>summary:before{transform:rotate(90deg)}.api-docs>summary:hover{color:var(--text-dim)}.api-docs-body{color:var(--text-dim);margin-top:14px;font-size:13px}.api-docs-body p{margin:0 0 12px}.api-docs-body code{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12.5px}.api-docs-body pre{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);margin:0 0 12px;padding:14px 16px;overflow-x:auto}.api-docs-body pre code{color:var(--text);background:0 0;border:none;padding:0;font-size:12.5px;line-height:1.65}.api-docs-note{color:var(--text-faint);line-height:1.7}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:560px){.masthead{flex-direction:column;align-items:stretch;gap:16px}.masthead-sub{max-width:none}.masthead-actions{justify-content:space-between}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar-actions{margin-left:auto}.card{padding:18px}.card-body{flex-direction:column;align-items:stretch;gap:12px}.card-actions{opacity:1;justify-content:flex-end}}