:root{--km-navy-900: #0a1628;--km-navy-800: #0d1b2a;--km-navy-700: #13263a;--km-navy-600: #1b3350;--km-cyan-400: #4dd0e1;--km-cyan-300: #67e8f9;--km-cyan-500: #26a3b8;--km-ink: #e8f1f8;--km-ink-dim: #9fb3c8;--km-ink-faint: #5f7389;--km-line: #1e3a52;--km-ok: #22c55e;--km-ok-bg: #0f3d2e;--km-warn: #f59e0b;--km-bad: #ef4444;--km-bad-bg: #3d0f12;--km-radius: 10px;--km-radius-sm: 6px;--km-gap: 16px;--km-shadow: 0 8px 30px rgba(0, 0, 0, .35);--km-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--km-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--km-font);background:radial-gradient(1200px 800px at 70% -10%,#122a44 0%,var(--km-navy-900) 55%);color:var(--km-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--km-cyan-400);text-decoration:none}a:hover{color:var(--km-cyan-300)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--km-radius-sm);transition:background .12s ease,box-shadow .12s ease,transform 60ms ease}button:active{transform:translateY(1px)}.km-btn-primary{background:var(--km-cyan-400);color:var(--km-navy-900);font-weight:600;padding:10px 18px}.km-btn-primary:hover{background:var(--km-cyan-300)}.km-btn-ghost{background:transparent;color:var(--km-ink-dim);padding:8px 14px;border:1px solid var(--km-line)}.km-btn-ghost:hover{color:var(--km-ink);border-color:var(--km-cyan-500)}.km-pqc-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:#4dd0e11f;color:var(--km-cyan-300);border:1px solid rgba(77,208,225,.3)}.km-pqc-chip.verified{background:var(--km-ok-bg);color:var(--km-ok);border-color:#22c55e66}.km-pqc-chip.invalid{background:var(--km-bad-bg);color:var(--km-bad);border-color:#ef444466}.km-mono{font-family:var(--km-mono)}.km-dim{color:var(--km-ink-dim)}.km-faint{color:var(--km-ink-faint)}.km-login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.km-login-card{width:100%;max-width:400px;background:#0d1b2acc;border:1px solid var(--km-line);border-radius:var(--km-radius);padding:32px;box-shadow:var(--km-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.km-login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.km-login-wordmark{font-size:24px;font-weight:800;letter-spacing:-.02em}.km-login-wordmark span{color:var(--km-cyan-400)}.km-login-tag{font-size:13px;margin-top:2px}.km-login-form{display:flex;flex-direction:column;gap:14px}.km-field{display:flex;flex-direction:column;gap:6px;font-size:13px}.km-field input{background:var(--km-navy-900);border:1px solid var(--km-line);border-radius:var(--km-radius-sm);padding:11px 13px;color:var(--km-ink);font-size:15px;outline:none}.km-field input:focus{border-color:var(--km-cyan-500)}.km-login-error{color:var(--km-bad);font-size:13px}.km-login-foot{font-size:12px}.km-app{display:flex;flex-direction:column;height:100%}.km-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--km-line);background:#0a162899}.km-topbar-brand{display:flex;align-items:center;gap:10px}.km-wordmark-sm{font-weight:800;letter-spacing:-.01em}.km-wordmark-sm span{color:var(--km-cyan-400)}.km-topbar-right{display:flex;align-items:center;gap:14px}.km-body{display:grid;grid-template-columns:220px 340px 1fr;flex:1;min-height:0}.km-folders{border-right:1px solid var(--km-line);padding:14px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.km-compose-btn{width:100%;margin-bottom:12px;padding:11px;font-size:15px}.km-folder{display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--km-ink-dim);padding:9px 12px;border-radius:var(--km-radius-sm);font-size:14px;text-align:left}.km-folder:hover{background:var(--km-navy-700);color:var(--km-ink)}.km-folder.active{background:var(--km-navy-600);color:var(--km-ink)}.km-badge{background:var(--km-cyan-500);color:var(--km-navy-900);font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}.km-list{border-right:1px solid var(--km-line);overflow-y:auto}.km-list-empty{padding:30px;text-align:center}.km-list-item{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--km-line);padding:13px 16px}.km-list-item:hover{background:var(--km-navy-800)}.km-list-item.active{background:var(--km-navy-700);box-shadow:inset 3px 0 0 var(--km-cyan-400)}.km-list-from{font-weight:600;font-size:14px;margin-bottom:3px}.km-list-subject{font-size:14px;color:var(--km-ink);margin-bottom:3px}.km-lock{margin-right:5px}.km-list-preview{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-reader{overflow-y:auto;padding:0}.km-reader-empty{padding:60px;text-align:center}.km-message{padding:28px 32px}.km-message-head{border-bottom:1px solid var(--km-line);padding-bottom:16px;margin-bottom:20px}.km-message-subject{margin:0 0 10px;font-size:20px;font-weight:700}.km-message-meta{display:flex;justify-content:space-between;font-size:13px}.km-message-body{line-height:1.6}.km-message-plain{white-space:pre-wrap;font-family:var(--km-font);margin:0;font-size:15px}.km-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c1699;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.km-modal{width:100%;max-width:640px;background:var(--km-navy-800);border:1px solid var(--km-line);border-radius:var(--km-radius);box-shadow:var(--km-shadow);display:flex;flex-direction:column}.km-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--km-line);font-weight:600}.km-compose-fields{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.km-compose-input,.km-compose-body{background:var(--km-navy-900);border:1px solid var(--km-line);border-radius:var(--km-radius-sm);padding:11px 13px;color:var(--km-ink);font-size:15px;font-family:var(--km-font);outline:none}.km-compose-input:focus,.km-compose-body:focus{border-color:var(--km-cyan-500)}.km-compose-body{resize:vertical;line-height:1.5}.km-compose-foot{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--km-line)}.km-encrypt-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:600;color:var(--km-ink-dim);padding:6px 10px;border-radius:999px;border:1px solid var(--km-line)}.km-encrypt-toggle.on{color:var(--km-cyan-300);border-color:#4dd0e166;background:#4dd0e11a}.km-compose-status{font-size:13px;flex:1}.km-compose-status.ok{color:var(--km-ok)}.km-compose-status.warn{color:var(--km-warn)}.km-compose-status.bad{color:var(--km-bad)}.km-compose-foot .km-btn-primary{margin-left:auto}@media(max-width:900px){.km-body{grid-template-columns:1fr}.km-folders,.km-list{display:none}}