:root{--bg: #f6f5f2;--surface: #ffffff;--surface-2: #f0eeea;--text: #1c1b19;--text-dim: #6b6862;--border: #e0ddd6;--accent: #7c4dff;--accent-text: #ffffff;--ok: #1a8a4a;--bad: #c4362f;--warn-bg: #fff4e0;--warn-border: #f0c98a;--warn-text: #7a5210;--radius: 14px;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 6px 20px rgb(0 0 0 / 5%)}@media(prefers-color-scheme:dark){:root{--bg: #17181c;--surface: #21232a;--surface-2: #2a2d35;--text: #ecebe8;--text-dim: #9c9a94;--border: #33363f;--accent: #9d7bff;--accent-text: #0d1017;--ok: #4ec27f;--bad: #ff7a72;--warn-bg: #33291a;--warn-border: #6b5528;--warn-text: #e8c891;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 25%)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}.app-shell{max-width:680px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:17px;letter-spacing:.02em}.topbar nav{display:flex;gap:14px;font-size:14px}.topbar nav a{color:var(--text-dim);text-decoration:none}.topbar nav a:hover{color:var(--text)}.spacer{flex:1}.page{flex:1;padding:18px 18px calc(40px + env(safe-area-inset-bottom))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.card h1{font-size:20px;margin:0 0 6px;line-height:1.35}.card h2{font-size:16px;margin:0 0 10px}.card .intro{color:var(--text-dim);font-size:14px;margin:0 0 4px;white-space:pre-wrap}.hero{text-align:center;padding:30px 18px 26px}.hero h1{font-size:24px;margin-bottom:8px}.hero .intro{max-width:30em;margin:0 auto}label{display:block;font-size:14px;color:var(--text-dim);margin-bottom:6px}input[type=text],input[type=password],textarea,select{width:100%;padding:12px 14px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;outline:none}input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--accent)}input:disabled,textarea:disabled{opacity:.5}textarea{resize:vertical;min-height:76px;line-height:1.55}.field{margin-bottom:14px}.field-hint{font-size:12px;color:var(--text-dim);margin:4px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:11px 18px;font:inherit;font-weight:600;color:var(--accent-text);background:var(--accent);border:1px solid transparent;border-radius:10px;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{color:var(--text);background:var(--surface-2);border-color:var(--border)}.btn.danger{color:var(--bad);background:transparent;border-color:var(--border)}.btn.small{min-height:36px;padding:6px 12px;font-size:14px;font-weight:500}.btn.block{width:100%}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row .btn{flex:1;min-width:120px}.notice{padding:12px 14px;border-radius:10px;font-size:14px;margin-bottom:14px}.notice.warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text)}.notice.error{background:color-mix(in srgb,var(--bad) 12%,var(--surface));border:1px solid var(--bad);color:var(--bad)}.notice.ok{background:color-mix(in srgb,var(--ok) 12%,var(--surface));border:1px solid var(--ok);color:var(--ok)}.dim{color:var(--text-dim);font-size:14px}.empty{text-align:center;color:var(--text-dim);padding:48px 18px;font-size:15px}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.tag.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.tag.warn{color:var(--warn-text);border-color:var(--warn-border)}.tag.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--border))}.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.acct{border-top:1px solid var(--border);padding:14px 0}.acct:first-of-type{border-top:none}.acct-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px}.acct-name{font-weight:600}.acct-note{background:var(--surface-2);border-radius:8px;padding:8px 10px;font-size:14px;margin:8px 0;white-space:pre-wrap;word-break:break-word}.one-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;font-weight:700;background:var(--surface-2);border:1px dashed var(--border);border-radius:8px;padding:10px 12px;margin:8px 0;word-break:break-all;-webkit-user-select:all;user-select:all}.steps{margin:0;padding-left:1.2em;color:var(--text-dim);font-size:14px}.steps li{margin-bottom:6px}@media(max-width:420px){.btn-row .btn{min-width:100%}}