:root{--brand:#0f3d75;--brand-2:#1d5fb0;--bg:#f2f4f7;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--danger:#b91c1c;--danger-bg:#fef2f2;--warn:#92400e;--warn-bg:#fffbeb;--ok:#166534;--ok-bg:#f0fdf4;--input:#fff;--shadow:0 1px 2px #0000000f, 0 1px 1px #0000000a;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand:#6ea8ff;--brand-2:#8bb8ff;--bg:#0b0f16;--card:#151b25;--text:#e5e7eb;--muted:#9ca3af;--line:#263041;--danger:#f87171;--danger-bg:#2a1215;--warn:#fbbf24;--warn-bg:#2a2010;--ok:#4ade80;--ok-bg:#0f2418;--input:#0f141c;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-height:100dvh;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}#root{min-height:100dvh}.page{max-width:640px;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}.center-page{max-width:440px;padding:calc(env(safe-area-inset-top) + 40px) 20px calc(env(safe-area-inset-bottom) + 32px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.logo{border-radius:18px;align-self:center;width:72px;height:72px}h1{margin:0;font-size:26px;line-height:1.2}h2{margin:0;font-size:20px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:15px;font-weight:600}p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.topbar{align-items:center;gap:8px;min-height:48px;margin-bottom:8px;display:flex}.topbar h1{flex:1;font-size:22px}.topbar .spacer{flex:1}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.btn{appearance:none;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:14px 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--brand);color:#fff}@media (prefers-color-scheme:dark){.btn-primary{color:#0b0f16}}.btn-secondary{background:var(--card);color:var(--brand);border:1px solid var(--line)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-ghost{color:var(--brand);background:0 0;min-height:44px;padding:10px 12px}.btn-block{width:100%}.btn-sm{border-radius:10px;min-height:38px;padding:8px 12px;font-size:14px}.icon-btn{appearance:none;color:var(--brand);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}label.field{flex-direction:column;gap:6px;display:flex}label.field>span{color:var(--muted);font-size:14px;font-weight:600}.input{background:var(--input);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;min-height:50px;padding:13px 14px;font-size:17px}.input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 25%, transparent)}textarea.input{resize:vertical;min-height:96px}.input-group{align-items:stretch;gap:6px;display:flex}.input-group .input{flex:1;min-width:0}.mono{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-input{letter-spacing:8px;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:26px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.switch{flex:none;width:52px;height:32px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch i{background:var(--line);border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch input:checked+i{background:#16a34a}.switch input:checked+i:after{transform:translate(20px)}.alert{border-radius:12px;padding:12px 14px;font-size:15px}.alert-error{background:var(--danger-bg);color:var(--danger)}.alert-warn{background:var(--warn-bg);color:var(--warn)}.alert-ok{background:var(--ok-bg);color:var(--ok)}.alert-info{background:color-mix(in srgb, var(--brand-2) 12%, var(--card));color:var(--text)}.search{z-index:5;background:var(--bg);padding:4px 0 10px;position:sticky;top:0}.list{flex-direction:column;gap:10px;display:flex}.entry{align-items:center;gap:10px;padding:12px 10px 12px 12px;display:flex}.entry-main{cursor:pointer;flex:1;min-width:0}.entry-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.entry-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.avatar{background:color-mix(in srgb, var(--brand-2) 16%, var(--card));width:42px;height:42px;color:var(--brand);border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.entry-actions{flex:none;gap:6px;display:flex}.entry-actions .btn-sm{padding:8px 10px}@media (width<=360px){.avatar{display:none}}.chip{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.chip-late{background:var(--danger-bg);color:var(--danger)}.chip-soon{background:var(--warn-bg);color:var(--warn)}.chip-mfa{background:color-mix(in srgb, var(--brand-2) 14%, var(--card));color:var(--brand)}.detail-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px;display:flex}.detail-row:first-child{border-top:0}.detail-label{color:var(--muted);font-size:13px;font-weight:600}.detail-value{overflow-wrap:anywhere;font-size:17px}.detail-value.mono{word-break:break-all}.menu-row{border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;min-height:52px;padding:14px;font-size:16px;display:flex}.menu-row:first-child{border-top:0}.menu-row .grow small{color:var(--muted);font-size:13px;display:block}.chev{color:var(--muted)}.fab{right:max(20px,50vw - 300px);bottom:calc(env(safe-area-inset-bottom) + 24px);background:var(--brand);color:#fff;cursor:pointer;z-index:10;border:0;border-radius:30px;width:60px;height:60px;font-size:32px;line-height:1;position:fixed;box-shadow:0 6px 20px #0f3d7559}@media (prefers-color-scheme:dark){.fab{color:#0b0f16}}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 100px);color:#fff;z-index:100;text-align:center;background:#111827;border-radius:12px;max-width:calc(100vw - 32px);padding:12px 18px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.sheet-backdrop{z-index:50;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:640px;max-height:92dvh;padding:18px 16px calc(env(safe-area-inset-bottom) + 20px);border-radius:18px 18px 0 0;flex-direction:column;gap:14px;display:flex;overflow:auto}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:18px}}.recovery-code{letter-spacing:.06em;text-align:center;-webkit-user-select:all;user-select:all;padding:18px 10px;font-family:ui-monospace,Menlo,monospace;font-size:22px;font-weight:700;line-height:1.7}.meter{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.meter>i{height:100%;transition:width .2s;display:block}.gen-preview{word-break:break-all;text-align:center;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:19px}input[type=range]{width:100%;accent-color:var(--brand)}.qr{background:#fff;border-radius:12px;align-self:center;width:220px;height:220px;padding:8px}.empty{text-align:center;color:var(--muted);padding:48px 16px}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin:60px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media print{body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{padding:40px;position:absolute;inset:0}}.steps{flex-direction:column;gap:6px;display:flex}.steps-bars{gap:6px;display:flex}.steps-bars i{background:var(--line);border-radius:3px;flex:1;height:5px}.steps-bars i.on{background:var(--brand)}.steps-text{color:var(--muted);font-size:14px}.help{border:1px solid var(--line);background:var(--card);border-radius:12px}.help-toggle{cursor:pointer;text-align:left;width:100%;color:var(--brand);background:0 0;border:0;align-items:center;gap:10px;padding:11px 12px;font-size:15px;font-weight:600;display:flex}.help-icon{background:color-mix(in srgb, var(--brand-2) 16%, var(--card));width:22px;height:22px;color:var(--brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.help-body{color:var(--text);flex-direction:column;gap:8px;padding:0 14px 14px 44px;font-size:15px;display:flex}.help-body ul,.howto{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.howto{font-size:16px}.tip{color:var(--muted);font-size:14px}.checklist{flex-direction:column;display:flex}.check-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.check-item:first-child{border-top:0}.check-dot{border:2px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex}.check-item.done .check-dot{color:#fff;background:#16a34a;border-color:#16a34a}.check-item.done .check-title{color:var(--muted);text-decoration:line-through}.check-title{font-weight:600}.check-desc{color:var(--muted);font-size:14px}.onboarding-head{align-items:center;gap:10px;padding:14px;display:flex}