:root{--ka-night:#071321;--ka-panel:#10283d;--ka-line:#25465e;--ka-cyan:#71dded;--ka-gold:#ffd176;--ka-text:#edf6ff;--ka-muted:#a6bacb}
#kame-account-root{position:fixed;inset:0;z-index:10000;color:var(--ka-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;pointer-events:none}
#kame-account-root *{box-sizing:border-box}
.ka-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at 20% 0%,#174b6670,transparent 65%),linear-gradient(165deg,#081522f5,#050c17f5);padding:20px 16px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}
.ka-overlay[hidden],.ka-toolbar[hidden]{display:none!important}
#ka-overlay:not([hidden]) ~ .ka-toolbar{display:none}
.ka-sheet{width:min(100%,430px);max-height:100%;overflow:auto;scrollbar-width:thin;background:linear-gradient(155deg,#173149,#0b1c2f);border:1px solid var(--ka-line);border-radius:24px;padding:26px 24px;box-shadow:0 20px 100px #0008;position:relative}
.ka-emblem{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:2px;color:var(--ka-cyan);margin-bottom:18px}
.ka-orb{height:29px;width:29px;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,#ffe7aa,#efa13c);border-radius:50%;box-shadow:0 0 25px #fbbd4230;color:#913a25;font-size:14px;letter-spacing:0}
.ka-sheet h1{font-size:28px;line-height:1.14;letter-spacing:-.7px;margin:0 0 10px;font-weight:800}
.ka-sheet h2{font-size:20px;line-height:1.3;margin:0 0 12px}
.ka-copy{color:var(--ka-muted);font-size:13px;line-height:1.6;margin:0 0 18px}
.ka-tabs{display:flex;border-bottom:1px solid var(--ka-line);margin:0 0 19px;gap:20px}
.ka-tab{color:var(--ka-muted);background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:14px;font-weight:750;cursor:pointer}
.ka-tab[aria-selected=true]{color:var(--ka-cyan);border-bottom-color:var(--ka-cyan)}
.ka-form{display:grid;gap:14px}
.ka-field{display:grid;gap:7px;font-size:12px;font-weight:650;color:#d1e3ef}
.ka-field input{width:100%;min-height:46px;border:1px solid #35556e;border-radius:12px;padding:11px 13px;background:#081727;color:var(--ka-text);font:inherit;font-size:16px;outline:none}
.ka-field input:focus{border-color:var(--ka-cyan);box-shadow:0 0 0 3px #71dded15}
.ka-field input[type=file]{font-size:13px}
.ka-button{min-height:46px;border:1px solid #41617a;border-radius:12px;padding:11px 14px;color:var(--ka-text);background:#173249;font:inherit;font-size:14px;font-weight:750;cursor:pointer;width:100%;touch-action:manipulation}
.ka-button.primary{background:linear-gradient(135deg,#ffda89,#f4b952);border-color:#e7ae53;color:#2f2312;box-shadow:0 5px 20px #d9952520}
.ka-button.danger{background:#45252e;border-color:#8c4855;color:#ffdce1}
.ka-button:disabled{opacity:.5;cursor:wait}
.ka-actions{display:grid;gap:10px;margin-top:18px}
.ka-link{background:none;border:0;padding:7px 0;color:var(--ka-cyan);font:inherit;font-size:12px;cursor:pointer;text-align:center}
.ka-message{border-radius:10px;background:#133d4a;border:1px solid #2d6573;padding:10px 12px;line-height:1.5;font-size:12px;margin-top:14px;white-space:pre-line}
.ka-message.error{background:#422531;border-color:#915062;color:#ffdce5}
.ka-message:empty{display:none}
.ka-divider{display:flex;align-items:center;gap:10px;color:var(--ka-muted);font-size:11px;margin:22px 0 13px}
.ka-divider:before,.ka-divider:after{content:"";height:1px;flex:1;background:var(--ka-line)}
.ka-profile{display:flex;justify-content:space-between;align-items:center;width:100%;margin:8px 0;padding:12px 14px;gap:10px;text-align:left}
.ka-profile small{font-size:11px;color:var(--ka-muted);font-weight:400}
.ka-profile strong{display:block;margin-bottom:4px;overflow-wrap:anywhere}
.ka-chip{font-size:10px;border:1px solid #4f7489;border-radius:20px;padding:4px 8px;color:var(--ka-cyan);white-space:nowrap}
.ka-toolbar{position:absolute;top:max(7px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));pointer-events:auto;display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #3b5b72;border-radius:24px;background:#09192dea;box-shadow:0 4px 18px #0004;max-width:75vw}
.ka-status{font-size:10px;color:var(--ka-cyan);max-width:45vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ka-status[data-state=CONFLICT],.ka-status[data-state=SYNC_ERROR]{color:#ffc68a}
.ka-settings{font-size:15px;border:0;background:none;color:#c9e3f3;padding:5px 7px;cursor:pointer;min-width:32px;min-height:32px}
.ka-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}
.ka-summary div{padding:11px;background:#081727;border:1px solid var(--ka-line);border-radius:10px}
.ka-summary dt{font-size:10px;color:var(--ka-muted);margin-bottom:5px}
.ka-summary dd{font-weight:700;font-size:14px;margin:0;overflow-wrap:anywhere}
.ka-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;color:#d1e3ef;margin:12px 0}
.ka-check input{margin-top:3px;flex:none;width:17px;height:17px;accent-color:#efba61}
.ka-codes{font:13px/1.9 ui-monospace,monospace;padding:14px;background:#071321;border:1px solid #46647b;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
.ka-note{font-size:11px;line-height:1.6;color:var(--ka-muted);margin:17px 0 0}
.ka-warning{color:#ffd38b}
.ka-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #335266;border-top-color:var(--ka-cyan);margin:25px auto;animation:ka-spin 1s linear infinite}
@keyframes ka-spin{to{transform:rotate(360deg)}}
@media(max-width:380px),(max-height:680px){.ka-overlay{padding:12px}.ka-sheet{padding:21px 19px;border-radius:19px}.ka-sheet h1{font-size:25px}.ka-emblem{margin-bottom:12px}.ka-copy{margin-bottom:13px}.ka-form{gap:11px}.ka-divider{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.ka-spinner{animation:none}}
