:root{--wk-gold:#c8a96b;--wk-bg:#0a0a0b;--wk-panel:#111214;--wk-border:rgba(200,169,107,.26);--wk-muted:#aaa39a}
body.wk-cloud-locked{overflow:hidden}
.wk-auth-gate{position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at 50% 20%,#1c1914 0,#0b0b0c 42%,#070708 100%);display:flex;align-items:center;justify-content:center;padding:22px;color:#f4f0e9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wk-auth-gate[hidden]{display:none}
.wk-auth-card{width:min(440px,100%);background:rgba(17,18,20,.97);border:1px solid var(--wk-border);border-radius:18px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.wk-auth-mark{width:52px;height:52px;object-fit:contain;display:block;margin:0 auto 14px}
.wk-auth-card h1{margin:0;text-align:center;font-family:Georgia,serif;font-size:29px;font-weight:500;letter-spacing:.02em}
.wk-auth-subtitle{margin:8px 0 24px;text-align:center;color:var(--wk-muted);font-size:13px;line-height:1.5}
.wk-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px;padding:4px;background:#090a0b;border:1px solid rgba(255,255,255,.07);border-radius:12px}
.wk-auth-tab{border:0;border-radius:9px;padding:10px;background:transparent;color:#aaa39a;font-weight:700;cursor:pointer}
.wk-auth-tab.is-active{background:#1c1c1e;color:#f5efe5;box-shadow:inset 0 0 0 1px rgba(200,169,107,.24)}
.wk-auth-form{display:grid;gap:12px}
.wk-field{display:grid;gap:6px}
.wk-field label{font-size:12px;color:#d7d0c5;font-weight:700}
.wk-field input{width:100%;box-sizing:border-box;background:#090a0b;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:12px 13px;font:inherit;outline:none}
.wk-field input:focus{border-color:rgba(200,169,107,.72);box-shadow:0 0 0 3px rgba(200,169,107,.10)}
.wk-primary,.wk-secondary,.wk-danger{border-radius:10px;padding:12px 14px;font-weight:800;cursor:pointer;font:inherit}
.wk-primary{border:1px solid #d9bd83;background:linear-gradient(180deg,#d8bd85,#b99455);color:#17120b}
.wk-secondary{border:1px solid rgba(255,255,255,.15);background:#17181a;color:#f5efe5}
.wk-danger{border:1px solid rgba(194,76,76,.5);background:rgba(96,26,26,.32);color:#ffd7d7}
.wk-auth-message{min-height:20px;margin:12px 0 0;font-size:12px;line-height:1.45;color:#bbb3a7;text-align:center}
.wk-auth-message.is-error{color:#ffaaa5}
.wk-onboarding{display:grid;gap:10px}
.wk-onboarding h2{margin:0 0 2px;font-size:20px;text-align:center}
.wk-onboarding p{margin:0 0 10px;color:var(--wk-muted);font-size:13px;line-height:1.5;text-align:center}
.wk-cloud-bar{position:fixed;right:14px;bottom:14px;z-index:90000;display:flex;align-items:center;gap:8px;max-width:min(92vw,480px);padding:8px 10px;border:1px solid rgba(200,169,107,.24);border-radius:999px;background:rgba(13,14,15,.94);box-shadow:0 10px 30px rgba(0,0,0,.34);font:600 11px/1.2 Inter,system-ui,sans-serif;color:#d5cec3;backdrop-filter:blur(12px)}
.wk-cloud-dot{width:8px;height:8px;border-radius:50%;background:#7d7d7d;box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.wk-cloud-bar[data-state="synced"] .wk-cloud-dot{background:#5ac88b}
.wk-cloud-bar[data-state="saving"] .wk-cloud-dot{background:#d8b66f;animation:wkPulse 1s infinite}
.wk-cloud-bar[data-state="offline"] .wk-cloud-dot,.wk-cloud-bar[data-state="error"] .wk-cloud-dot{background:#dd6b63}
.wk-cloud-action{border:0;background:transparent;color:#d9bd83;font:800 11px/1 inherit;cursor:pointer;padding:1px 4px}
.wk-account-menu{position:fixed;right:14px;top:14px;z-index:90000;display:flex;align-items:center;gap:8px}
.wk-account-button{border:1px solid rgba(200,169,107,.24);background:rgba(13,14,15,.9);color:#efe9df;border-radius:999px;padding:8px 11px;font:700 11px Inter,system-ui,sans-serif;cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-account-popover{position:absolute;right:0;top:42px;width:230px;border:1px solid rgba(200,169,107,.26);background:#111214;border-radius:13px;padding:10px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.wk-account-popover[hidden]{display:none}
.wk-account-email{font-size:11px;color:#aaa39a;padding:7px 8px 10px;overflow:hidden;text-overflow:ellipsis}
.wk-account-popover button{width:100%;border:0;border-radius:8px;background:#1b1c1e;color:#f4eee4;padding:10px;text-align:left;font-weight:700;cursor:pointer}
@keyframes wkPulse{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:620px){.wk-auth-card{padding:24px 18px}.wk-account-menu{top:8px;right:8px}.wk-cloud-bar{left:8px;right:8px;bottom:8px;justify-content:center}.wk-account-button{max-width:150px}}