.keygate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.keygate-card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px;text-align:center}.keygate-card h1{font-size:32px;letter-spacing:2px}.keygate-tag{font-size:13px;letter-spacing:1px;vertical-align:middle;background:#4b57d6;color:#fff;border-radius:6px;padding:2px 8px;margin-left:6px}.keygate-card p{color:var(--text-dim);font-size:14px}.keygate-card input{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;color:var(--text);font-size:16px;text-align:center}.keygate-card button{background:var(--accent);border:none;border-radius:12px;padding:14px;color:#fff;font-size:16px;font-weight:600}.keygate-card button:disabled{opacity:.5}.keygate-error{color:var(--danger);font-size:13px}.tabbar{flex-shrink:0;display:flex;width:100%;max-width:560px;margin:0 auto;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 14px #20242e0d;padding-bottom:env(safe-area-inset-bottom)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;background:none;border:none;color:var(--text-dim);font-size:11px}.tabbar-item.active{color:var(--accent)}.tabbar-item.active .tabbar-label{font-weight:600}.tabbar-icon{font-size:20px}.page.mailbox{gap:14px}.page.mailbox .page-sub{margin:3px 0 0;font-size:12px;color:var(--text-dim);font-weight:400}.page.mailbox .notif-banner{margin:0;padding:10px 12px;background:#e8643c1f;border:1px solid rgba(232,100,60,.35);border-radius:10px;display:flex;align-items:center;gap:10px;font-size:13px;color:#f0a583;flex-wrap:wrap}.page.mailbox .notif-banner span{flex:1}.page.mailbox .notif-banner button{border:none;background:var(--accent);color:#fff;border-radius:8px;padding:6px 14px;font-size:13px}.page.mailbox .notif-banner .notif-msg{width:100%;margin:4px 0 0;font-size:12px;color:var(--text-dim)}.compose-open{background:var(--surface);border:1px dashed var(--border);color:var(--text-dim);border-radius:var(--r-md);padding:13px;font-size:14px;text-align:left;width:100%}.compose{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px;display:flex;flex-direction:column;gap:10px}.compose textarea{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:15px;line-height:1.5;resize:vertical;min-height:64px}.compose-actions{display:flex;justify-content:flex-end;gap:8px}.compose-cancel{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:9px;padding:8px 14px;font-size:13px}.compose-send{background:var(--accent);border:none;color:#fff;border-radius:9px;padding:8px 16px;font-size:14px;font-weight:600}.compose-send:disabled{opacity:.45}.inbox{display:flex;flex-direction:column;gap:12px}.inbox-empty{text-align:center;color:var(--text-dim);font-size:13px;padding:30px 0}.letter{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;cursor:pointer}.letter:active{background:var(--surface2)}.letter-head{display:flex;align-items:center;gap:8px;padding:10px 12px}.letter-from{font-size:13px;font-weight:650;color:var(--text);display:flex;align-items:center;gap:6px}.letter-icon{font-size:14px}.letter-time{margin-left:auto;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.letter-preview{padding:0 12px 12px;margin:0;font-size:13.5px;line-height:1.5;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.letter-status{font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px}.st-pending{background:#d9a3302e;color:#e3b552}.st-processing{background:#3b82f62e;color:#6ba6ff}.st-done{background:#10b9812e;color:#34d399}.st-failed{background:#dc26262e;color:#f87171}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px 16px 0 0;overflow:hidden}.modal-top{display:flex;align-items:center;border-bottom:1px solid var(--border);background:var(--surface2)}.modal-top .letter-head{flex:1}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:16px;padding:12px 14px}.modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px;font-size:14.5px;line-height:1.65;color:var(--text);word-break:break-word}.modal-foot{flex-shrink:0;border-top:1px solid var(--border);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end}.modal-del{background:transparent;border:1px solid rgba(220,38,38,.4);color:#f87171;border-radius:9px;padding:7px 14px;font-size:13px}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown p{margin:0 0 10px}.markdown h1,.markdown h2,.markdown h3{margin:16px 0 8px;line-height:1.3;font-weight:700}.markdown h1{font-size:18px}.markdown h2{font-size:16px}.markdown h3{font-size:15px}.markdown ul,.markdown ol{margin:0 0 10px;padding-left:20px}.markdown li{margin:3px 0}.markdown strong{color:#fff;font-weight:700}.markdown a{color:#6ba6ff;word-break:break-all}.markdown code{background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12.5px;font-family:SF Mono,ui-monospace,Menlo,monospace}.markdown pre{background:#11141a;border:1px solid var(--border);border-radius:8px;padding:10px 12px;overflow-x:auto;margin:0 0 10px}.markdown pre code{background:none;border:none;padding:0;font-size:12.5px}.markdown blockquote{margin:0 0 10px;padding-left:12px;border-left:3px solid var(--border);color:var(--text-dim)}.markdown table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 10px;font-size:13px}.markdown th,.markdown td{border:1px solid var(--border);padding:6px 10px;text-align:left;white-space:nowrap}.markdown th{background:var(--surface2);font-weight:650}.markdown hr{border:none;border-top:1px solid var(--border);margin:14px 0}.page.logs{display:flex;flex-direction:column;height:100%}.logs-list{flex:1;overflow-y:auto;padding:8px 14px 20px;-webkit-overflow-scrolling:touch}.log-item{background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:10px 12px;margin-bottom:8px}.log-item.ok{border-left-color:var(--good)}.log-item.fail{border-left-color:var(--danger)}.log-item.info{border-left-color:var(--text-dim)}.log-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.log-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.log-dot.ok{background:var(--good)}.log-dot.fail{background:var(--danger)}.log-time{font-size:12px;color:var(--text-dim)}.log-text{margin:0;font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}:root{--bg: #0f1115;--surface: #1a1d24;--surface2: #232730;--border: #2c313b;--text: #e7e9ee;--text-dim: #8b919f;--accent: #e8643c;--accent-soft: rgba(232, 100, 60, .16);--danger: #f87171;--good: #34d399;--sys-cognition: #3b82f6;--sys-health: #10b981;--sys-social: #8b5cf6;--sys-wealth: #d9a330;--sys-other: #94a3b8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--r-sm: 10px;--r-md: 14px;--r-lg: 18px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow:hidden}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:560px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 16px 0}.page{display:flex;flex-direction:column;gap:18px;padding-bottom:16px}.page-header{display:flex;justify-content:space-between;align-items:baseline;padding-top:4px;gap:12px}.page-header h1{font-size:28px;font-weight:750;letter-spacing:-.02em}.page-error{background:#dc262614;border:1px solid rgba(220,38,38,.25);color:var(--danger);border-radius:var(--r-md);padding:10px 14px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--accent);border:none;border-radius:var(--r-sm);padding:10px 16px;color:#fff;font-size:14px;font-weight:650}.btn-primary:disabled{opacity:.45}.pill{font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px}