*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#08080a;--bg2:#121214;--bg3:#1a1a1e;--border:#222228;--border2:#2a2a32;--text:#ececef;--muted:#8a8a93}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* LANDING */
.landing-wrap{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border);letter-spacing:.5px}
.landing-nav .logo{font-weight:800;color:#fff;letter-spacing:1px;font-size:13px}
.hero{max-width:900px;margin:0 auto;padding:90px 24px 40px;position:relative;width:100%}
.hero-glow{position:absolute;top:-80px;left:10%;width:700px;height:700px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.07),transparent 70%);filter:blur(40px);pointer-events:none}
.hero h1{font-size:clamp(40px,7vw,64px);line-height:.92;letter-spacing:-2.5px;font-weight:800}
.hero h1 .accent{background:linear-gradient(100deg,#fff 20%,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{max-width:540px;margin:20px 0 28px;color:#999;font-size:16px;line-height:1.6}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn-discord{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;background:#5865F2;color:#fff;border-radius:999px;font-weight:600;font-size:14px;transition:transform .15s,background .15s}
.btn-discord:hover{background:#4752c4;transform:translateY(-1px)}
.hero-note{font-size:11px;color:var(--muted);font-family:JetBrains Mono,monospace}
.hero-stats{display:flex;gap:18px;margin-top:28px;font-family:JetBrains Mono,monospace;font-size:11px;color:#555}
.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:900px;margin:0 auto;padding:24px;width:100%}
.bento-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:18px}
.bento-card h3{font-size:13px;margin-bottom:6px}
.bento-card p{font-size:12.5px;color:var(--muted);line-height:1.5}
.landing-foot{text-align:center;padding:40px 0;color:#333;font-size:11px;font-family:JetBrains Mono,monospace;border-top:1px solid var(--border);margin-top:auto}

/* APP */
#app{display:flex;height:100dvh;width:100vw;overflow:hidden}
#sidebar{width:280px;min-width:280px;background:#0e0e10;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20;transition:width .22s ease,transform .22s ease}
.sidebar-head{height:56px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}
#hideSidebar,#showSidebar{width:32px;height:32px;border-radius:8px;background:var(--bg2);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:14px;flex-shrink:0}
.rail-top{padding:12px}
#newChat{width:100%;height:44px;border-radius:12px;border:1px solid var(--text);background:var(--text);color:#000;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:10px;padding:0 14px;cursor:pointer}
#newChat .ico{width:20px;display:grid;place-items:center;font-size:18px}
#history{flex:1;overflow-y:auto;padding:8px}
.hist-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;margin:3px 0;border:1px solid transparent;color:var(--muted);font-size:13px;cursor:pointer}
.hist-item:hover{background:var(--bg2);border-color:var(--border);color:var(--text)}
.hist-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-del{opacity:0;width:24px;height:24px;border-radius:6px;background:transparent;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.hist-item:hover .hist-del{opacity:1}
.hist-del:hover{background:#ff2222 !important;color:#fff !important}
.sidebar-foot{padding:12px;border-top:1px solid var(--border);flex-shrink:0}
.plan-badge{font-size:11px;color:var(--muted);font-family:JetBrains Mono,monospace;margin-bottom:6px}
.foot-links{display:flex;gap:12px}.foot-links a{font-size:11px;color:var(--muted)}
#main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}
#topbar{height:56px;min-height:56px;display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;border-bottom:1px solid var(--border);flex-shrink:0}
.spacer{flex:1}
.brain-status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.6px;font-family:JetBrains Mono,monospace;text-transform:uppercase;border:1px solid;white-space:nowrap;flex-shrink:0}
.brain-status-pill.online{color:#22c55e;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.2)}
.brain-status-pill.offline{color:#ef4444;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2)}
.brain-status-pill.degraded{color:#eab308;background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.2)}
.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg2);cursor:pointer;flex-shrink:0}
.dropdown{position:absolute;right:12px;top:60px;background:#18181b;border:1px solid var(--border2);border-radius:12px;min-width:200px;padding:6px;z-index:40}
.dropdown.hidden{display:none}.dropdown a{display:block;padding:9px 10px;color:var(--muted);border-radius:8px;font-size:13px}
.dropdown a:hover{background:var(--bg2);color:var(--text)}
.drop-user{padding:9px 10px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:6px}
#chat{flex:1;overflow-y:auto;padding:24px 20px;max-width:840px;margin:0 auto;width:100%}
.msg{margin:20px 0;line-height:1.65;font-size:14.5px}.msg.user{background:var(--bg2);border:1px solid var(--border);padding:12px 14px;border-radius:16px;width:fit-content;max-width:88%;margin-left:auto}.msg.assistant{padding:6px 2px}
.msg pre{background:#101012;border:1px solid var(--border);border-radius:12px;padding:14px;overflow:auto;margin:12px 0;position:relative}
.copy-btn{position:absolute;top:8px;right:8px;padding:4px 8px;background:#1e1e22;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:11px;cursor:pointer}

/* COMPOSER + FIXED SELECT */
#composerWrap{padding:12px 16px 18px;flex-shrink:0;background:linear-gradient(to top,var(--bg) 60%,transparent);display:flex;justify-content:center}
#composer{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;background:#141416;border:1px solid #26262e;border-radius:999px;max-width:840px;width:100%;min-height:52px;box-shadow:0 4px 30px rgba(0,0,0,.4)}
#composer:focus-within{border-color:#333340}
#prompt{flex:1;background:transparent;border:none;color:var(--text);outline:none;resize:none;max-height:160px;min-height:24px;line-height:1.5;font-size:15px;padding:6px 4px;font-family:Inter,sans-serif}
.model-select-wrap{position:relative;flex-shrink:0;display:flex;align-items:center}
#modelSelect{appearance:none !important;-webkit-appearance:none !important;background:#1e1e22 !important;color:#ececef !important;border:1px solid #2a2a32 !important;border-radius:999px !important;padding:8px 28px 8px 12px !important;font-size:12px !important;font-weight:600 !important;outline:none !important;cursor:pointer !important;min-width:88px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a93' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 10px center !important}
#modelSelect option{background:#1e1e22;color:#fff}
#send{width:34px;height:34px;border-radius:50%;background:#ececef;color:#000;border:none;cursor:pointer;font-weight:800;flex-shrink:0;display:grid;place-items:center}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);z-index:15}
.sidebar-overlay.open{display:block}

/* COLLAPSED RAIL */
#sidebar.collapsed{width:64px !important;min-width:64px !important}
#sidebar.collapsed .logo,#sidebar.collapsed .hist-title,#sidebar.collapsed .plan-badge,#sidebar.collapsed .foot-links,#sidebar.collapsed #newChat .txt,#sidebar.collapsed .hist-del{display:none !important}
#sidebar.collapsed .sidebar-head{justify-content:center;padding:0;height:56px;border-bottom:none}
#sidebar.collapsed #hideSidebar{width:36px;height:36px;border-radius:10px}
#sidebar.collapsed .rail-top{padding:8px;display:flex;justify-content:center}
#sidebar.collapsed #newChat{width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}
#sidebar.collapsed #history{padding:6px}
#sidebar.collapsed .hist-item{width:44px;height:44px;justify-content:center;padding:0;margin:6px auto;border-radius:12px;border:1px solid var(--border);background:var(--bg2)}
#sidebar.collapsed .sidebar-foot{border-top:none;display:none}
@media(min-width:801px){#showSidebar{display:none} #sidebar.hidden{transform:translateX(-100%)}}
@media(max-width:800px){
  #sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);width:86%;max-width:320px;min-width:0 !important;z-index:25}
  #sidebar.open{transform:translateX(0);width:86% !important}
  #sidebar.collapsed{transform:translateX(-100%);width:86% !important}
  #sidebar.collapsed.open{transform:translateX(0);width:86% !important}
  #sidebar.collapsed .logo,#sidebar.collapsed .hist-title,#sidebar.collapsed #newChat .txt{display:block !important}
  #sidebar.collapsed #newChat{width:100%;justify-content:flex-start;padding:0 14px}
  #sidebar.collapsed .hist-item{width:auto;height:auto;padding:10px 12px;justify-content:space-between}
  #sidebar.collapsed .sidebar-foot{display:block}
}

/* AVATAR */
.msg.assistant{display:flex;gap:12px;align-items:flex-start}
.msg.assistant.thinking{align-items:center}
.msg-body{flex:1;min-width:0}
.bot-avatar{width:30px;height:30px;min-width:30px;border-radius:50%;background:#16161a;border:1px solid #26262e;display:grid;place-items:center;overflow:hidden;position:relative;flex-shrink:0}
.bot-avatar img,.bot-avatar video{width:26px;height:26px;object-fit:contain}
.bot-avatar.thinking{border-color:#ff7a00;box-shadow:0 0 14px rgba(255,122,0,.45)}
.bot-avatar.thinking img,.bot-avatar.thinking video{width:30px;height:30px}
.forge-glow{position:absolute;inset:-2px;background:radial-gradient(circle,rgba(255,122,0,.35),transparent 70%);animation:forgePulse .9s infinite;pointer-events:none}
@keyframes forgePulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}
.think-content{display:flex;align-items:center;gap:10px}
#thinking-indicator .dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:bounce 1.4s infinite}
#thinking-indicator .dot:nth-child(2){animation-delay:.2s}#thinking-indicator .dot:nth-child(3){animation-delay:.4s}

/* KESPA v13 DELTA - ADDITIVE ONLY - Feedback + Sleeping */
.msg-feedback{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #1a1a1e;
}
.fb-btn{
  width:28px;
  height:28px;
  border-radius:8px;
  border:1px solid #26262e;
  background:#1a1a1e;
  color:#8a8a93;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:14px;
  transition:all .15s;
}
.fb-btn:hover{
  background:#222228;
  color:#ececef;
  border-color:#2a2a32;
  transform:translateY(-1px);
}
.fb-btn:disabled{
  opacity:.5;
  cursor:default;
  transform:none;
}
.fb-btn.fb-up:hover{
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.25);
  color:#22c55e;
}
.fb-btn.fb-down:hover{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.25);
  color:#ef4444;
}
.fb-cards{
  font-size:11px;
  color:#555;
  font-family:JetBrains Mono,monospace;
  margin-left:4px;
}

/* Sleeping state */
.brain-status-pill.offline{
  animation:pulseOffline 2s infinite;
}
@keyframes pulseOffline{
  0%,100%{opacity:1}
  50%{opacity:.6}
}
.msg.assistant.error .msg-body{
  background:rgba(239,68,68,.06);
  border:1px solid rgba(239,68,68,.15);
  border-radius:12px;
  padding:12px 14px;
}

/* PROFILE */
body.profile-page{
  --profile-bg:#050507;
  --profile-panel:#0d0d12;
  --profile-panel-2:#111118;
  --profile-line:#23232d;
  --profile-line-soft:#191920;
  --profile-text:#f2f2f5;
  --profile-soft:#b8b8c3;
  --profile-muted:#7f7f8c;
  --profile-accent:#8ea8ff;
  --profile-accent-2:#c5a7ff;
  height:auto !important;
  min-height:100vh;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  background:radial-gradient(circle at 50% -15%,rgba(103,94,255,.15),transparent 35%),var(--profile-bg);
  color:var(--profile-text);
  font-family:Inter,sans-serif;
}
body.profile-page .profile-shell{min-height:100vh}
body.profile-page .profile-topbar{height:64px;border-bottom:1px solid var(--profile-line-soft);display:flex;align-items:center;gap:14px;padding:0 22px;background:rgba(5,5,7,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
body.profile-page .profile-brand{font-weight:900;letter-spacing:-.4px;text-decoration:none}
body.profile-page .profile-spacer{flex:1}
body.profile-page .profile-toplink{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid var(--profile-line);border-radius:10px;text-decoration:none;color:#cfcfd8;background:#0c0c11;font-size:13px;font-weight:700}
body.profile-page .profile-toplink:hover{border-color:#3a3a48;color:#fff}
body.profile-page .profile-wrap{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}
body.profile-page .profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:26px;border:1px solid var(--profile-line);border-radius:22px;background:linear-gradient(145deg,rgba(18,18,26,.97),rgba(9,9,13,.97));box-shadow:0 20px 70px rgba(0,0,0,.25)}
body.profile-page .profile-avatar{width:92px;height:92px;border-radius:24px;object-fit:cover;border:1px solid #333340;background:#111}
body.profile-page .profile-name{margin:0;font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-1.2px}
body.profile-page .profile-meta{margin-top:8px;display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:var(--profile-muted);font:600 11px/1.4 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.4px}
body.profile-page .profile-chip{padding:6px 9px;border-radius:999px;border:1px solid var(--profile-line);background:#0b0b10;color:#9999a6}
body.profile-page .profile-track{text-align:right;color:var(--profile-muted);font:600 11px/1.6 'JetBrains Mono',monospace}
body.profile-page .profile-track strong{display:block;color:#d7d7df;font-size:12px}
body.profile-page .hero-stats{margin-top:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;font-family:inherit;font-size:inherit;color:inherit}
body.profile-page .hero-stat{min-height:112px;padding:18px;border:1px solid var(--profile-line);border-radius:17px;background:linear-gradient(180deg,#101016,#0b0b0f)}
body.profile-page .hero-stat b{display:block;font-size:clamp(22px,3vw,31px);line-height:1;font-weight:900;letter-spacing:-.7px}
body.profile-page .hero-stat span{display:block;margin-top:9px;color:var(--profile-muted);font:700 10px/1.45 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.45px}
body.profile-page .profile-banner{margin-top:16px;padding:20px 22px;border:1px solid #292938;border-radius:17px;background:linear-gradient(120deg,rgba(108,103,255,.12),rgba(197,167,255,.055));color:#cfcfd8;font-size:14px;line-height:1.65}
body.profile-page .profile-banner strong{color:#fff}
body.profile-page .profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
body.profile-page .profile-card{border:1px solid var(--profile-line);border-radius:18px;background:linear-gradient(180deg,var(--profile-panel-2),var(--profile-panel));overflow:hidden}
body.profile-page .profile-section-gap{margin-top:14px}
body.profile-page .profile-card-head{padding:18px 20px;border-bottom:1px solid var(--profile-line-soft);display:flex;justify-content:space-between;gap:12px;align-items:center}
body.profile-page .profile-card-head h2{margin:0;font-size:15px;font-weight:800;letter-spacing:-.2px}
body.profile-page .profile-card-head span{color:#676774;font:600 9px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.6px}
body.profile-page .profile-card-body{padding:10px 20px 16px}
body.profile-page .profile-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--profile-line-soft)}
body.profile-page .profile-row:last-child{border-bottom:0}
body.profile-page .profile-row .label{color:#92929f;font-size:13px}
body.profile-page .profile-row .value{text-align:right;color:#ededf2;font-size:13px;font-weight:800}
body.profile-page .profile-row .sub{display:block;margin-top:3px;color:#656571;font:500 10px/1.35 'JetBrains Mono',monospace}
body.profile-page .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px 20px}
body.profile-page .feature{padding:15px;border:1px solid var(--profile-line-soft);border-radius:14px;background:#0a0a0e}
body.profile-page .feature b{display:block;font-size:20px;font-weight:900}
body.profile-page .feature span{display:block;margin-top:5px;color:#777784;font:600 9px/1.35 'JetBrains Mono',monospace;text-transform:uppercase}
body.profile-page .distribution{padding:12px 20px 18px}
body.profile-page .dist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:10px 0;border-bottom:1px solid var(--profile-line-soft);font-size:13px}
body.profile-page .dist-row:last-child{border-bottom:0}
body.profile-page .dist-row span{color:#9b9ba7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.profile-page .dist-row b{color:#ededf2}
body.profile-page .profile-note{margin-top:14px;padding:16px 18px;border:1px solid var(--profile-line-soft);border-radius:15px;background:#09090d;color:#6e6e79;font-size:11px;line-height:1.65}
body.profile-page .profile-note strong{color:#a9a9b4}
body.profile-page .profile-error{padding:22px;border:1px solid #563131;border-radius:16px;background:#160d0d;color:#e7c0c0}

body.profile-page .profile-privacy-body{padding:18px 20px 20px}
body.profile-page .profile-save-success{margin-bottom:14px;padding:11px 13px;border:1px solid rgba(34,197,94,.24);border-radius:12px;background:rgba(34,197,94,.07);color:#9de2b3;font-size:12px;font-weight:700}
body.profile-page .profile-privacy-form{display:flex;flex-direction:column;gap:16px}
body.profile-page .profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer}
body.profile-page .profile-toggle-copy{display:block;min-width:0}
body.profile-page .profile-toggle-copy strong{display:block;color:#ededf2;font-size:13px;font-weight:800}
body.profile-page .profile-toggle-copy small{display:block;max-width:760px;margin-top:6px;color:#777784;font-size:11px;line-height:1.55}
body.profile-page .profile-toggle{position:relative;width:48px;height:28px;flex:0 0 48px}
body.profile-page .profile-toggle input{position:absolute;opacity:0;pointer-events:none}
body.profile-page .profile-toggle-track{position:absolute;inset:0;border:1px solid #33333e;border-radius:999px;background:#17171d;transition:.18s ease}
body.profile-page .profile-toggle-track::after{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#858590;transition:.18s ease}
body.profile-page .profile-toggle input:checked + .profile-toggle-track{border-color:rgba(142,168,255,.42);background:rgba(142,168,255,.18)}
body.profile-page .profile-toggle input:checked + .profile-toggle-track::after{transform:translateX(20px);background:#eef0ff}
body.profile-page .profile-toggle input:focus-visible + .profile-toggle-track{outline:2px solid var(--profile-accent);outline-offset:3px}
body.profile-page .profile-privacy-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid var(--profile-line-soft);color:#6f6f7b;font:600 10px/1.45 'JetBrains Mono',monospace}
body.profile-page .profile-save-button{min-height:38px;padding:0 14px;border:1px solid #eef0ff;border-radius:10px;background:#eef0ff;color:#101018;font:800 12px/1 Inter,sans-serif;cursor:pointer}
body.profile-page .profile-save-button:hover{background:#fff;border-color:#fff}
@media(max-width:980px){
  body.profile-page .hero-stats{grid-template-columns:repeat(3,1fr)}
  body.profile-page .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body.profile-page .profile-wrap{width:min(100% - 22px,1160px);padding-top:24px}
  body.profile-page .profile-topbar{padding:0 12px}
  body.profile-page .profile-hero{grid-template-columns:auto 1fr;padding:18px}
  body.profile-page .profile-avatar{width:70px;height:70px;border-radius:18px}
  body.profile-page .profile-track{grid-column:1/-1;text-align:left}
  body.profile-page .profile-grid{grid-template-columns:1fr}
  body.profile-page .profile-toggle-row{align-items:flex-start}
  body.profile-page .profile-privacy-actions{align-items:stretch;flex-direction:column}
  body.profile-page .profile-save-button{width:100%}
  body.profile-page .hero-stats{grid-template-columns:repeat(2,1fr)}
  body.profile-page .profile-toplink.logout{display:none}
}
@media(max-width:440px){
  body.profile-page .profile-hero{grid-template-columns:1fr;text-align:center}
  body.profile-page .profile-avatar{margin:0 auto}
  body.profile-page .profile-meta{justify-content:center}
  body.profile-page .profile-track{text-align:center}
  body.profile-page .hero-stats{grid-template-columns:1fr 1fr}
  body.profile-page .hero-stat{min-height:100px;padding:15px}
  body.profile-page .feature-grid{grid-template-columns:1fr 1fr}
}

/* LEADERBOARD */
body.leaderboard-page{
  --leaderboard-bg:#050507;
  --leaderboard-panel:#0d0d12;
  --leaderboard-panel-2:#111118;
  --leaderboard-line:#23232d;
  --leaderboard-line-soft:#191920;
  --leaderboard-text:#f2f2f5;
  --leaderboard-muted:#7f7f8c;
  --leaderboard-accent:#8ea8ff;
  --leaderboard-accent-2:#c5a7ff;
  height:auto !important;
  min-height:100vh;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  background:radial-gradient(circle at 50% -15%,rgba(103,94,255,.15),transparent 35%),var(--leaderboard-bg);
  color:var(--leaderboard-text);
  font-family:Inter,sans-serif;
}
body.leaderboard-page .leaderboard-shell{min-height:100vh}
body.leaderboard-page .leaderboard-topbar{height:64px;border-bottom:1px solid var(--leaderboard-line-soft);display:flex;align-items:center;gap:14px;padding:0 22px;background:rgba(5,5,7,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
body.leaderboard-page .leaderboard-brand{font-weight:900;letter-spacing:-.4px;text-decoration:none}
body.leaderboard-page .leaderboard-spacer{flex:1}
body.leaderboard-page .leaderboard-toplink{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid var(--leaderboard-line);border-radius:10px;text-decoration:none;color:#cfcfd8;background:#0c0c11;font-size:13px;font-weight:700}
body.leaderboard-page .leaderboard-toplink:hover{border-color:#3a3a48;color:#fff}
body.leaderboard-page .leaderboard-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}
body.leaderboard-page .leaderboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 2px 24px}
body.leaderboard-page .leaderboard-eyebrow{display:block;margin-bottom:10px;color:var(--leaderboard-accent);font:700 10px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.8px}
body.leaderboard-page .leaderboard-intro h1{margin:0;font-size:clamp(38px,6vw,64px);line-height:.95;letter-spacing:-2.4px;font-weight:900}
body.leaderboard-page .leaderboard-intro p{max-width:760px;margin:16px 0 0;color:#92929f;font-size:14px;line-height:1.65}
body.leaderboard-page .leaderboard-community-stat{min-width:150px;padding:18px 20px;border:1px solid var(--leaderboard-line);border-radius:16px;background:linear-gradient(180deg,#101016,#0b0b0f);text-align:right}
body.leaderboard-page .leaderboard-community-stat b{display:block;font-size:30px;line-height:1;font-weight:900}
body.leaderboard-page .leaderboard-community-stat span{display:block;margin-top:8px;color:var(--leaderboard-muted);font:700 9px/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.5px}
body.leaderboard-page .leaderboard-privacy-note{margin:0 0 14px;padding:13px 15px;border:1px solid rgba(142,168,255,.24);border-radius:14px;background:rgba(142,168,255,.07);color:#91919d;font-size:12px;line-height:1.55}
body.leaderboard-page .leaderboard-privacy-note strong{color:#d8d8e0}
body.leaderboard-page .leaderboard-privacy-note a{color:#aabaff;text-decoration:underline;text-underline-offset:2px}
body.leaderboard-page .leaderboard-sorts{display:flex;gap:8px;overflow-x:auto;padding:2px 0 16px;scrollbar-width:none}
body.leaderboard-page .leaderboard-sorts::-webkit-scrollbar{display:none}
body.leaderboard-page .leaderboard-sort{flex:0 0 auto;padding:9px 12px;border:1px solid var(--leaderboard-line);border-radius:999px;background:#0b0b10;color:#858592;font-size:12px;font-weight:700;text-decoration:none;transition:.15s ease}
body.leaderboard-page .leaderboard-sort:hover{border-color:#3a3a48;color:#ddd}
body.leaderboard-page .leaderboard-sort.active{background:#eef0ff;border-color:#eef0ff;color:#111018}
body.leaderboard-page .leaderboard-you{display:grid;grid-template-columns:auto auto 1fr auto;gap:16px;align-items:center;margin-bottom:14px;padding:17px 20px;border:1px solid rgba(142,168,255,.28);border-radius:17px;background:linear-gradient(120deg,rgba(108,103,255,.12),rgba(197,167,255,.055))}
body.leaderboard-page .leaderboard-you-rank{min-width:68px}
body.leaderboard-page .leaderboard-you-rank span,body.leaderboard-page .leaderboard-you-score span{display:block;color:#858592;font:700 9px/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.5px}
body.leaderboard-page .leaderboard-you-rank b{display:block;margin-top:4px;font-size:25px;font-weight:900}
body.leaderboard-page .leaderboard-you img{width:46px;height:46px;border-radius:13px;object-fit:cover;border:1px solid #353542;background:#111}
body.leaderboard-page .leaderboard-you-name strong{display:block;font-size:15px;font-weight:800}
body.leaderboard-page .leaderboard-you-name span{display:block;margin-top:5px;color:#7c7c89;font:600 10px/1.4 'JetBrains Mono',monospace}
body.leaderboard-page .leaderboard-you-score{text-align:right}
body.leaderboard-page .leaderboard-you-score b{display:block;font-size:23px;font-weight:900}
body.leaderboard-page .leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
body.leaderboard-page .leaderboard-podium-card{position:relative;min-height:220px;padding:26px 18px 22px;border:1px solid var(--leaderboard-line);border-radius:18px;background:linear-gradient(180deg,#111117,#0b0b0f);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
body.leaderboard-page .leaderboard-podium-card.rank-1{background:radial-gradient(circle at 50% 0%,rgba(197,167,255,.13),transparent 55%),linear-gradient(180deg,#14131b,#0b0b0f)}
body.leaderboard-page .leaderboard-podium-card.is-you{border-color:rgba(142,168,255,.34)}
body.leaderboard-page .leaderboard-medal{position:absolute;top:14px;left:14px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1px solid #30303a;background:#0a0a0e;color:#d8d8df;font:800 12px/1 'JetBrains Mono',monospace}
body.leaderboard-page .leaderboard-podium-card img{width:70px;height:70px;border-radius:20px;object-fit:cover;border:1px solid #353542;background:#111;margin-bottom:13px}
body.leaderboard-page .leaderboard-podium-card>strong{font-size:15px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.leaderboard-page .leaderboard-you-chip{margin-top:7px;padding:4px 7px;border-radius:999px;background:rgba(142,168,255,.12);border:1px solid rgba(142,168,255,.24);color:#aabaff;font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.6px}
body.leaderboard-page .leaderboard-podium-score{display:block;margin-top:15px;font-size:26px;font-weight:900}
body.leaderboard-page .leaderboard-podium-label{margin-top:4px;color:#70707d;font:700 9px/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.5px}
body.leaderboard-page .leaderboard-card{border:1px solid var(--leaderboard-line);border-radius:18px;background:linear-gradient(180deg,var(--leaderboard-panel-2),var(--leaderboard-panel));overflow:hidden}
body.leaderboard-page .leaderboard-card-head{padding:18px 20px;border-bottom:1px solid var(--leaderboard-line-soft);display:flex;justify-content:space-between;gap:18px;align-items:center}
body.leaderboard-page .leaderboard-card-head h2{margin:0;font-size:15px;font-weight:800}
body.leaderboard-page .leaderboard-card-head span{display:block;margin-top:5px;color:#656571;font:600 9px/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.45px}
body.leaderboard-page .leaderboard-score-note{color:#656571;font:600 9px/1.5 'JetBrains Mono',monospace;text-align:right}
body.leaderboard-page .leaderboard-table-wrap{overflow-x:auto}
body.leaderboard-page .leaderboard-table{width:100%;border-collapse:collapse;min-width:970px}
body.leaderboard-page .leaderboard-table th{padding:11px 14px;border-bottom:1px solid var(--leaderboard-line-soft);color:#666673;background:#09090d;font:700 9px/1.3 'JetBrains Mono',monospace;text-align:right;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
body.leaderboard-page .leaderboard-table th:nth-child(1),body.leaderboard-page .leaderboard-table th:nth-child(2){text-align:left}
body.leaderboard-page .leaderboard-table td{padding:13px 14px;border-bottom:1px solid var(--leaderboard-line-soft);color:#b8b8c2;font-size:12px;text-align:right;white-space:nowrap}
body.leaderboard-page .leaderboard-table tr:last-child td{border-bottom:0}
body.leaderboard-page .leaderboard-table tbody tr:hover{background:rgba(255,255,255,.018)}
body.leaderboard-page .leaderboard-table tbody tr.is-you{background:rgba(142,168,255,.055)}
body.leaderboard-page .leaderboard-table td:nth-child(1),body.leaderboard-page .leaderboard-table td:nth-child(2){text-align:left}
body.leaderboard-page .leaderboard-rank{font:800 13px/1 'JetBrains Mono',monospace;color:#efeff5 !important}
body.leaderboard-page .leaderboard-user-cell{display:flex;align-items:center;gap:11px;min-width:190px}
body.leaderboard-page .leaderboard-user-cell img{width:36px;height:36px;border-radius:11px;object-fit:cover;border:1px solid #30303a;background:#111;flex-shrink:0}
body.leaderboard-page .leaderboard-user-cell strong{display:block;color:#ededf2;font-size:12px;font-weight:800;max-width:180px;overflow:hidden;text-overflow:ellipsis}
body.leaderboard-page .leaderboard-user-cell span{display:block;margin-top:4px;color:#656571;font:500 9px/1.3 'JetBrains Mono',monospace}
body.leaderboard-page .leaderboard-note{margin-top:14px;padding:16px 18px;border:1px solid var(--leaderboard-line-soft);border-radius:15px;background:#09090d;color:#6e6e79;font-size:11px;line-height:1.65}
body.leaderboard-page .leaderboard-note strong{color:#aaaab5}
body.leaderboard-page .leaderboard-empty,body.leaderboard-page .leaderboard-error{padding:22px;border:1px solid var(--leaderboard-line);border-radius:16px;background:#0d0d12;color:#aaaab4}
body.leaderboard-page .leaderboard-error{border-color:#563131;background:#160d0d;color:#e7c0c0}
@media(max-width:820px){
  body.leaderboard-page .leaderboard-wrap{width:min(100% - 22px,1180px);padding-top:26px}
  body.leaderboard-page .leaderboard-topbar{padding:0 12px}
  body.leaderboard-page .leaderboard-intro{align-items:flex-start;flex-direction:column}
  body.leaderboard-page .leaderboard-community-stat{text-align:left}
  body.leaderboard-page .leaderboard-podium{grid-template-columns:1fr}
  body.leaderboard-page .leaderboard-podium-card{min-height:180px}
  body.leaderboard-page .leaderboard-you{grid-template-columns:auto auto 1fr}
  body.leaderboard-page .leaderboard-you-score{grid-column:1/-1;text-align:left;padding-top:4px;border-top:1px solid rgba(142,168,255,.14)}
  body.leaderboard-page .leaderboard-card-head{align-items:flex-start;flex-direction:column}
  body.leaderboard-page .leaderboard-score-note{text-align:left}
}
@media(max-width:520px){
  body.leaderboard-page .leaderboard-toplink:nth-of-type(2){display:none}
  body.leaderboard-page .leaderboard-you{grid-template-columns:auto 1fr}
  body.leaderboard-page .leaderboard-you-rank{grid-column:1/-1}
  body.leaderboard-page .leaderboard-you-name span{line-height:1.55}
}

/* PROFILE v2 - Milestones, activity history, public sharing */
body.profile-page .milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 20px 20px}
body.profile-page .milestone-badge{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:15px;border:1px solid var(--profile-line-soft);border-radius:15px;background:#0a0a0e;min-width:0}
body.profile-page .milestone-badge.achieved{border-color:rgba(142,168,255,.28);background:linear-gradient(145deg,rgba(142,168,255,.08),rgba(197,167,255,.035))}
body.profile-page .milestone-badge.locked{opacity:.62}
body.profile-page .milestone-icon{width:38px;height:38px;border:1px solid #30303a;border-radius:12px;display:grid;place-items:center;background:#101015;font-size:18px}
body.profile-page .milestone-badge.achieved .milestone-icon{border-color:rgba(142,168,255,.35);box-shadow:0 0 18px rgba(142,168,255,.08)}
body.profile-page .milestone-copy{min-width:0}
body.profile-page .milestone-copy strong{display:block;color:#ededf2;font-size:12px;font-weight:800}
body.profile-page .milestone-copy span{display:block;margin-top:4px;color:#777784;font-size:10px;line-height:1.45}
body.profile-page .milestone-copy progress{appearance:none;-webkit-appearance:none;width:100%;height:5px;margin-top:10px;border:0;border-radius:999px;overflow:hidden;background:#1d1d24}
body.profile-page .milestone-copy progress::-webkit-progress-bar{background:#1d1d24;border-radius:999px}
body.profile-page .milestone-copy progress::-webkit-progress-value{background:linear-gradient(90deg,var(--profile-accent),var(--profile-accent-2));border-radius:999px}
body.profile-page .milestone-copy progress::-moz-progress-bar{background:linear-gradient(90deg,var(--profile-accent),var(--profile-accent-2));border-radius:999px}
body.profile-page .milestone-copy small{display:block;margin-top:5px;color:#61616d;font:600 8px/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.4px}
body.profile-page .milestone-badge.achieved .milestone-copy small{color:#aabaff}

body.profile-page .activity-calendar-wrap{padding:18px 20px 20px}
body.profile-page .activity-calendar-scroll{overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
body.profile-page .activity-calendar{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:4px;width:max-content;margin:0 auto}
body.profile-page .activity-cell{display:block;width:12px;height:12px;border-radius:3px;border:1px solid #202028;background:#111116}
body.profile-page .activity-cell.empty{visibility:hidden}
body.profile-page .activity-cell.level-0{background:#111116;border-color:#202028}
body.profile-page .activity-cell.level-1{background:rgba(142,168,255,.24);border-color:rgba(142,168,255,.2)}
body.profile-page .activity-cell.level-2{background:rgba(142,168,255,.42);border-color:rgba(142,168,255,.3)}
body.profile-page .activity-cell.level-3{background:rgba(197,167,255,.62);border-color:rgba(197,167,255,.38)}
body.profile-page .activity-cell.level-4{background:#c5a7ff;border-color:#d8c6ff;box-shadow:0 0 8px rgba(197,167,255,.22)}
body.profile-page .activity-legend{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;color:#646470;font:600 9px/1 'JetBrains Mono',monospace}
body.profile-page .activity-legend .activity-cell{display:inline-block;flex:0 0 12px}

body.profile-page .profile-share-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid rgba(142,168,255,.22);border-radius:13px;background:rgba(142,168,255,.055)}
body.profile-page .profile-share-row strong{display:block;color:#ededf2;font-size:12px}
body.profile-page .profile-share-row span{display:block;margin-top:5px;color:#777784;font:500 10px/1.45 'JetBrains Mono',monospace;overflow-wrap:anywhere}
body.profile-page .profile-share-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #343442;border-radius:9px;background:#111118;color:#d7d7df;font-size:11px;font-weight:800;text-decoration:none}
body.profile-page .profile-share-link:hover{border-color:#525264;color:#fff}
body.profile-page .public-profile-label{display:inline-flex;margin:0 0 12px;padding:6px 9px;border:1px solid rgba(142,168,255,.24);border-radius:999px;background:rgba(142,168,255,.07);color:#aabaff;font:700 9px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.65px}

/* LEADERBOARD v2 - Time periods */
body.leaderboard-page .leaderboard-periods{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
body.leaderboard-page .leaderboard-periods::-webkit-scrollbar{display:none}
body.leaderboard-page .leaderboard-period{flex:0 0 auto;padding:10px 14px;border:1px solid #2d2d39;border-radius:10px;background:#101015;color:#9a9aa7;font-size:12px;font-weight:800;text-decoration:none;transition:.15s ease}
body.leaderboard-page .leaderboard-period:hover{border-color:#444454;color:#fff}
body.leaderboard-page .leaderboard-period.active{border-color:rgba(142,168,255,.4);background:rgba(142,168,255,.1);color:#c9d3ff}

@media(max-width:900px){
  body.profile-page .milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body.profile-page .milestone-grid{grid-template-columns:1fr;padding:14px}
  body.profile-page .activity-calendar-wrap{padding:14px}
  body.profile-page .profile-share-row{align-items:stretch;flex-direction:column}
  body.profile-page .profile-share-link{width:100%}
}

/* -------------------------------------------------------------------------
   KESPA STATUS v1
   Public service health + 90-day availability history.
   ------------------------------------------------------------------------- */
body.status-page{
  --status-panel:#0d0d12;
  --status-panel-2:#111117;
  --status-line:#23232d;
  --status-muted:#777783;
  --status-green:#38d47a;
  --status-yellow:#e3b341;
  --status-orange:#e47c3c;
  --status-red:#e05252;
  --status-purple:#8f8fff;
  min-height:100vh;
  overflow:auto;
  background:
    radial-gradient(circle at 75% -15%,rgba(90,84,196,.12),transparent 31%),
    radial-gradient(circle at 10% 105%,rgba(153,0,0,.09),transparent 30%),
    #000001;
  color:#ededf2;
}
body.status-page .status-shell{min-height:100vh;display:flex;flex-direction:column}
body.status-page .status-topbar{position:sticky;z-index:30;top:0;display:flex;min-height:68px;align-items:center;gap:20px;padding:0 max(18px,calc((100vw - 1120px)/2));border-bottom:1px solid rgba(255,255,255,.07);background:rgba(3,3,5,.88);backdrop-filter:blur(18px)}
body.status-page .status-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
body.status-page .status-brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(90,84,196,.16))}
body.status-page .status-brand span{display:grid;gap:2px}
body.status-page .status-brand strong{font-size:12px;font-weight:900;letter-spacing:.04em}
body.status-page .status-brand small{color:#62626d;font:700 8px/1.2 JetBrains Mono,monospace;letter-spacing:.09em;text-transform:uppercase}
body.status-page .status-nav{display:flex;align-items:center;gap:7px;margin-left:auto}
body.status-page .status-nav a{padding:9px 11px;border-radius:9px;color:#848490;font-size:10px;font-weight:800}
body.status-page .status-nav a:hover{background:rgba(255,255,255,.035);color:#fff}
body.status-page .status-nav .status-nav-primary{border:1px solid rgba(143,143,255,.17);background:rgba(90,84,196,.07);color:#c3c3ff}
body.status-page .status-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:52px 0 56px}
body.status-page .status-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:24px}
body.status-page .status-eyebrow,body.status-page .status-section-kicker{display:block;margin-bottom:9px;color:#7e7ee1;font:700 9px/1.2 JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}
body.status-page .status-hero h1{margin:0;color:#f8f8fb;font-size:clamp(30px,4.5vw,50px);font-weight:900;letter-spacing:-.045em;line-height:1}
body.status-page .status-hero p{max-width:720px;margin:14px 0 0;color:#747480;font-size:12px;line-height:1.7}
body.status-page .status-updated{flex:0 0 auto;text-align:right;color:#5e5e69;font:600 9px/1.45 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.04em}
body.status-page .status-updated strong{display:block;margin-top:4px;color:#9a9aa6;font-size:10px;text-transform:none;letter-spacing:0}
body.status-page .status-overall{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding:20px;border:1px solid var(--status-line);border-radius:17px;background:linear-gradient(180deg,rgba(17,17,23,.98),rgba(9,9,13,.98));box-shadow:0 18px 55px rgba(0,0,0,.15)}
body.status-page .status-overall-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;background:rgba(255,255,255,.035)}
body.status-page .status-overall-icon i{width:10px;height:10px;border-radius:50%;background:#777;box-shadow:0 0 14px currentColor}
body.status-page .status-overall strong{display:block;color:#eeeef3;font-size:15px;font-weight:850}
body.status-page .status-overall span{display:block;margin-top:5px;color:#74747f;font-size:10.5px;line-height:1.5}
body.status-page .status-overall.operational{border-color:rgba(56,212,122,.18);background:linear-gradient(135deg,rgba(56,212,122,.055),rgba(10,10,14,.98) 45%)}
body.status-page .status-overall.operational .status-overall-icon i{color:var(--status-green);background:var(--status-green)}
body.status-page .status-overall.degraded,body.status-page .status-overall.maintenance{border-color:rgba(227,179,65,.18);background:linear-gradient(135deg,rgba(227,179,65,.055),rgba(10,10,14,.98) 45%)}
body.status-page .status-overall.degraded .status-overall-icon i,body.status-page .status-overall.maintenance .status-overall-icon i{color:var(--status-yellow);background:var(--status-yellow)}
body.status-page .status-overall.partial,body.status-page .status-overall.major{border-color:rgba(224,82,82,.22);background:linear-gradient(135deg,rgba(153,0,0,.095),rgba(10,10,14,.98) 48%)}
body.status-page .status-overall.partial .status-overall-icon i,body.status-page .status-overall.major .status-overall-icon i{color:var(--status-red);background:var(--status-red)}
body.status-page .status-overall.unknown .status-overall-icon i{color:#6d6d77;background:#6d6d77}
body.status-page .status-page-notice{margin:-12px 0 28px;padding:12px 14px;border:1px solid rgba(227,179,65,.16);border-radius:12px;background:rgba(227,179,65,.045);color:#c9a95d;font-size:10px}
body.status-page .status-section{margin-top:32px}
body.status-page .status-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}
body.status-page .status-section-head h2{margin:0;color:#eeeef3;font-size:17px;font-weight:850;letter-spacing:-.02em}
body.status-page .status-section-kicker{margin-bottom:5px;font-size:8px}
body.status-page .status-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#63636e;font:600 8px/1 JetBrains Mono,monospace}
body.status-page .status-legend span{display:flex;align-items:center;gap:5px}
body.status-page .status-legend i{display:block;width:7px;height:7px;border-radius:2px;background:#292933}
body.status-page .status-legend i.operational{background:var(--status-green)}
body.status-page .status-legend i.degraded{background:var(--status-yellow)}
body.status-page .status-legend i.major{background:var(--status-red)}
body.status-page .status-legend i.unknown{background:#25252d}
body.status-page .status-component-group{margin-top:18px}
body.status-page .status-component-group>h3{margin:0 0 8px;padding:0 2px;color:#696975;font:700 8px/1.2 JetBrains Mono,monospace;letter-spacing:.09em;text-transform:uppercase}
body.status-page .status-component{padding:17px 18px;margin-bottom:9px;border:1px solid var(--status-line);border-radius:15px;background:linear-gradient(180deg,rgba(14,14,19,.98),rgba(9,9,13,.985))}
body.status-page .status-component-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body.status-page .status-component-name strong{display:block;color:#ececf1;font-size:12px;font-weight:850}
body.status-page .status-component-name span{display:block;max-width:720px;margin-top:5px;color:#60606b;font-size:9.5px;line-height:1.55}
body.status-page .status-component-current{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#858590;background:rgba(255,255,255,.018);font:750 8px/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.045em}
body.status-page .status-component-current i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
body.status-page .status-component-current.operational{border-color:rgba(56,212,122,.16);color:var(--status-green);background:rgba(56,212,122,.05)}
body.status-page .status-component-current.degraded,body.status-page .status-component-current.maintenance{border-color:rgba(227,179,65,.17);color:var(--status-yellow);background:rgba(227,179,65,.05)}
body.status-page .status-component-current.partial{border-color:rgba(228,124,60,.18);color:var(--status-orange);background:rgba(228,124,60,.055)}
body.status-page .status-component-current.major{border-color:rgba(224,82,82,.2);color:var(--status-red);background:rgba(153,0,0,.07)}
body.status-page .status-component-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:15px;color:#50505b;font:600 8px/1.35 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.035em}
body.status-page .status-component-meta span{display:grid;gap:3px}
body.status-page .status-component-meta b{color:#94949f;font-size:9px;text-transform:none;letter-spacing:0}
body.status-page .status-history-scroll{margin-top:15px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
body.status-page .status-history{display:grid;grid-template-columns:repeat(90,minmax(4px,1fr));gap:3px;min-width:680px}
body.status-page .status-history-cell{display:block;height:26px;border-radius:2px;background:#202028;transition:transform .12s ease,filter .12s ease}
body.status-page .status-history-cell:hover{transform:scaleY(1.12);filter:brightness(1.2)}
body.status-page .status-history-cell.operational{background:rgba(56,212,122,.78)}
body.status-page .status-history-cell.degraded{background:rgba(227,179,65,.82)}
body.status-page .status-history-cell.partial{background:rgba(228,124,60,.84)}
body.status-page .status-history-cell.major{background:rgba(224,82,82,.86)}
body.status-page .status-history-cell.maintenance{background:rgba(143,143,255,.72)}
body.status-page .status-history-cell.unknown{background:#202028}
body.status-page .status-component-detail{margin-top:10px;color:#555560;font-size:9px;line-height:1.45}
body.status-page .status-empty{padding:22px;border:1px dashed #292933;border-radius:14px;background:rgba(255,255,255,.01);color:#5f5f6a;font-size:10px}
body.status-page .status-incidents{display:grid;gap:11px}
body.status-page .status-incident{overflow:hidden;border:1px solid rgba(224,82,82,.2);border-radius:16px;background:linear-gradient(180deg,rgba(34,10,12,.38),rgba(10,10,14,.98) 35%)}
body.status-page .status-incident-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.055)}
body.status-page .status-incident-state{display:block;margin-bottom:5px;color:#e58686;font:800 8px/1.2 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.07em}
body.status-page .status-incident h3{margin:0;color:#efeff3;font-size:13px;font-weight:850}
body.status-page .status-incident-head time{color:#575762;font:600 8px/1.4 JetBrains Mono,monospace;text-align:right}
body.status-page .status-incident-components{display:flex;gap:6px;flex-wrap:wrap;padding:11px 18px 0}
body.status-page .status-incident-components span{padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.02);color:#777782;font:700 7.5px/1 JetBrains Mono,monospace}
body.status-page .status-incident-timeline{display:grid;gap:0;padding:13px 18px 17px}
body.status-page .status-incident-update{position:relative;display:grid;grid-template-columns:16px 1fr;gap:9px;padding:8px 0}
body.status-page .status-incident-update:not(:last-child)::after{position:absolute;top:20px;bottom:-8px;left:5px;width:1px;background:#25252e;content:''}
body.status-page .status-update-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:2px;border:3px solid #16161c;border-radius:50%;background:#898996}
body.status-page .status-incident-update strong{color:#aaaab5;font-size:9px;font-weight:800}
body.status-page .status-incident-update p{margin:5px 0;color:#858590;font-size:10.5px;line-height:1.65}
body.status-page .status-incident-update time{color:#50505a;font:600 8px/1.2 JetBrains Mono,monospace}
body.status-page .status-resolved-list{display:grid;gap:8px}
body.status-page .status-resolved-item{overflow:hidden;border:1px solid var(--status-line);border-radius:14px;background:#0b0b0f}
body.status-page .status-resolved-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;cursor:pointer;list-style:none}
body.status-page .status-resolved-item summary::-webkit-details-marker{display:none}
body.status-page .status-resolved-item summary strong{display:block;color:#bdbdc6;font-size:10.5px}
body.status-page .status-resolved-item summary span{display:block;margin-top:4px;color:#565661;font:600 8px/1.2 JetBrains Mono,monospace}
body.status-page .status-resolved-badge{margin:0!important;padding:5px 7px;border:1px solid rgba(56,212,122,.14);border-radius:999px;background:rgba(56,212,122,.045);color:#6ccc8e!important;text-transform:uppercase}
body.status-page .status-resolved-body{display:grid;gap:10px;padding:0 16px 15px;border-top:1px solid rgba(255,255,255,.045)}
body.status-page .status-resolved-update{padding-top:12px}
body.status-page .status-resolved-update strong{color:#8d8d98;font-size:9px}
body.status-page .status-resolved-update p{margin:5px 0;color:#74747f;font-size:10px;line-height:1.6}
body.status-page .status-resolved-update time{color:#4e4e59;font:600 8px/1.2 JetBrains Mono,monospace}
body.status-page .status-footer{display:flex;justify-content:space-between;gap:18px;width:min(1120px,calc(100% - 32px));margin:auto auto 0;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.055);color:#44444f;font:600 8px/1.5 JetBrains Mono,monospace}
@media(max-width:760px){
  body.status-page .status-topbar{min-height:62px;padding:0 14px}
  body.status-page .status-nav>a:not(.status-nav-primary){display:none}
  body.status-page .status-wrap{width:min(100% - 22px,1120px);padding-top:34px}
  body.status-page .status-hero{align-items:flex-start;flex-direction:column}
  body.status-page .status-updated{text-align:left}
  body.status-page .status-section-head{align-items:flex-start;flex-direction:column}
  body.status-page .status-component-top{align-items:flex-start;flex-direction:column}
  body.status-page .status-component-current{align-self:flex-start}
  body.status-page .status-history{min-width:620px}
  body.status-page .status-incident-head{flex-direction:column}
  body.status-page .status-incident-head time{text-align:left}
  body.status-page .status-footer{flex-direction:column}
}

/* -------------------------------------------------------------------------
   KESPA UI quality pass v4.5.3
   ------------------------------------------------------------------------- */

.hist-item.active{
  background:linear-gradient(100deg,rgba(153,0,0,.12),rgba(90,84,196,.12));
  border-color:rgba(143,143,255,.18);
  color:var(--text);
}

/* Readable assistant Markdown */
.assistant-content{
  color:#e8e8ed;
  font-size:14.5px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.assistant-content>*:first-child{margin-top:0!important}
.assistant-content>*:last-child{margin-bottom:0!important}
.assistant-content p{margin:0 0 12px}
.assistant-content h2,.assistant-content h3,.assistant-content h4,.assistant-content h5,.assistant-content h6{
  margin:22px 0 9px;
  color:#f7f7fa;
  line-height:1.25;
  letter-spacing:-.02em;
}
.assistant-content h2{font-size:18px}.assistant-content h3{font-size:16px}.assistant-content h4,.assistant-content h5,.assistant-content h6{font-size:14.5px}
.assistant-content ul,.assistant-content ol{margin:8px 0 14px 1.35rem;padding-left:.8rem}
.assistant-content li{margin:5px 0;padding-left:3px}
.assistant-content li::marker{color:#9a96ff}
.assistant-content strong{color:#fff;font-weight:800}
.assistant-content a{color:#aeb8ff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(174,184,255,.35)}
.assistant-content a:hover{color:#fff;text-decoration-color:#fff}
.assistant-content blockquote{
  margin:13px 0;
  padding:10px 14px;
  border-left:3px solid #6862db;
  border-radius:0 10px 10px 0;
  background:rgba(90,84,196,.07);
  color:#bcbcc6;
}
.assistant-content hr{height:1px;margin:20px 0;border:0;background:#202027}
.assistant-content>code,.assistant-content p code,.assistant-content li code,.assistant-content td code{
  padding:2px 5px;
  border:1px solid #292932;
  border-radius:6px;
  background:#141419;
  color:#dcdcff;
  font:600 12px/1.5 'JetBrains Mono',monospace;
}
.assistant-section-label{
  margin:18px 0 7px;
  color:#f2f2f6;
  font-size:13px;
  font-weight:800;
}
.assistant-code-block{
  margin:14px 0;
  overflow:hidden;
  border:1px solid #282831;
  border-radius:13px;
  background:#0b0b0f;
  box-shadow:0 10px 28px rgba(0,0,0,.15);
}
.assistant-code-head{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 9px 7px 13px;
  border-bottom:1px solid #23232b;
  background:#111116;
}
.assistant-code-head span{
  color:#777784;
  font:700 10px/1 'JetBrains Mono',monospace;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.assistant-code-block pre,
.msg .assistant-code-block pre{
  position:static;
  margin:0;
  padding:15px 17px 17px;
  border:0;
  border-radius:0;
  background:#0a0a0d;
  overflow:auto;
}
.assistant-code-block pre code{
  display:block;
  min-width:max-content;
  padding:0;
  border:0;
  background:transparent;
  color:#dedee8;
  font:500 12.5px/1.65 'JetBrains Mono',monospace;
  white-space:pre;
}
.assistant-code-head .copy-btn{
  position:static;
  width:auto;
  min-width:78px;
  height:26px;
  padding:0 9px;
  border:1px solid #30303a;
  border-radius:7px;
  background:#19191f;
  color:#a2a2ad;
  font:700 10px/1 'JetBrains Mono',monospace;
  cursor:pointer;
}
.assistant-code-head .copy-btn:hover{border-color:#484858;color:#fff;background:#202027}

.msg-feedback{flex-wrap:wrap}
.fb-btn.fb-copy{
  width:auto;
  min-width:72px;
  padding:0 9px;
  grid-auto-flow:column;
  gap:5px;
  font-size:10px;
  font-weight:800;
  font-family:'JetBrains Mono',monospace;
}
.fb-btn.fb-copy:hover{
  background:rgba(90,84,196,.11);
  border-color:rgba(143,143,255,.28);
  color:#c8c8ff;
}

/* Logged-in navigation cleanup */
.sidebar-foot{padding:12px 10px}
.foot-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}
.foot-links a{
  display:flex;
  align-items:center;
  min-height:30px;
  padding:0 8px;
  border-radius:7px;
  color:#73737d;
  font-size:10.5px;
  font-weight:650;
}
.foot-links a:hover{background:#17171b;color:#eee}
.foot-links a.admin-link{color:#aca8ff}
.dropdown{min-width:230px;padding:7px;box-shadow:0 18px 55px rgba(0,0,0,.48)}
.drop-user{display:grid;gap:3px;padding:10px 11px}
.drop-user strong{color:#e8e8ec;font-size:12px}
.drop-user span{color:#686872;font:600 9px/1.2 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.05em}
.dropdown a.logout-link{margin-top:5px;border-top:1px solid var(--border);border-radius:0 0 7px 7px;color:#b87980}

/* Proper compact KESPA brand on profile / leaderboard */
body.profile-page .profile-brand,
body.leaderboard-page .leaderboard-brand{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
body.profile-page .profile-brand img,
body.leaderboard-page .leaderboard-brand img{
  width:30px;
  height:30px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(90,84,196,.18));
}
body.profile-page .profile-brand span,
body.leaderboard-page .leaderboard-brand span{font-size:12px;font-weight:900;letter-spacing:.02em}

/* Account settings */
body.settings-page{
  --settings-panel:#0c0c11;
  --settings-line:#202028;
  --settings-muted:#858590;
  height:auto!important;
  min-height:100vh;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:radial-gradient(circle at 55% -15%,rgba(90,84,196,.13),transparent 34%),#050507;
}
.settings-shell{min-height:100vh}
.settings-topbar{
  position:sticky;top:0;z-index:30;
  min-height:62px;
  display:flex;align-items:center;gap:18px;
  padding:0 22px;
  border-bottom:1px solid #17171d;
  background:rgba(5,5,7,.86);
  backdrop-filter:blur(16px);
}
.settings-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:12px;font-weight:900}
.settings-brand img{width:34px;height:34px;object-fit:contain}
.settings-topbar nav{margin-left:auto;display:flex;gap:7px}
.settings-topbar nav a{padding:8px 11px;border:1px solid #24242d;border-radius:9px;color:#aaaab4;font-size:11px;font-weight:750;background:#0b0b0f}
.settings-topbar nav a:hover{color:#fff;border-color:#393946}
.settings-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;padding:42px 0 80px}
.settings-nav{position:sticky;top:92px;align-self:start;display:grid;gap:4px}
.settings-nav>span{padding:0 9px 8px;color:#555560;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.1em}
.settings-nav a{padding:10px 11px;border-radius:9px;color:#858590;font-size:12px;font-weight:700}
.settings-nav a:hover{background:#0e0e13;color:#eee}
.settings-content{min-width:0;display:grid;gap:16px}
.settings-hero{padding:5px 2px 16px}
.settings-eyebrow{color:#9996ff;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.11em}
.settings-hero h1{margin:10px 0 8px;font-size:clamp(38px,6vw,60px);line-height:1;letter-spacing:-2.3px}
.settings-hero p{max-width:760px;color:#8d8d98;font-size:13px;line-height:1.65}
.settings-card{scroll-margin-top:82px;border:1px solid var(--settings-line);border-radius:17px;background:linear-gradient(180deg,#0d0d12,#09090d);overflow:hidden}
.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #1a1a21}
.settings-card-head>div>span{display:block;margin-bottom:6px;color:#656571;font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.1em}
.settings-card-head h2{margin:0;font-size:17px;letter-spacing:-.3px}
.settings-plan-chip,.settings-security-state{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #31313c;border-radius:999px;background:#111116;color:#aaaab6;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.05em}
.settings-security-state.on{border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.07);color:#75d894}
.settings-security-state.off{color:#777782}
.settings-note{margin:0;padding:16px 20px;color:#7f7f8a;font-size:12px;line-height:1.65}
.settings-account-grid{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:18px;align-items:center;padding:20px}
.settings-account-grid img{width:60px;height:60px;border-radius:16px;border:1px solid #2d2d36;background:#111;object-fit:cover}
.settings-account-grid div{min-width:0}
.settings-account-grid small{display:block;margin-bottom:6px;color:#63636e;font:700 8px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.07em}
.settings-account-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#e4e4e9;font-size:12px;white-space:nowrap}
.settings-form{display:grid;gap:12px;padding:18px 20px}
.settings-form.compact{padding-top:8px}
.settings-form label{display:grid;gap:7px;color:#aaaab4;font-size:11px;font-weight:700}
.settings-form input,.settings-form select,.settings-form textarea,.settings-memory-add textarea{
  width:100%;padding:11px 12px;border:1px solid #292933;border-radius:10px;background:#09090d;color:#eee;outline:none;font-size:12px
}
.settings-form input:focus,.settings-form textarea:focus,.settings-memory-add textarea:focus{border-color:#53506f;box-shadow:0 0 0 3px rgba(90,84,196,.08)}
.settings-check{grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;padding:13px;border:1px solid #1f1f26;border-radius:12px;background:#0a0a0e}
.settings-check input{width:auto!important;margin-top:2px;accent-color:#6761db}
.settings-check span{display:grid;gap:4px}
.settings-check strong{color:#d8d8de;font-size:12px}
.settings-check small{color:#72727d;font-size:10.5px;line-height:1.5;font-weight:500}
.settings-primary,.settings-secondary,.settings-danger{
  width:fit-content;min-height:36px;padding:0 13px;border-radius:9px;cursor:pointer;font-size:11px;font-weight:800
}
.settings-primary{border:1px solid #6566cf;background:#4b4cb8;color:#fff;box-shadow:0 7px 20px rgba(75,76,184,.16)}
.settings-secondary{border:1px solid #30303a;background:#141419;color:#c1c1ca}
.settings-danger{border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#e8898f}
.settings-alert{padding:12px 15px;border:1px solid #2b2b35;border-radius:11px;background:#0c0c11;color:#9b9ba7;font-size:11px;line-height:1.5}
.settings-alert.success{border-color:rgba(34,197,94,.18);background:rgba(34,197,94,.05);color:#83cd9a}
.settings-alert.error{border-color:rgba(239,68,68,.18);background:rgba(239,68,68,.05);color:#d48b90}
.settings-alert code{font-family:'JetBrains Mono',monospace;color:#ddd}
.settings-memory-meter{color:#aaaab5;font:700 10px/1.3 'JetBrains Mono',monospace;white-space:nowrap}
.settings-memory-add{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 20px 0}
.settings-memory-add textarea{min-height:78px;resize:vertical}
.settings-memory-add .settings-primary{height:42px;align-self:end}
.settings-memory-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}
.settings-subhead{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:9px}
.settings-subhead h3{font-size:13px}
.settings-subhead span{color:#63636e;font:600 8px/1 'JetBrains Mono',monospace}
.settings-memory-list{display:grid;gap:8px}
.settings-memory-item{padding:13px;border:1px solid #202027;border-radius:12px;background:#09090d}
.settings-memory-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.settings-memory-item-head strong{font-size:11.5px;color:#ddd}
.settings-memory-item-head span{color:#5f5f69;font:600 8px/1.35 'JetBrains Mono',monospace;text-align:right}
.settings-memory-item p{margin:8px 0 10px;color:#92929d;font-size:11px;line-height:1.55;white-space:pre-wrap}
.settings-memory-actions{display:flex;gap:6px;flex-wrap:wrap}
.settings-mini{min-height:28px;padding:0 9px;border:1px solid #292932;border-radius:7px;background:#121217;color:#8f8f9a;cursor:pointer;font-size:9px;font-weight:800}
.settings-mini.primary{border-color:rgba(143,143,255,.22);color:#b6b6ff}.settings-mini.danger{color:#c47b80}
.settings-empty{padding:18px;border:1px dashed #24242c;border-radius:11px;color:#5d5d67;font-size:10px;text-align:center}.settings-empty.error{color:#c77b81}
.settings-setup-box,.settings-recovery-box{margin:18px 20px;padding:15px;border:1px solid #292934;border-radius:12px;background:#09090d;color:#9898a4;font-size:11px;line-height:1.65}
.settings-setup-box ol{padding-left:20px}.settings-setup-box code,.settings-uri{font-family:'JetBrains Mono',monospace;color:#d4d4f6;overflow-wrap:anywhere}
.settings-setup-box details{margin-top:12px}.settings-setup-box summary{cursor:pointer;color:#898995}
.settings-inline-form{grid-template-columns:1fr auto;align-items:end}
.settings-security-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0}
.settings-recovery-box{display:grid;gap:12px;border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.04)}
.settings-recovery-box>div{display:grid;gap:3px}.settings-recovery-box strong{color:#e8d6ab}.settings-recovery-box span{color:#897d64;font-size:10px}
.settings-recovery-box pre{margin:0;padding:13px;border:1px solid #302b22;border-radius:9px;background:#080807;color:#eee;font:700 12px/1.7 'JetBrains Mono',monospace;user-select:all}

/* Stand-alone 2FA challenge */
body.security-auth-page{height:auto!important;min-height:100vh;overflow:auto!important;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(90,84,196,.14),transparent 38%),#050507}
.security-auth-card{width:min(440px,100%);padding:26px;border:1px solid #22222b;border-radius:18px;background:linear-gradient(180deg,#0e0e13,#09090d);box-shadow:0 30px 90px rgba(0,0,0,.32)}
.security-auth-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:12px;font-weight:900}.security-auth-brand img{width:38px;height:38px;object-fit:contain}
.security-auth-kicker{display:block;margin-top:28px;color:#8380eb;font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.11em}
.security-auth-card h1{margin:9px 0 8px;font-size:32px;letter-spacing:-1.3px}.security-auth-card>p{color:#858590;font-size:12px;line-height:1.6}.security-auth-card .settings-form{padding:18px 0 8px}.security-auth-cancel{display:block;margin-top:9px;color:#666671;font-size:10px;text-align:center}

@media(max-width:850px){
  .settings-wrap{grid-template-columns:1fr;padding-top:24px}
  .settings-nav{position:static;display:flex;gap:5px;overflow:auto}.settings-nav>span{display:none}.settings-nav a{flex:0 0 auto;background:#0b0b0f;border:1px solid #1e1e26}
  .settings-account-grid{grid-template-columns:auto 1fr}.settings-account-grid div:nth-child(n+3){grid-column:2}
  .settings-memory-columns,.settings-security-actions{grid-template-columns:1fr}
}
@media(max-width:620px){
  .settings-topbar{padding:0 12px}.settings-topbar nav a:not(:last-child){display:none}
  .settings-wrap{width:min(100% - 20px,1180px)}
  .settings-memory-add,.settings-inline-form{grid-template-columns:1fr}
  .settings-memory-item-head{display:grid}.settings-memory-item-head span{text-align:left}
  .assistant-content{font-size:14px}
}


/* -------------------------------------------------------------------------
   KESPA chat library + projects v4.5.4
   ------------------------------------------------------------------------- */

#history{
  padding:8px 8px 14px;
}
.hist-section{margin:0 0 14px}
.hist-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:30px;
  padding:2px 7px 4px 9px;
}
.hist-section-label{
  color:rgba(255,255,255,.34);
  font:700 9px/1.2 'JetBrains Mono',monospace;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.hist-section-action{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  padding:0;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:rgba(255,255,255,.55);
  cursor:pointer;
  font:500 18px/1 Inter,sans-serif;
}
.hist-section-action:hover{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#fff;
}
.hist-project{
  margin:1px 0 4px;
}
.hist-project-head{
  display:flex;
  align-items:center;
  gap:2px;
  min-width:0;
}
.hist-project-toggle{
  display:flex;
  align-items:center;
  gap:7px;
  flex:1;
  min-width:0;
  min-height:32px;
  padding:6px 5px 6px 7px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,255,.62);
  cursor:pointer;
  text-align:left;
}
.hist-project-toggle:hover{
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.84);
}
.hist-project-chevron{
  width:10px;
  flex:0 0 10px;
  color:rgba(255,255,255,.30);
  font:800 13px/1 Inter,sans-serif;
  text-align:center;
}
.hist-project-folder{
  flex:0 0 auto;
  color:#8580ee;
  font-size:10px;
  opacity:.9;
}
.hist-project-name{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:650 11.5px/1.3 Inter,sans-serif;
}
.hist-project-count{
  flex:0 0 auto;
  min-width:17px;
  padding:2px 4px;
  border-radius:6px;
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.30);
  font:700 8px/1.2 'JetBrains Mono',monospace;
  text-align:center;
}
.hist-project-more,.hist-more{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:27px;
  height:27px;
  padding:0 0 5px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:rgba(255,255,255,.40);
  cursor:pointer;
  font:800 17px/1 Inter,sans-serif;
  opacity:0;
  transition:opacity .12s ease,background .12s ease,color .12s ease,border-color .12s ease;
}
.hist-project-head:hover .hist-project-more,
.hist-item:hover .hist-more,
.hist-more:focus-visible,
.hist-project-more:focus-visible{
  opacity:1;
}
.hist-project-more:hover,.hist-more:hover{
  border-color:rgba(255,255,255,.07);
  background:rgba(255,255,255,.055);
  color:#fff;
}
.hist-project-chats{
  margin-left:12px;
  padding-left:5px;
  border-left:1px solid rgba(255,255,255,.055);
}
.hist-project.collapsed .hist-project-chats{display:none}
.hist-item{
  min-height:34px;
  padding:3px 4px 3px 7px;
  gap:3px;
}
.hist-title-wrap{
  display:flex;
  align-items:center;
  gap:6px;
  flex:1;
  min-width:0;
  min-height:27px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
}
.hist-pin-mark{
  flex:0 0 auto;
  color:#9a96ff;
  font-size:6px;
  transform:rotate(45deg);
  opacity:.9;
}
.hist-item.is-pinned .hist-title{color:rgba(255,255,255,.82)}
.hist-project-empty{
  padding:8px 10px 8px 12px;
  color:rgba(255,255,255,.25);
  font:500 10px/1.4 Inter,sans-serif;
}
.hist-project-empty-action{
  width:100%;
  border:1px dashed rgba(255,255,255,.06);
  border-radius:9px;
  background:transparent;
  cursor:pointer;
  text-align:left;
}
.hist-project-empty-action:hover{
  border-color:rgba(143,143,255,.16);
  background:rgba(143,143,255,.035);
  color:rgba(255,255,255,.52);
}
.hist-menu-popover{
  position:fixed;
  z-index:100020;
  width:218px;
  max-height:min(390px,calc(100vh - 20px));
  overflow-y:auto;
  padding:6px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(16,16,22,.985);
  box-shadow:0 20px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);
  opacity:0;
  transform:translateY(-3px) scale(.985);
  transform-origin:top right;
  transition:opacity .10s ease,transform .10s ease;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hist-menu-popover.open{
  opacity:1;
  transform:translateY(0) scale(1);
}
.hist-menu-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,255,.72);
  cursor:pointer;
  font:600 11.5px/1.3 Inter,sans-serif;
  text-align:left;
}
.hist-menu-item:hover{
  background:rgba(255,255,255,.055);
  color:#fff;
}
.hist-menu-item.danger{color:#ff9a9a}
.hist-menu-item.danger:hover{background:rgba(190,32,50,.10);color:#ffc0c0}
.hist-menu-mark{
  flex:0 0 auto;
  color:#8f8bff;
  font-weight:900;
}
.hist-menu-divider{
  height:1px;
  margin:5px 3px;
  background:rgba(255,255,255,.065);
}
.hist-menu-heading{
  padding:7px 9px 6px;
  color:rgba(255,255,255,.32);
  font:700 8px/1.3 'JetBrains Mono',monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.kespa-library-field{
  display:grid;
  gap:7px;
  margin-top:17px;
}
.kespa-library-field>span{
  color:rgba(255,255,255,.50);
  font:700 9px/1.2 'JetBrains Mono',monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.kespa-library-field input{
  width:100%;
  min-height:42px;
  box-sizing:border-box;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  outline:0;
  background:#0b0b10;
  color:#fff;
  font:600 13px/1.2 Inter,sans-serif;
}
.kespa-library-field input:focus{
  border-color:rgba(143,143,255,.40);
  box-shadow:0 0 0 3px rgba(105,99,225,.08);
}
.kespa-library-field-error{
  min-height:16px;
  padding-top:5px;
  color:#ff8f8f;
  font:600 10px/1.4 Inter,sans-serif;
}
.kespa-library-primary{
  min-width:92px;
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(143,143,255,.20);
  border-radius:10px;
  background:linear-gradient(135deg,#880017,#655fd8);
  color:#fff;
  cursor:pointer;
  font-weight:750;
}

#sidebar.collapsed .hist-section-head,
#sidebar.collapsed .hist-project-head,
#sidebar.collapsed .hist-project-empty{
  display:none!important;
}
#sidebar.collapsed .hist-project-chats{
  margin-left:0;
  padding-left:0;
  border-left:0;
}
#sidebar.collapsed .hist-more,
#sidebar.collapsed .hist-pin-mark{
  display:none!important;
}
#sidebar.collapsed .hist-title-wrap{
  width:100%;
  height:100%;
  justify-content:center;
}

@media(max-width:800px){
  .hist-project-more,.hist-more{opacity:1}
  .hist-menu-popover{width:min(250px,calc(100vw - 20px))}
  #sidebar.collapsed .hist-section-head{display:flex!important}
  #sidebar.collapsed .hist-project-head{display:flex!important}
  #sidebar.collapsed .hist-project-empty{display:block!important}
  #sidebar.collapsed .hist-project-chats{margin-left:12px;padding-left:5px;border-left:1px solid rgba(255,255,255,.055)}
  #sidebar.collapsed .hist-more,#sidebar.collapsed .hist-pin-mark{display:grid!important}
  #sidebar.collapsed .hist-title-wrap{width:auto;height:auto;justify-content:flex-start}
}


/* -------------------------------------------------------------------------
   KESPA private artifact composer + message files v4.5.5
   ------------------------------------------------------------------------- */
.hist-rail-icon{display:none;flex:0 0 auto}
.hist-rail-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#sidebar.collapsed .hist-rail-icon{display:grid;place-items:center;color:#8e8af2}
#sidebar.collapsed .hist-title-wrap{position:relative}

.composer-stack{display:grid;width:min(900px,100%);gap:7px}
#composerWrap.is-dragging-file .composer-stack::before{content:'Drop files to add them to KESPA';position:absolute;inset:6px 12px 10px;z-index:50;display:grid;place-items:center;border:1px dashed rgba(143,143,255,.45);border-radius:18px;background:rgba(8,8,12,.94);color:#d8d7ff;font:700 12px/1.3 'JetBrains Mono',monospace;letter-spacing:.03em;pointer-events:none}
.composer-icon-btn{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;color:#8d8d98;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}
.composer-icon-btn:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.07);color:#fff}
.composer-icon-btn:disabled{opacity:.4;cursor:not-allowed}
.composer-icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kespa-attachment-tray{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(13,13,18,.96);box-shadow:0 15px 42px rgba(0,0,0,.22)}
.kespa-attachment-tray.hidden{display:none}
.kespa-attachment-tray-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6e6e79;font:700 9px/1.2 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.kespa-attachment-tray-head label{display:flex;align-items:center;gap:7px;white-space:nowrap}
#artifactScope{min-height:28px;padding:0 25px 0 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#111116;color:#b9b9c3;font:650 10px/1 Inter,sans-serif;outline:none}
#artifactScope:focus{border-color:rgba(143,143,255,.30)}
.kespa-attachment-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin}
.kespa-attachment-chip{display:grid;grid-template-columns:36px minmax(110px,1fr) 24px;align-items:center;gap:8px;min-width:210px;max-width:300px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}
.kespa-attachment-chip.uploading{opacity:.68}
.kespa-attachment-chip.error{border-color:rgba(255,90,90,.22)}
.kespa-attachment-preview{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#0a0a0e;color:#8581ed}
.kespa-attachment-preview img{width:100%;height:100%;object-fit:cover}
.kespa-attachment-preview svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.kespa-attachment-info{display:grid;gap:3px;min-width:0}
.kespa-attachment-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7e7eb;font-size:11.5px;font-weight:700}
.kespa-attachment-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#676771;font:600 8px/1.3 'JetBrains Mono',monospace;text-transform:uppercase}
.kespa-attachment-remove{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#666671;cursor:pointer;font-size:18px;line-height:1}
.kespa-attachment-remove:hover{background:rgba(255,255,255,.05);color:#fff}
.kespa-attachment-status{min-height:11px;color:#5e5e69;font:600 8px/1.2 'JetBrains Mono',monospace;letter-spacing:.025em}
.msg-artifacts{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.msg-artifact{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;max-width:310px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none}
.msg-artifact:hover{border-color:rgba(143,143,255,.20);background:rgba(143,143,255,.035)}
.msg-artifact-type{display:grid;place-items:center;min-width:34px;height:28px;padding:0 6px;border-radius:7px;background:rgba(90,84,196,.09);color:#a9a6ff;font:800 8px/1 'JetBrains Mono',monospace}
.msg-artifact-details{display:grid;gap:2px;min-width:0}
.msg-artifact-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfdfe5;font-size:10.5px}
.msg-artifact-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666671;font:600 7.5px/1.2 'JetBrains Mono',monospace;text-transform:uppercase}

@media(max-width:620px){
  .kespa-attachment-tray-head{align-items:flex-start;flex-direction:column}
  .kespa-attachment-chip{min-width:190px}
}


/* -------------------------------------------------------------------------
   KESPA private artifact library settings v4.5.6
   ------------------------------------------------------------------------- */
.settings-files-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid #17171d}
.settings-files-toolbar>div{display:grid;gap:4px;min-width:0}
.settings-files-toolbar strong{color:#d7d7dd;font-size:11.5px}
.settings-files-toolbar span{color:#696974;font-size:10px;line-height:1.45}
.settings-file-list{display:grid;gap:8px;padding:18px 20px 20px}
.settings-file-item{display:grid;gap:8px;padding:13px;border:1px solid #202027;border-radius:12px;background:#09090d}
.settings-file-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.settings-file-identity{display:grid;gap:5px;min-width:0}
.settings-file-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dedee4;font-size:11.5px}
.settings-file-identity span{color:#63636e;font:600 8px/1.45 'JetBrains Mono',monospace;text-transform:uppercase}
.settings-file-actions{display:flex;gap:6px;flex:0 0 auto;align-items:center}
.settings-file-actions a{text-decoration:none;display:inline-flex;align-items:center}
.settings-file-item p{margin:0;color:#777782;font-size:10px;line-height:1.5}

/* Stable collapsed chat glyph: no emoji, no inherited fill, no clipping. */
.hist-rail-icon{width:22px;height:22px;align-items:center;justify-content:center}
.hist-rail-icon svg{display:block;width:20px!important;height:20px!important;overflow:visible;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;vector-effect:non-scaling-stroke}
#sidebar.collapsed .hist-item{overflow:visible}
#sidebar.collapsed .hist-title-wrap{display:grid!important;place-items:center!important;padding:0!important}

@media(max-width:620px){
  .settings-files-toolbar,.settings-file-head{align-items:stretch;flex-direction:column}
  .settings-file-actions{justify-content:flex-start}
}

/* KESPA multimodal / image generation */
.composer-icon-btn.active{
  color:#fff;
  border-color:rgba(143,143,255,.34);
  background:linear-gradient(135deg,rgba(153,0,0,.26),rgba(90,84,196,.34));
  box-shadow:0 0 0 1px rgba(143,143,255,.08),0 0 22px rgba(90,84,196,.14);
}
.kespa-generated-image{
  display:grid;
  gap:8px;
  width:min(640px,100%);
  margin:12px 0 4px;
}
.kespa-generated-image img{
  display:block;
  width:100%;
  max-height:680px;
  object-fit:contain;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:#07070a;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.kespa-generated-image-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.kespa-generated-image-actions a,
.kespa-generated-image-actions button{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#a9a9b4;
  font-size:11px;
  font-weight:700;
}
.kespa-generated-image-actions a:hover,
.kespa-generated-image-actions button:hover{color:#fff;border-color:rgba(143,143,255,.22);background:rgba(143,143,255,.05);}
.kespa-generated-image-actions button{font-family:inherit;cursor:pointer;}
.kespa-generated-image img{cursor:zoom-in;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.kespa-generated-image img:hover{transform:translateY(-1px);border-color:rgba(143,143,255,.2);box-shadow:0 20px 58px rgba(0,0,0,.32);}

/* KESPA V2.01 - evidence/provenance attached to assistant answers */
.kespa-evidence-used{margin-top:12px;padding:10px 11px;border:1px solid rgba(143,143,255,.12);border-radius:12px;background:rgba(90,84,196,.035)}
.kespa-evidence-used-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:3px;color:#b9b8ff;font:800 9px/1.2 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.kespa-evidence-used-head small{color:#696978;font-size:8px;font-weight:650;letter-spacing:.02em}
.kespa-evidence-used .msg-artifacts{margin-top:7px}
.kespa-evidence-used .msg-artifact{background:rgba(255,255,255,.018)}

/* -------------------------------------------------------------------------
   KESPA Open Beta v6.3 - multi-provider authentication
   ------------------------------------------------------------------------- */
.kespa-login-card{width:min(500px,100%)}
.kespa-auth-socials{display:grid;gap:9px;margin:20px 0 0}
.kespa-auth-social{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid #292934;border-radius:11px;background:#111117;color:#e7e7ee;text-decoration:none;font-size:12px;font-weight:800;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.kespa-auth-social:hover{border-color:rgba(143,143,255,.32);background:#15151d;transform:translateY(-1px)}
.kespa-auth-social.google{background:#fff;color:#202124;border-color:#dfe1e5}.kespa-auth-social.google:hover{background:#f7f8fa;border-color:#c8cbd0}
.kespa-auth-social.discord{background:#5865f2;color:#fff;border-color:#6f79f4}.kespa-auth-social.discord:hover{background:#6270f5}
.kespa-auth-provider-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(0,0,0,.09);font:900 12px/1 Inter,sans-serif}
.kespa-auth-social.discord .kespa-auth-provider-mark{background:rgba(255,255,255,.14)}
.kespa-auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:#5f5f69;font:700 8px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.kespa-auth-divider::before,.kespa-auth-divider::after{content:'';height:1px;flex:1;background:#202028}
.kespa-auth-form{padding-top:14px!important}
.kespa-auth-form-row{display:flex;justify-content:flex-end;margin:-4px 0 2px}.kespa-auth-form-row a{color:#8d8af2;font-size:10px;text-decoration:none}.kespa-auth-form-row a:hover{color:#b8b6ff}
.kespa-auth-hint{display:block;margin-top:2px;color:#777782;font-size:10px;line-height:1.5;text-align:center}
.kespa-auth-switch{margin-top:14px;padding-top:14px;border-top:1px solid #1e1e25;color:#777782;font-size:10.5px;text-align:center}.kespa-auth-switch a{color:#aaa7ff;text-decoration:none;font-weight:800}
.kespa-auth-legal{margin-top:12px;color:#5f5f6a;font-size:9.5px;line-height:1.55;text-align:center}.kespa-auth-legal a{color:#81818c}
.kespa-auth-secondary-form{display:flex;justify-content:center;margin-top:4px}.kespa-auth-secondary-form button{cursor:pointer}
.security-auth-card .settings-primary:disabled{opacity:.45;cursor:not-allowed}

/* KESPA 4.7 image generation controls + community decorations */
.kespa-image-gen-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px 14px;
  border:1px solid rgba(124,92,255,.22);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(19,18,28,.98),rgba(11,11,16,.98));
  box-shadow:0 16px 42px rgba(0,0,0,.22);
}
.kespa-image-gen-panel.hidden{display:none!important}
.kespa-image-gen-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kespa-image-gen-head>span{font-size:12px;font-weight:800;color:#f2f2f6}
.kespa-image-gen-head>small{font:600 9px/1.2 'JetBrains Mono',monospace;color:#747480;text-transform:uppercase;letter-spacing:.45px}
.kespa-image-gen-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kespa-image-gen-fields label,.kespa-image-negative{display:flex;flex-direction:column;gap:6px}
.kespa-image-gen-fields label>span,.kespa-image-negative>span{font:700 9px/1.2 'JetBrains Mono',monospace;color:#8f8f9b;text-transform:uppercase;letter-spacing:.45px}
.kespa-image-gen-fields select,.kespa-image-negative input{width:100%;min-height:38px;border:1px solid #272731;border-radius:10px;background:#0b0b10;color:#ececf2;padding:0 10px;outline:none}
.kespa-image-gen-fields select:focus,.kespa-image-negative input:focus{border-color:#5957a8;box-shadow:0 0 0 3px rgba(89,87,168,.12)}
.kespa-image-negative small{color:#5f5f69;text-transform:none;letter-spacing:0}

.kespa-rank-strip,.kespa-badge-strip{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.kespa-rank-chip,.kespa-badge-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--chip-color,#7c5cff) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--chip-color,#7c5cff) 13%,transparent);color:#fff;font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.25px;text-decoration:none}
.kespa-rank-chip.staff{box-shadow:0 0 22px color-mix(in srgb,var(--chip-color,#7c5cff) 13%,transparent)}
.kespa-badge-chip{border-radius:10px;background:#0d0d13}
.kespa-badge-chip img{width:18px;height:18px;border-radius:5px;object-fit:cover}
.profile-community-decor{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.leaderboard-community-decor{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.leaderboard-community-decor .kespa-rank-chip,.leaderboard-community-decor .kespa-badge-chip{min-height:22px;padding:4px 7px;font-size:8px}

@media (max-width:720px){
  .kespa-image-gen-panel{margin:0 2px;padding:11px}
  .kespa-image-gen-fields{grid-template-columns:1fr 1fr}
  .kespa-image-gen-fields label:last-child{grid-column:1/-1}
  .kespa-image-gen-head>small{display:none}
  .profile-community-decor{align-items:center}
  .kespa-rank-strip,.kespa-badge-strip{justify-content:center}
}


/* -------------------------------------------------------------------------
   KESPA Image Studio v1 - image references + generated-image lightbox
   ------------------------------------------------------------------------- */
.kespa-image-reference-tray{
  display:flex;
  width:min(840px,100%);
  min-height:58px;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid rgba(143,143,255,.18);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(90,84,196,.08),rgba(153,0,0,.05));
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.kespa-image-reference-tray.hidden{display:none}
.kespa-image-reference-tray img{
  width:42px;height:42px;flex:0 0 42px;object-fit:cover;
  border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#07070a;
}
.kespa-image-reference-copy{display:grid;min-width:0;gap:3px;flex:1}
.kespa-image-reference-copy strong{color:#d8d8e2;font-size:10px;line-height:1.2}
.kespa-image-reference-copy span{overflow:hidden;color:#747480;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.kespa-image-reference-clear{
  width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;
  border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.02);
  color:#7e7e89;font-size:18px;line-height:1;cursor:pointer;
}
.kespa-image-reference-clear:hover{border-color:rgba(153,0,0,.35);color:#fff;background:rgba(153,0,0,.08)}

body.kespa-lightbox-open{overflow:hidden}
.kespa-image-lightbox{
  position:fixed;z-index:1200;inset:0;display:none;place-items:center;padding:28px;
}
.kespa-image-lightbox.open{display:grid}
.kespa-image-lightbox-backdrop{position:absolute;inset:0;background:rgba(2,2,5,.9);backdrop-filter:blur(14px)}
.kespa-image-lightbox-dialog{
  position:relative;z-index:1;display:grid;width:min(1180px,94vw);max-height:92vh;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#09090d;
  box-shadow:0 30px 100px rgba(0,0,0,.65);
}
.kespa-image-lightbox-close{
  position:absolute;z-index:3;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(6,6,9,.78);color:#d7d7df;
  font-size:23px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);
}
.kespa-image-lightbox-close:hover{border-color:rgba(143,143,255,.28);color:#fff}
.kespa-image-lightbox-stage{
  display:grid;min-height:260px;place-items:center;overflow:auto;padding:18px;
  background:radial-gradient(circle at 50% 45%,rgba(90,84,196,.07),transparent 42%),#050507;
}
.kespa-image-lightbox-stage img{
  display:block;max-width:100%;max-height:calc(92vh - 110px);object-fit:contain;border-radius:12px;
  box-shadow:0 20px 70px rgba(0,0,0,.45);
}
.kespa-image-lightbox-bar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;
  border-top:1px solid rgba(255,255,255,.075);background:rgba(12,12,17,.98);
}
.kespa-image-lightbox-title{display:grid;min-width:0;gap:2px}
.kespa-image-lightbox-title strong{color:#ececf2;font-size:10px}
.kespa-image-lightbox-title span{overflow:hidden;max-width:480px;color:#777784;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.kespa-image-lightbox-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}
.kespa-image-lightbox-actions a,.kespa-image-lightbox-actions button{
  display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:0 11px;
  border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.025);
  color:#aaaab5;font-family:inherit;font-size:10px;font-weight:750;line-height:1;text-decoration:none;cursor:pointer;
}
.kespa-image-lightbox-actions .kespa-image-edit-action{
  border-color:rgba(143,143,255,.2);background:linear-gradient(135deg,rgba(153,0,0,.13),rgba(90,84,196,.17));color:#e6e5ff;
}
.kespa-image-lightbox-actions a:hover,.kespa-image-lightbox-actions button:hover{border-color:rgba(143,143,255,.28);color:#fff}

@media(max-width:720px){
  .kespa-generated-image-actions{flex-wrap:wrap}
  .kespa-image-lightbox{padding:8px}
  .kespa-image-lightbox-dialog{width:100%;max-height:96vh;border-radius:14px}
  .kespa-image-lightbox-stage{padding:10px}
  .kespa-image-lightbox-stage img{max-height:calc(96vh - 150px)}
  .kespa-image-lightbox-bar{align-items:stretch;flex-direction:column;gap:8px}
  .kespa-image-lightbox-title span{max-width:76vw}
  .kespa-image-lightbox-actions{justify-content:flex-start}
  .kespa-image-lightbox-actions a,.kespa-image-lightbox-actions button{flex:1 1 auto}
}

/* KESPA Image Generation active-work card */
.image-generation-thinking{align-items:flex-start!important}
.kespa-image-wait-card{
  width:min(560px,calc(100vw - 110px));
  border:1px solid #26262e;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,#111116,#0b0b0f);
  box-shadow:0 14px 40px rgba(0,0,0,.28);
}
.kespa-image-wait-visual{
  position:relative;
  height:180px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(75,76,184,.26),transparent 34%),
    radial-gradient(circle at 48% 55%,rgba(153,0,0,.20),transparent 45%),
    #09090d;
}
.kespa-image-wait-grid{
  position:absolute;
  inset:-20%;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:26px 26px;
  transform:perspective(320px) rotateX(58deg) translateY(32px) scale(1.15);
  animation:kespaImageGrid 7s linear infinite;
}
.kespa-image-wait-orb{
  position:absolute;
  width:126px;
  height:126px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 52px rgba(75,76,184,.23),inset 0 0 38px rgba(153,0,0,.12);
  animation:kespaImageOrb 2.2s ease-in-out infinite;
}
.kespa-image-wait-visual img{
  position:relative;
  z-index:3;
  width:62px;
  height:62px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.16));
  animation:kespaImageLogo 1.8s ease-in-out infinite;
}
.kespa-image-wait-shimmer{
  position:absolute;
  inset:0;
  transform:translateX(-115%);
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.055) 47%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.055) 53%,transparent 70%);
  animation:kespaImageShimmer 2.35s ease-in-out infinite;
}
.kespa-image-wait-copy{padding:14px 16px 15px}
.kespa-image-wait-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.kespa-image-wait-head strong{font-size:14px;color:#f1f1f4}
.kespa-image-wait-head span{font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#bdbdc8;border:1px solid #303039;background:#17171d;padding:5px 7px;border-radius:999px}
.kespa-image-wait-copy .thinking-text{font-size:12px;color:#aaaab4}
.kespa-image-wait-copy small{display:block;margin-top:5px;color:#666671;font-size:10px;line-height:1.45}
@keyframes kespaImageShimmer{0%{transform:translateX(-115%)}55%,100%{transform:translateX(115%)}}
@keyframes kespaImageOrb{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes kespaImageLogo{0%,100%{transform:scale(.96);opacity:.86}50%{transform:scale(1.04);opacity:1}}
@keyframes kespaImageGrid{0%{background-position:0 0,0 0}100%{background-position:0 52px,52px 0}}
@media(max-width:700px){
  .kespa-image-wait-card{width:calc(100vw - 76px)}
  .kespa-image-wait-visual{height:145px}
}
@media(prefers-reduced-motion:reduce){
  .kespa-image-wait-grid,.kespa-image-wait-orb,.kespa-image-wait-visual img,.kespa-image-wait-shimmer{animation:none!important}
}

/* KESPA Image Progress v1 - animated matrix renderer */
.kespa-image-wait-visual{
  height:260px;
  background:#030408;
  isolation:isolate;
}
.kespa-image-matrix,
.kespa-image-matrix-wave{
  position:absolute;
  inset:-12%;
  pointer-events:none;
  transform:translateZ(0);
}
.kespa-image-matrix{
  opacity:.92;
  background-image:radial-gradient(circle,rgba(51,132,255,.95) 0 2.2px,transparent 2.7px);
  background-size:31px 31px;
  background-position:0 0;
  -webkit-mask-image:radial-gradient(ellipse 76% 68% at 43% 63%,#000 0 35%,rgba(0,0,0,.92) 49%,rgba(0,0,0,.45) 67%,transparent 86%);
  mask-image:radial-gradient(ellipse 76% 68% at 43% 63%,#000 0 35%,rgba(0,0,0,.92) 49%,rgba(0,0,0,.45) 67%,transparent 86%);
  animation:kespaMatrixDrift 8s linear infinite,kespaMatrixPulse 3.4s ease-in-out infinite;
}
.kespa-image-matrix-wave{
  opacity:.72;
  background-image:radial-gradient(circle,rgba(58,151,255,.95) 0 3.6px,transparent 4.2px);
  background-size:62px 62px;
  background-position:15px 12px;
  -webkit-mask-image:radial-gradient(ellipse 54% 46% at 46% 68%,#000 0 24%,rgba(0,0,0,.72) 57%,transparent 82%);
  mask-image:radial-gradient(ellipse 54% 46% at 46% 68%,#000 0 24%,rgba(0,0,0,.72) 57%,transparent 82%);
  filter:drop-shadow(0 0 9px rgba(25,111,255,.56));
  animation:kespaMatrixWave 4.8s ease-in-out infinite alternate;
}
.kespa-image-wait-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    radial-gradient(ellipse 54% 37% at 42% 70%,rgba(29,108,255,.18),transparent 72%),
    linear-gradient(180deg,rgba(0,0,0,.28),transparent 32%,transparent 74%,rgba(0,0,0,.24));
  pointer-events:none;
}
.kespa-image-wait-scan{
  position:absolute;
  z-index:3;
  left:-18%;
  right:-18%;
  height:86px;
  top:-120px;
  opacity:.56;
  transform:skewY(-5deg);
  background:linear-gradient(180deg,transparent,rgba(48,139,255,.10),rgba(89,163,255,.22),rgba(48,139,255,.08),transparent);
  filter:blur(3px);
  animation:kespaMatrixScan 4.4s ease-in-out infinite;
}
.kespa-image-progress-badge{
  position:absolute;
  z-index:5;
  right:20px;
  bottom:18px;
  min-width:78px;
  padding:8px 15px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(49,49,54,.92);
  box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);
  color:#d7d7dd;
  font:500 19px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.04em;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.kespa-image-progress-track{
  height:3px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.kespa-image-progress-track>i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(53,125,255,.68),rgba(99,169,255,.96));
  box-shadow:0 0 12px rgba(52,124,255,.55);
  transition:width .22s linear;
}
@keyframes kespaMatrixDrift{
  0%{background-position:0 0}
  100%{background-position:31px 62px}
}
@keyframes kespaMatrixPulse{
  0%,100%{opacity:.62;filter:brightness(.82)}
  50%{opacity:1;filter:brightness(1.22)}
}
@keyframes kespaMatrixWave{
  0%{transform:translate3d(-2%,4%,0) scale(.96);opacity:.48}
  50%{transform:translate3d(3%,-1%,0) scale(1.05);opacity:.92}
  100%{transform:translate3d(-1%,-4%,0) scale(.99);opacity:.58}
}
@keyframes kespaMatrixScan{
  0%{top:-120px;opacity:0}
  18%{opacity:.54}
  72%{opacity:.42}
  100%{top:310px;opacity:0}
}
@media(max-width:700px){
  .kespa-image-wait-visual{height:210px}
  .kespa-image-progress-badge{right:14px;bottom:14px;min-width:66px;font-size:16px;padding:7px 12px 8px}
  .kespa-image-matrix{background-size:25px 25px}
  .kespa-image-matrix-wave{background-size:50px 50px}
}
@media(prefers-reduced-motion:reduce){
  .kespa-image-matrix,.kespa-image-matrix-wave,.kespa-image-wait-scan{animation:none!important}
}

.kespa-image-wait-visual.matrix-disabled .kespa-image-matrix,.kespa-image-wait-visual.matrix-disabled .kespa-image-matrix-wave,.kespa-image-wait-visual.matrix-disabled .kespa-image-wait-scan{display:none}
.kespa-image-wait-visual.matrix-disabled{background:radial-gradient(circle at 45% 62%,rgba(51,132,255,.12),transparent 52%),#030408}

/* ========================================================================== 
   KESPA Render Lattice v2
   Brand-native image generation progress UI.
   Palette: KESPA Red #990000 / KESPA Purple #4b4cb8 / Near Black #000001
   ========================================================================== */
.image-generation-thinking{align-items:flex-start!important}
.image-generation-thinking .bot-avatar{align-self:flex-start;margin-top:5px}
.kespa-image-wait-card[data-kespa-render-lattice="v3"]{
  --kespa-red:#990000;
  --kespa-purple:#4b4cb8;
  --kespa-black:#000001;
  width:min(760px,calc(100vw - 112px));
  overflow:hidden;
  border:1px solid rgba(108,109,183,.30);
  border-radius:22px;
  background:linear-gradient(180deg,#08080d 0%,var(--kespa-black) 100%);
  box-shadow:0 18px 52px rgba(0,0,0,.44),0 0 0 1px rgba(153,0,0,.05),inset 0 1px 0 rgba(255,255,255,.035);
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-visual{
  position:relative;
  height:260px;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 48% 62% at 18% 72%,rgba(153,0,0,.20),transparent 70%),
    radial-gradient(ellipse 48% 58% at 72% 38%,rgba(75,76,184,.27),transparent 72%),
    radial-gradient(circle at 50% 50%,rgba(75,76,184,.08),transparent 34%),
    var(--kespa-black);
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-wave,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-orbit,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-pulse,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-scan,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-glow{
  position:absolute;
  inset:-12%;
  pointer-events:none;
  transform:translateZ(0);
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix{
  opacity:.78;
  background-image:
    radial-gradient(circle,rgba(75,76,184,.95) 0 2.1px,transparent 2.75px),
    radial-gradient(circle,rgba(153,0,0,.55) 0 1.55px,transparent 2.15px);
  background-size:34px 34px,68px 68px;
  background-position:0 0,17px 17px;
  -webkit-mask-image:radial-gradient(ellipse 78% 68% at 48% 58%,#000 0 36%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.40) 73%,transparent 90%);
  mask-image:radial-gradient(ellipse 78% 68% at 48% 58%,#000 0 36%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.40) 73%,transparent 90%);
  animation:kespaLatticeDrift 9s linear infinite,kespaLatticeBreathe 3.8s ease-in-out infinite;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-wave{
  inset:-18%;
  opacity:.7;
  background:
    radial-gradient(circle at 24% 62%,rgba(153,0,0,.42) 0 3px,transparent 3.8px),
    radial-gradient(circle at 60% 46%,rgba(75,76,184,.68) 0 3.5px,transparent 4.4px),
    radial-gradient(circle at 82% 68%,rgba(153,0,0,.32) 0 2.7px,transparent 3.5px);
  background-size:86px 86px,72px 72px,104px 104px;
  filter:drop-shadow(0 0 8px rgba(75,76,184,.36));
  -webkit-mask-image:radial-gradient(ellipse 62% 58% at 48% 58%,#000 0 25%,rgba(0,0,0,.62) 66%,transparent 88%);
  mask-image:radial-gradient(ellipse 62% 58% at 48% 58%,#000 0 25%,rgba(0,0,0,.62) 66%,transparent 88%);
  animation:kespaLatticeWave 5.8s ease-in-out infinite alternate;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-orbit{
  inset:12% 18%;
  border:1px solid rgba(75,76,184,.16);
  border-radius:50%;
  box-shadow:0 0 46px rgba(75,76,184,.08),inset 0 0 40px rgba(153,0,0,.055);
  animation:kespaLatticeOrbit 7.4s linear infinite;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-orbit::before,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-orbit::before{
  width:7px;height:7px;left:12%;top:18%;
  background:#4b4cb8;
  box-shadow:0 0 18px rgba(75,76,184,.9);
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-orbit::after{
  width:6px;height:6px;right:16%;bottom:14%;
  background:#990000;
  box-shadow:0 0 18px rgba(153,0,0,.9);
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-pulse{
  inset:0;
  background:
    repeating-radial-gradient(circle at 50% 50%,transparent 0 28px,rgba(75,76,184,.06) 29px 30px,transparent 31px 58px),
    radial-gradient(circle at 50% 50%,rgba(153,0,0,.10),transparent 22%);
  animation:kespaLatticePulse 3.6s ease-in-out infinite;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-scan{
  inset:-22% -30%;
  z-index:3;
  opacity:.55;
  transform:translateX(-68%) rotate(-13deg);
  background:linear-gradient(90deg,transparent 34%,rgba(75,76,184,.05) 42%,rgba(75,76,184,.34) 49%,rgba(153,0,0,.30) 52%,rgba(75,76,184,.06) 59%,transparent 67%);
  filter:blur(1.5px);
  animation:kespaLatticeScan 4.1s cubic-bezier(.45,.05,.3,1) infinite;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-glow{
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg,rgba(0,0,1,.18),transparent 22%,transparent 74%,rgba(0,0,1,.58)),
    radial-gradient(ellipse 38% 28% at 50% 58%,rgba(75,76,184,.11),transparent 74%);
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core{
  position:absolute;
  z-index:4;
  left:50%;top:50%;
  width:68px;height:68px;
  transform:translate(-50%,-50%) rotate(45deg);
  border:1px solid rgba(75,76,184,.38);
  border-radius:18px;
  background:rgba(0,0,1,.50);
  box-shadow:0 0 38px rgba(75,76,184,.22),inset 0 0 28px rgba(153,0,0,.11);
  animation:kespaCoreFloat 3.2s ease-in-out infinite;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core::before,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core::after,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core span,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core i{
  content:"";
  position:absolute;
  border-radius:50%;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core::before{width:13px;height:13px;left:10px;top:10px;background:#990000;box-shadow:0 0 15px rgba(153,0,0,.85)}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core::after{width:13px;height:13px;right:10px;bottom:10px;background:#4b4cb8;box-shadow:0 0 15px rgba(75,76,184,.9)}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core span{width:8px;height:8px;right:12px;top:12px;background:rgba(255,255,255,.75)}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core i{width:8px;height:8px;left:12px;bottom:12px;background:rgba(255,255,255,.45)}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-progress-badge{
  z-index:6;
  right:20px;
  bottom:18px;
  min-width:82px;
  padding:9px 14px 10px;
  border:1px solid rgba(75,76,184,.28);
  background:rgba(9,9,15,.86);
  color:#ececf6;
  box-shadow:0 9px 26px rgba(0,0,0,.36),0 0 18px rgba(75,76,184,.10),inset 0 1px 0 rgba(255,255,255,.045);
  font:650 18px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-copy{
  padding:17px 19px 17px;
  border-top:1px solid rgba(75,76,184,.14);
  background:linear-gradient(180deg,rgba(13,13,20,.98),rgba(5,5,9,.99));
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-head{margin-bottom:8px}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-head strong{font-size:15px;color:#f3f3f8}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-head span{color:#d8d8e9;border-color:rgba(75,76,184,.26);background:rgba(75,76,184,.10)}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .thinking-text{font-size:12px;color:#b8b8c8}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-progress-track{height:4px;margin-top:11px;background:rgba(255,255,255,.065)}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-progress-track>i{
  background:linear-gradient(90deg,#990000 0%,#7d214c 34%,#4b4cb8 72%,#7778d0 100%);
  box-shadow:0 0 14px rgba(75,76,184,.45),0 0 8px rgba(153,0,0,.22);
  transition:width .18s linear;
}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-copy small{margin-top:6px;color:#737382;font-size:10px}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled .kespa-image-matrix,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled .kespa-image-matrix-wave,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled .kespa-image-matrix-orbit,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled .kespa-image-matrix-pulse,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled .kespa-image-wait-scan,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled .kespa-image-wait-glow,
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled .kespa-image-core{display:none!important}
.kespa-image-wait-card[data-kespa-render-lattice="v3"] .matrix-disabled{background:radial-gradient(circle at 50% 50%,rgba(75,76,184,.12),transparent 46%),#000001}
@keyframes kespaLatticeDrift{0%{background-position:0 0,17px 17px}100%{background-position:34px 68px,85px 51px}}
@keyframes kespaLatticeBreathe{0%,100%{opacity:.55;filter:brightness(.82)}50%{opacity:.92;filter:brightness(1.14)}}
@keyframes kespaLatticeWave{0%{transform:translate3d(-3%,4%,0) scale(.96);opacity:.44}50%{transform:translate3d(2%,-1%,0) scale(1.04);opacity:.82}100%{transform:translate3d(-1%,-4%,0) scale(.99);opacity:.54}}
@keyframes kespaLatticeOrbit{0%{transform:rotate(0deg) scale(.92);opacity:.34}50%{transform:rotate(180deg) scale(1.04);opacity:.68}100%{transform:rotate(360deg) scale(.92);opacity:.34}}
@keyframes kespaLatticePulse{0%,100%{transform:scale(.92);opacity:.32}50%{transform:scale(1.07);opacity:.72}}
@keyframes kespaLatticeScan{0%{transform:translateX(-72%) rotate(-13deg);opacity:0}15%{opacity:.55}72%{opacity:.48}100%{transform:translateX(72%) rotate(-13deg);opacity:0}}
@keyframes kespaCoreFloat{0%,100%{transform:translate(-50%,-50%) rotate(45deg) scale(.92);opacity:.72}50%{transform:translate(-50%,-50%) rotate(225deg) scale(1.05);opacity:1}}
@media(max-width:700px){
  .kespa-image-wait-card[data-kespa-render-lattice="v3"]{width:calc(100vw - 76px);border-radius:18px}
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-visual{height:210px}
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core{width:58px;height:58px;border-radius:15px}
}
@media(prefers-reduced-motion:reduce){
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix,
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-wave,
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-orbit,
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-matrix-pulse,
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-wait-scan,
  .kespa-image-wait-card[data-kespa-render-lattice="v3"] .kespa-image-core{animation:none!important}
}


/* KESPA desktop render-lattice visibility guard v3.1
   The desktop shell has accumulated several responsive layout layers. Keep the
   active image worker row in the standard assistant message geometry so it
   cannot collapse or disappear while a synchronous image request is running. */
#thinking-indicator[data-kespa-thinking="image"]{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:318px;
  align-items:flex-start!important;
  overflow:visible!important;
}
#thinking-indicator[data-kespa-thinking="image"]>.bot-avatar{
  display:grid!important;
  flex:0 0 30px;
}
#thinking-indicator[data-kespa-thinking="image"]>.kespa-image-thinking-body{
  display:block!important;
  flex:1 1 auto;
  min-width:0;
  width:calc(100% - 42px);
  max-width:760px;
  overflow:visible!important;
}
#thinking-indicator[data-kespa-thinking="image"] .kespa-image-wait-card[data-kespa-render-lattice="v3"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%;
  max-width:760px;
}
@media(max-width:800px){
  #thinking-indicator[data-kespa-thinking="image"]{
    min-height:266px;
  }
  #thinking-indicator[data-kespa-thinking="image"]>.kespa-image-thinking-body{
    width:calc(100% - 40px);
    max-width:none;
  }
  #thinking-indicator[data-kespa-thinking="image"] .kespa-image-wait-card[data-kespa-render-lattice="v3"]{
    width:100%;
    max-width:none;
  }
}

/* KESPA v6.7 chat polish: contain pasted URLs + compact evidence chips. */
.msg.user{max-width:min(88%,860px);min-width:0;overflow:hidden}
.msg.user .msg-body{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.msg.user .msg-body a{display:inline;max-width:100%;overflow-wrap:anywhere;word-break:break-all}
.assistant-content{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.assistant-content a:not(.kespa-citation-pill){overflow-wrap:anywhere;word-break:break-word}
.assistant-content .kespa-citation-pill{display:inline-flex;align-items:center;vertical-align:.08em;margin:0 .13em;padding:2px 6px;border:1px solid rgba(90,91,200,.48);border-radius:999px;background:rgba(75,76,184,.14);color:#c6c7ff!important;text-decoration:none!important;font:800 9px/1.25 'JetBrains Mono',monospace;letter-spacing:.035em;white-space:nowrap}
.assistant-content .kespa-citation-pill:hover{background:rgba(75,76,184,.25);border-color:rgba(126,127,232,.68);color:#fff!important}
.kespa-web-sources{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 13px;padding-top:3px}
.kespa-web-source-chip{display:inline-flex;align-items:center;min-width:0;max-width:min(100%,330px);gap:7px;padding:6px 9px;border:1px solid rgba(75,76,184,.26);border-radius:9px;background:rgba(75,76,184,.055);color:#a8a9b8;text-decoration:none!important;transition:border-color .16s ease,background .16s ease,color .16s ease}
.kespa-web-source-chip:hover{border-color:rgba(75,76,184,.55);background:rgba(75,76,184,.11);color:#ececf8}
.kespa-web-source-chip span{flex:0 0 auto;color:#999bff;font:800 8px/1 'JetBrains Mono',monospace;letter-spacing:.06em}
.kespa-web-source-chip b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650}
@media(max-width:800px){.msg.user{max-width:92%}.kespa-web-source-chip{max-width:100%}}


/* KESPA v6.7 conversation/source polish. Keep pasted URLs contained and make web evidence quieter. */
.msg.user{max-width:min(78%,820px);min-width:0;overflow:hidden}
.msg.user .msg-body{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.msg.user .kespa-user-compact-link{display:inline-flex;max-width:100%;padding:2px 7px;border:1px solid rgba(75,76,184,.22);border-radius:7px;background:rgba(75,76,184,.06);color:#b9baff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.msg.assistant .msg-body{min-width:0;max-width:min(100%,980px)}
.assistant-content{font-size:15px;line-height:1.7}
.kespa-web-sources{align-items:center;border-top:1px solid rgba(255,255,255,.055);padding-top:10px;margin-top:13px}
.kespa-web-sources-label{flex:0 0 auto;color:#686978;font:800 8px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin-right:2px}
.kespa-web-source-chip{max-width:min(100%,300px);background:rgba(75,76,184,.045);border-color:rgba(75,76,184,.22)}
.kespa-web-source-chip span{color:#a1a3ff}
@media(max-width:800px){.msg.user{max-width:88%}.msg.assistant .msg-body{max-width:100%}.kespa-web-sources-label{width:100%;margin-bottom:1px}}


/* KESPA v6.8 chat polish: compact citations + bounded user content. */
.kespa-web-sources{gap:8px!important;padding-top:12px!important}
.kespa-web-source-chip{min-height:34px!important;border-radius:10px!important;padding:6px 10px 6px 7px!important;background:#0d0d13!important;border-color:rgba(75,76,184,.34)!important;box-shadow:none!important}
.kespa-web-source-chip:hover{background:rgba(75,76,184,.12)!important;border-color:rgba(75,76,184,.62)!important}
.kespa-web-source-chip span{display:grid!important;width:20px!important;height:20px!important;place-items:center!important;border-radius:6px!important;background:#4b4cb8!important;color:#fff!important;font:800 9px/1 'JetBrains Mono',monospace!important;letter-spacing:0!important}
.kespa-web-source-chip b{font-size:10.5px!important;color:#bdbdca!important}
.kespa-web-sources-label{color:#747582!important;letter-spacing:.075em!important}
.assistant-content a[href].kespa-citation-pill,.assistant-content a[href]:has(> .kespa-citation-pill){text-decoration:none!important}
.msg.user .msg-body,.msg.user .message-content{max-width:min(760px,78vw)!important;overflow:hidden!important}
.msg.user .msg-body a,.msg.user .message-content a,.msg.user .msg-body code,.msg.user .message-content code{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:800px){.msg.user .msg-body,.msg.user .message-content{max-width:88vw!important}.kespa-web-source-chip{max-width:100%!important}}

/* -------------------------------------------------------------------------
   KESPA Image Source Routing v11 - visible reply/edit lineage
   ------------------------------------------------------------------------- */
.kespa-image-source-quote{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:0 0 9px;
  padding:8px 10px;
  border:1px solid rgba(143,143,255,.22);
  border-left:3px solid rgba(143,143,255,.72);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(90,84,196,.10),rgba(153,0,0,.045));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.kespa-image-source-quote img{
  width:46px;
  height:46px;
  display:block;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:#07070a;
}
.kespa-image-source-quote-copy{display:grid;gap:4px;min-width:0}
.kespa-image-source-quote-copy strong{
  color:#c8c6ff;
  font-size:10px;
  font-weight:800;
  line-height:1.25;
}
.kespa-image-source-quote-copy span{
  overflow:hidden;
  color:#777783;
  font:650 8.5px/1.3 'JetBrains Mono',monospace;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.msg.user .user-message-content{min-width:0}
@media(max-width:620px){
  .kespa-image-source-quote{grid-template-columns:40px minmax(0,1fr);padding:7px 8px}
  .kespa-image-source-quote img{width:40px;height:40px}
}

/* KESPA response preferences */
.settings-response-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.settings-response-choice{
  grid-template-columns:minmax(0,1fr) minmax(150px,210px)!important;
  align-items:center;
  gap:14px!important;
  padding:13px;
  border:1px solid #202027;
  border-radius:12px;
  background:#0a0a0e;
}
.settings-response-choice>span{display:grid;gap:4px;min-width:0}
.settings-response-choice strong{color:#d8d8df;font-size:11.5px}
.settings-response-choice small{color:#70707b;font-size:9.5px;line-height:1.45;font-weight:500}
.settings-response-choice select{margin:0}
@media (max-width:900px){.settings-response-grid{grid-template-columns:1fr}}
@media (max-width:560px){.settings-response-choice{grid-template-columns:1fr!important}}

/* KESPA response preferences v2 */
.settings-response-adaptive{margin-top:12px}
.settings-learned-preferences{display:grid;gap:10px;margin-top:14px;padding:13px;border:1px solid #1f1f27;border-radius:12px;background:#09090d}
.settings-learned-preferences>div:first-child{display:grid;gap:4px}
.settings-learned-preferences strong{color:#d8d8df;font-size:11.5px}
.settings-learned-preferences small{color:#70707b;font-size:9.5px;line-height:1.5}
.settings-learned-chips{display:flex;flex-wrap:wrap;gap:7px}
.settings-learned-chips span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #2a2a34;border-radius:999px;background:#111117;color:#aaaab7;font-size:9px;font-weight:700}
.settings-inline-reset{margin:0}
.settings-inline-reset .settings-secondary{width:auto}

/* KESPA Platform V2.03: Temporary Chat + auditable context drawer */
.temporary-chat-btn.active{background:rgba(153,0,0,.16)!important;border-color:rgba(255,84,84,.45)!important;color:#ffb3b3!important}
.kespa-temporary-chat-notice{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-top:8px;border:1px solid rgba(255,84,84,.25);background:rgba(153,0,0,.08);border-radius:12px;font-size:12px;color:#c9c9d2}
.kespa-temporary-chat-notice.hidden{display:none}
.kespa-temporary-chat-notice strong{color:#ffb3b3;white-space:nowrap}.kespa-temporary-chat-notice span{line-height:1.4}
.kespa-context-used{margin-top:10px;border:1px solid rgba(110,111,195,.18);background:rgba(75,76,184,.04);border-radius:12px;overflow:hidden}
.kespa-context-used summary{cursor:pointer;list-style:none;padding:9px 12px;color:#aeb0ff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between}
.kespa-context-used summary::-webkit-details-marker{display:none}.kespa-context-used summary::after{content:'▾';opacity:.6}.kespa-context-used[open] summary::after{transform:rotate(180deg)}
.kespa-context-used-body{border-top:1px solid rgba(110,111,195,.14);padding:8px 12px 10px;display:grid;gap:7px}
.kespa-context-used-body>div{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:10px;font-size:12px}.kespa-context-used-body strong{color:#dedff8}.kespa-context-used-body span{color:#a6a7b3;overflow-wrap:anywhere}.kespa-context-used-body small{color:#727380;font-size:11px;line-height:1.4}
.settings-data-actions{display:grid;gap:14px}.settings-delete-request{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.settings-delete-request label{display:grid;gap:6px}.settings-delete-request input{max-width:360px}
@media(max-width:700px){.kespa-temporary-chat-notice{align-items:flex-start;flex-direction:column;gap:3px}.kespa-context-used-body>div{grid-template-columns:1fr;gap:2px}}

/* ========================================================================
   KESPA Frontend TLC Lock-In 2026-09-29
   ======================================================================== */
:root{--kespa-action:#4b4cb8;--kespa-action-hover:#5b5dcc;--kespa-action-soft:rgba(75,76,184,.12);--kespa-action-line:rgba(105,107,224,.44)}
.settings-primary,.settings-secondary,.settings-mini.primary,.kespa-library-primary{
  border-color:var(--kespa-action-line)!important;
  background:var(--kespa-action)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}
.settings-primary:hover,.settings-secondary:hover,.settings-mini.primary:hover,.kespa-library-primary:hover{background:var(--kespa-action-hover)!important}
.settings-danger,.settings-mini.danger{background:rgba(239,68,68,.07)!important;border-color:rgba(239,68,68,.24)!important;color:#ec8d93!important}
.composer-icon-btn.active,.kespa-image-lightbox-actions .kespa-image-edit-action{
  border-color:var(--kespa-action-line)!important;
  background:var(--kespa-action)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}
.settings-card{background:#0b0b10!important}
.settings-check,.settings-memory-item,.settings-file-item,.settings-learned-preferences{background:#09090d!important}
.settings-nav a:hover,.settings-nav a:focus{background:var(--kespa-action-soft);color:#e7e8ff}
.settings-form input:focus,.settings-form textarea:focus,.settings-memory-add textarea:focus,.settings-response-choice select:focus{border-color:var(--kespa-action-line)!important;box-shadow:0 0 0 3px rgba(75,76,184,.10)!important}

/* KESPA account data controls + bounded private-file library */
.settings-data-card .settings-note{border-bottom:1px solid #17171d}
.settings-data-grid{display:grid;padding:0 20px}
.settings-data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #191920}
.settings-data-row>div{display:grid;gap:5px;min-width:0}
.settings-data-row strong{color:#e1e1e7;font-size:12px}
.settings-data-row span{max-width:700px;color:#777783;font-size:10.5px;line-height:1.55}
.settings-data-row form{margin:0}
.settings-data-row-danger{margin:0 -20px;padding:17px 20px;border-bottom:0;background:rgba(239,68,68,.025)}
.settings-account-danger{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:18px 20px 20px;padding:16px;border:1px solid rgba(239,68,68,.18);border-radius:13px;background:rgba(239,68,68,.035)}
.settings-account-danger>div{display:grid;gap:5px}
.settings-account-danger>div>span{color:#b97076;font:800 8px/1 'JetBrains Mono',monospace;letter-spacing:.11em}
.settings-account-danger strong{color:#e7d5d7;font-size:12px}
.settings-account-danger p{max-width:760px;margin:0;color:#816f73;font-size:10.5px;line-height:1.55}

.settings-file-controls{display:grid;grid-template-columns:minmax(240px,1fr) minmax(150px,210px) minmax(110px,140px);gap:10px;padding:14px 20px;border-bottom:1px solid #17171d;background:#09090d}
.settings-file-controls label{display:grid;gap:6px}
.settings-file-controls label>span{color:#666672;font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase}
.settings-file-controls input,.settings-file-controls select{width:100%;min-height:38px;padding:0 11px;border:1px solid #292933;border-radius:9px;background:#0f0f14;color:#ddd;outline:none;font:600 10.5px/1 Inter,sans-serif}
.settings-file-controls input:focus,.settings-file-controls select:focus{border-color:var(--kespa-action-line);box-shadow:0 0 0 3px rgba(75,76,184,.09)}
.settings-file-viewport{max-height:620px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#343444 #0b0b10}
.settings-file-list{padding-bottom:18px}
.settings-file-pagination{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 20px;border-top:1px solid #17171d;background:#09090d}
.settings-file-pagination span{color:#73737e;font:700 9px/1.4 'JetBrains Mono',monospace;text-align:center}
.settings-file-pagination button:disabled{opacity:.35;cursor:not-allowed}
.settings-file-actions .settings-mini.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

body.settings-modal-open{overflow:hidden!important}
.settings-modal[hidden]{display:none!important}
.settings-modal{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px}
.settings-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.settings-modal-dialog{position:relative;z-index:1;width:min(500px,100%);padding:22px;border:1px solid #2a2a34;border-radius:17px;background:#0c0c11;box-shadow:0 30px 100px rgba(0,0,0,.65)}
.settings-modal-danger{border-color:rgba(239,68,68,.25)}
.settings-modal-close{position:absolute;top:12px;right:12px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #2b2b35;border-radius:8px;background:#111117;color:#8b8b96;cursor:pointer;font-size:19px;line-height:1}
.settings-modal-eyebrow{display:block;margin-bottom:8px;color:#7f80d9;font:800 8px/1 'JetBrains Mono',monospace;letter-spacing:.12em}
.settings-modal-dialog h2{margin:0 38px 8px 0;color:#f0f0f4;font-size:20px;letter-spacing:-.4px}
.settings-modal-dialog>p{margin:0 0 18px;color:#84848f;font-size:11px;line-height:1.6}
.settings-modal-confirm{display:grid;gap:7px;color:#83838e;font-size:10px}
.settings-modal-confirm strong{color:#d9d9e0;font-family:'JetBrains Mono',monospace}
.settings-modal-confirm input{width:100%;box-sizing:border-box;min-height:42px;padding:0 12px;border:1px solid #30303a;border-radius:10px;background:#08080c;color:#eee;outline:none;font:700 11px/1 'JetBrains Mono',monospace}
.settings-modal-confirm input:focus{border-color:var(--kespa-action-line);box-shadow:0 0 0 3px rgba(75,76,184,.1)}
.settings-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.settings-modal-actions .settings-primary,.settings-modal-actions .settings-secondary,.settings-modal-actions .settings-danger{min-width:110px;justify-content:center}

@media(max-width:760px){
  .settings-data-row,.settings-account-danger{grid-template-columns:1fr;align-items:start}
  .settings-data-row button,.settings-data-row form .settings-primary,.settings-account-danger button{width:100%}
  .settings-file-controls{grid-template-columns:1fr 1fr}
  .settings-file-search{grid-column:1/-1}
  .settings-file-viewport{max-height:520px}
}
@media(max-width:520px){
  .settings-file-controls{grid-template-columns:1fr}
  .settings-file-search{grid-column:auto}
  .settings-file-pagination{grid-template-columns:1fr 1fr}.settings-file-pagination span{grid-column:1/-1;grid-row:1}
  .settings-modal-actions{display:grid;grid-template-columns:1fr 1fr}.settings-modal-actions>*{width:100%!important}
}

/* Profile/account polish */
body.profile-page .profile-save-button{border-color:var(--kespa-action-line)!important;background:var(--kespa-action)!important;color:#fff!important}
body.profile-page .profile-save-button:hover{border-color:rgba(121,123,238,.7)!important;background:var(--kespa-action-hover)!important}
.profile-quick-actions{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 18px}
.profile-quick-actions a{min-height:34px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid var(--kespa-action-line);border-radius:9px;background:var(--kespa-action);color:#fff;text-decoration:none;font-size:9.5px;font-weight:800}
.profile-quick-actions a:hover{background:var(--kespa-action-hover)}
body.leaderboard-page .leaderboard-period.active,
body.leaderboard-page .leaderboard-sort.active{border-color:var(--kespa-action-line)!important;background:var(--kespa-action)!important;color:#fff!important}
@media(max-width:620px){.profile-quick-actions a{flex:1 1 calc(50% - 7px);justify-content:center}}

/* KESPA V2.06 local compute/media studio */
.generated-media-card{margin-top:12px;border:1px solid rgba(75,76,184,.30);border-radius:18px;overflow:hidden;background:#08080d}.generated-media-card video,.generated-media-card img{display:block;width:100%;max-height:min(68vh,760px);object-fit:contain;background:#020204}.generated-media-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px}.generated-media-actions a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(75,76,184,.38);border-radius:9px;background:#4b4cb8;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.generated-media-actions a:hover{background:#5c5dcc}.kespa-image-gen-panel#mediaGenPanel{border-color:rgba(75,76,184,.24)}
@media(max-width:760px){.generated-media-card{border-radius:14px}.generated-media-card video,.generated-media-card img{max-height:58dvh}.kespa-image-gen-panel#mediaGenPanel .kespa-image-gen-fields{grid-template-columns:1fr 1fr}.generated-media-actions{padding:8px}.generated-media-actions a{width:100%;justify-content:center}}
@media(max-width:460px){.kespa-image-gen-panel#mediaGenPanel .kespa-image-gen-fields{grid-template-columns:1fr}}

/* KESPA V2.06.7 active sessions */
.settings-session-list{display:grid;gap:9px;margin:14px 0}.settings-session{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018)}.settings-session.current{border-color:rgba(75,76,184,.35);background:rgba(75,76,184,.07)}.settings-session-dot{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#767687;background:#0e0e14}.settings-session.current .settings-session-dot{color:#aaaaff;border-color:rgba(75,76,184,.4)}.settings-session-copy{display:grid;gap:4px;min-width:0}.settings-session-copy>div{display:flex;align-items:center;gap:8px}.settings-session-copy strong{font-size:13px}.settings-session-copy span{padding:3px 6px;border:1px solid rgba(75,76,184,.35);border-radius:999px;color:#b1b2ff;font-size:9px;font-weight:800;letter-spacing:.07em}.settings-session-copy small{color:#777786;font-size:11px}.settings-session-actions{display:flex;justify-content:flex-end;margin-top:10px}@media(max-width:680px){.settings-session{grid-template-columns:34px minmax(0,1fr)}.settings-session>button{grid-column:2;justify-self:start}.settings-session-actions{justify-content:stretch}.settings-session-actions button{width:100%}}