:root{
  --mika-blue:#147cff;
  --mika-cyan:#59c7ff;
  --mika-navy:#071832;
  --mika-soft:#f4f8fd;
  --mika-border:#dce7f2;
  --mika-text:#16304c;
  --mika-muted:#7c8ca0;
}
.mika-page{direction:rtl;background:#fff;color:var(--mika-text)}
.mika-page *{box-sizing:border-box}
.mika-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-bottom:1px solid #e7eef6}
.mika-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(89,199,255,.12),transparent 35%),radial-gradient(circle at 85% 35%,rgba(20,124,255,.08),transparent 30%);pointer-events:none}
.mika-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:56px;min-height:620px;padding-top:52px;padding-bottom:52px}
.mika-hero-copy h1{font-size:58px;line-height:1.05;margin:12px 0 18px;letter-spacing:-.035em}.mika-hero-copy h1 span{color:var(--mika-blue)}
.mika-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#5f7390}.mika-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10)}
.mika-hero-text{font-size:18px;line-height:1.9;color:#5f7187;max-width:720px;margin:0}
.mika-hero-status{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:26px;padding:14px 15px;border:1px solid var(--mika-border);background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(20,124,255,.06)}
.mika-status-icon{width:42px;height:42px;display:grid;place-items:center;background:#eef6ff;color:var(--mika-blue);font-size:18px}.mika-hero-status strong,.mika-hero-status small{display:block}.mika-hero-status strong{font-size:13px}.mika-hero-status small{font-size:10px;color:var(--mika-muted);margin-top:3px}
.mika-status-pill{font-size:9px;font-weight:900;color:#147cff;background:#eef6ff;padding:7px 9px}
.mika-hero-actions{display:flex;gap:10px;margin-top:22px}.mika-btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:900;cursor:pointer}.mika-btn.primary{background:var(--mika-blue);color:#fff}.mika-btn.secondary{background:#fff;color:#21415f;border:1px solid var(--mika-border)}
.mika-hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#75869a;font-size:10px}.mika-hero-points i{color:#22c55e;margin-left:4px}
.mika-hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.mika-orbital{position:absolute;border:1px solid rgba(20,124,255,.10);border-radius:50%;pointer-events:none}.mika-orbital-a{width:500px;height:210px;transform:rotate(-18deg)}.mika-orbital-b{width:500px;height:210px;transform:rotate(22deg)}
.mika-character-card{position:relative;width:min(390px,90%);z-index:2}.mika-character-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(7,24,50,.14))}
.mika-character-badge{position:absolute;right:20px;bottom:30px;background:#fff;border:1px solid var(--mika-border);padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:900;box-shadow:0 10px 24px rgba(7,24,50,.08)}.mika-character-badge i{width:7px;height:7px;border-radius:50%;background:#22c55e}
.mika-floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);border:1px solid var(--mika-border);box-shadow:0 12px 26px rgba(7,24,50,.08);padding:10px 12px;display:flex;align-items:center;gap:10px;min-width:150px}.mika-floating-card>i{width:34px;height:34px;display:grid;place-items:center;background:#eef6ff;color:var(--mika-blue)}.mika-floating-card span{display:flex;flex-direction:column}.mika-floating-card small{font-size:8px;color:#8a98aa}.mika-floating-card strong{font-size:10px}.card-a{left:0;top:22%}.card-b{right:0;bottom:18%}
.mika-main{padding-top:30px;padding-bottom:70px}.mika-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--mika-border);background:#fff;margin-bottom:14px}.mika-quick-actions button{border:0;border-left:1px solid #e7eef6;background:#fff;padding:18px 16px;display:flex;align-items:center;gap:11px;text-align:right;cursor:pointer}.mika-quick-actions button:last-child{border-left:0}.mika-quick-actions i{width:38px;height:38px;display:grid;place-items:center;background:#eef6ff;color:var(--mika-blue);font-size:16px}.mika-quick-actions span{display:flex;flex-direction:column}.mika-quick-actions strong{font-size:11px}.mika-quick-actions small{font-size:9px;color:var(--mika-muted);margin-top:2px}
.mika-chat-shell{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--mika-border);background:#fff;box-shadow:0 18px 40px rgba(7,24,50,.05)}
.mika-chat-sidebar{border-left:1px solid #e3ebf4;background:linear-gradient(180deg,#f1f8ff,#fbfdff);padding:28px 18px;display:flex;flex-direction:column;align-items:center;text-align:center}.mika-avatar{width:84px;height:84px;border-radius:50%;background:#fff;border:1px solid #d3e5f6;display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 24px rgba(20,124,255,.10)}.mika-avatar img{width:100%;height:100%;object-fit:cover}.mika-chat-sidebar>strong{font-size:18px;margin-top:10px}.mika-chat-sidebar>small{font-size:10px;color:var(--mika-muted);margin-top:2px}
.mika-side-state{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:9px;color:#55708a}.mika-side-state i{width:6px;height:6px;border-radius:50%;background:#22c55e}.mika-side-divider{width:100%;height:1px;background:#dfeaf4;margin:22px 0}.mika-side-info{width:100%;display:grid;gap:10px}.mika-side-info div{display:flex;justify-content:space-between;font-size:9px}.mika-side-info span{color:#8291a3}.mika-side-info strong{color:#2e4963}
.mika-chat-main{padding:24px;min-width:0}.mika-chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #edf2f7}.mika-chat-header small{font-size:9px;font-weight:900;color:#147cff;letter-spacing:.08em}.mika-chat-header h2{font-size:24px;margin:3px 0 3px}.mika-chat-header p{margin:0;color:#8290a3;font-size:10px}.mika-new-chat{border:1px solid var(--mika-border);background:#fff;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;cursor:pointer;color:#52657a}
.mika-conversation{min-height:250px;max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:11px;padding:18px 2px 10px}.mika-message{max-width:min(720px,88%);padding:12px 14px;border:1px solid #dce7f2;background:#f5f9fd;line-height:1.65;font-size:13px}.mika-message.user{align-self:flex-end;background:#147cff;color:#fff;border-color:#147cff}.mika-message.assistant{align-self:flex-start}.mika-message p{margin:0}.mika-message-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:4px}.mika-message-meta span{font-size:9px;font-weight:900;color:#147cff}.mika-message.user .mika-message-meta span{color:#e8f2ff}.mika-message-meta small{font-size:8px;opacity:.55}
.mika-thinking{display:flex;align-items:center;gap:4px;color:#708198;font-size:9px;margin:0 0 10px}.mika-thinking span{width:6px;height:6px;background:#147cff;border-radius:50%;animation:mikaDot 1s infinite ease-in-out}.mika-thinking span:nth-child(2){animation-delay:.15s}.mika-thinking span:nth-child(3){animation-delay:.3s}.mika-thinking small{margin-right:5px}@keyframes mikaDot{0%,80%,100%{transform:scale(.65);opacity:.4}40%{transform:scale(1);opacity:1}}
.mika-inline-prompts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.mika-inline-prompts button,.mf-mika-followups button{border:1px solid #d5e5f5;background:#fff;color:#34516d;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.mika-inline-prompts button:hover,.mf-mika-followups button:hover{border-color:#147cff;color:#147cff;background:#f8fbff}
.mika-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) 48px;border:1px solid #cfe0f1;background:#fff}.mika-input-wrap input{border:0;outline:0;padding:14px 15px;font:inherit;font-size:12px;background:transparent}.mika-input-wrap button{border:0;background:#147cff;color:#fff;font-size:16px;cursor:pointer}.mika-input-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;color:#8896a8;font-size:8px}.mika-input-foot i{color:#147cff;margin-left:4px}
.mika-login-gate{display:flex;align-items:center;gap:12px;background:#f6f9fd;border:1px solid #dce7f2;padding:13px}.mika-login-gate>i{color:#147cff}.mika-login-gate div{display:flex;flex-direction:column;flex:1}.mika-login-gate strong{font-size:11px}.mika-login-gate small{font-size:9px;color:#7f8ea0}.mika-login-gate a{background:#147cff;color:#fff;text-decoration:none;padding:8px 12px;font-size:10px;font-weight:900}
.mika-bottom-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:14px;margin-top:14px}.mika-panel{border:1px solid var(--mika-border);background:#fff}.mika-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #edf2f7}.mika-panel-head small{font-size:8px;color:#147cff;font-weight:900;letter-spacing:.08em}.mika-panel-head h3{margin:2px 0 0;font-size:17px}.mika-panel-head>button{width:34px;height:34px;border:0;background:#eef6ff;color:#147cff;cursor:pointer}.mika-panel-head>i{color:#147cff}
.mika-recommendations{padding:10px 18px 18px}.mika-loading,.mika-rec-empty{min-height:140px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7f8ea0;font-size:10px}.mf-mika-rec-item{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f7}.mf-mika-rec-item:last-child{border-bottom:0}.mf-mika-rec-cover{width:46px;height:46px;object-fit:cover;background:#edf3f9}.mf-mika-rec-copy{min-width:0}.mf-mika-rec-copy strong,.mf-mika-rec-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-mika-rec-copy strong{font-size:11px}.mf-mika-rec-copy small{font-size:9px;color:#8795a7;margin-top:2px}.mf-mika-rec-play{width:34px;height:34px;border:0;border-radius:50%;background:#eef6ff;color:#147cff;cursor:pointer}
.mika-dna{display:flex;justify-content:space-between;align-items:center;margin:16px 18px 10px;padding:15px;background:#f6faff;border:1px solid #dceafa}.mika-dna-score{display:flex;flex-direction:column}.mika-dna-score strong{font-size:26px;color:#147cff}.mika-dna-score small,.mika-dna-stage{font-size:9px;color:#7d8c9e}.mika-dna-list{padding:0 18px 18px;display:grid;gap:10px}.mika-dna-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f7}.mika-dna-list>div:last-child{border-bottom:0}.mika-dna-list i{width:34px;height:34px;display:grid;place-items:center;background:#eef6ff;color:#147cff}.mika-dna-list span{display:flex;flex-direction:column}.mika-dna-list small{font-size:8px;color:#8a98aa}.mika-dna-list strong{font-size:10px}
.mf-mika-followups{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 14px;padding-right:0}
.mf-mika-confirm-card{margin-top:9px;border:1px solid #cfe2f6;background:#fff;padding:10px}.mf-mika-confirm-card strong{display:block;font-size:11px}.mf-mika-confirm-card small{display:block;color:#75869b;font-size:9px;margin-top:3px}.mf-mika-confirm-actions{display:flex;gap:6px;margin-top:8px}.mf-mika-confirm-actions button{border:0;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}.mf-mika-confirm-yes{background:#147cff;color:#fff}.mf-mika-confirm-no{background:#edf2f7;color:#53657a}
.mf-mika-feedback{display:flex;gap:4px;margin-top:7px}.mf-mika-feedback button{width:24px;height:24px;border:1px solid #dce7f2;background:#fff;color:#8090a4;cursor:pointer;font-size:9px}.mf-mika-feedback button.is-active{color:#147cff;border-color:#147cff}
@media(max-width:980px){.mika-hero-grid{grid-template-columns:1fr;gap:10px}.mika-hero-copy{text-align:center}.mika-hero-text{margin-inline:auto}.mika-hero-actions,.mika-hero-points{justify-content:center}.mika-hero-visual{min-height:430px}.mika-quick-actions{grid-template-columns:1fr 1fr}.mika-quick-actions button:nth-child(2){border-left:0}.mika-bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){.mika-hero-grid{min-height:auto;padding-top:26px;padding-bottom:30px}.mika-hero-copy h1{font-size:38px}.mika-hero-text{font-size:14px;line-height:1.8}.mika-hero-status{grid-template-columns:36px minmax(0,1fr);text-align:right}.mika-status-pill{grid-column:1/-1;justify-self:start}.mika-hero-visual{min-height:330px}.mika-character-card{width:min(280px,72vw)}.mika-floating-card,.mika-orbital{display:none}.mika-quick-actions{grid-template-columns:1fr 1fr}.mika-quick-actions button{padding:13px 10px}.mika-quick-actions strong{font-size:10px}.mika-chat-shell{display:block}.mika-chat-sidebar{display:none}.mika-chat-main{padding:16px}.mika-chat-header h2{font-size:20px}.mika-new-chat span{display:none}.mika-conversation{min-height:220px;max-height:430px}.mika-message{max-width:94%;font-size:12px}.mika-bottom-grid{grid-template-columns:1fr}.mika-input-foot{display:block}.mika-input-foot span{display:block;margin-top:3px}}

/* ===== Mika Experience V2 — large visible milestone ===== */
.mika-live-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--mika-border);border-bottom:0;background:#071832;color:#fff}
.mika-live-item{display:flex;align-items:center;gap:11px;padding:13px 16px;border-left:1px solid rgba(255,255,255,.1)}
.mika-live-item:last-child{border-left:0}.mika-live-item>i{color:#59c7ff;font-size:15px}.mika-live-item span{display:flex;flex-direction:column}.mika-live-item small{font-size:8px;color:#90a4bd}.mika-live-item strong{font-size:10px;font-weight:800}
.mika-command-center{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;padding:26px 28px;margin-bottom:14px;border:1px solid var(--mika-border);background:linear-gradient(90deg,#f6faff,#fff)}
.mika-command-copy small,.mika-context-deck header small{font-size:8px;color:#147cff;font-weight:900;letter-spacing:.09em}.mika-command-copy h2{margin:4px 0 7px;font-size:25px}.mika-command-copy p{margin:0;color:#718298;font-size:11px;line-height:1.7}
.mika-command-examples{display:grid;gap:7px}.mika-command-examples button{border:1px solid #dce7f2;background:#fff;padding:11px 13px;text-align:right;color:#304b67;font:800 10px/1.5 inherit;cursor:pointer;transition:.18s}.mika-command-examples button:hover{border-color:#147cff;transform:translateX(-3px)}.mika-command-examples span{display:inline-grid;place-items:center;width:24px;height:24px;background:#eef6ff;color:#147cff;font-size:8px;margin-left:8px}
.mika-context-deck{margin-top:14px;border:1px solid var(--mika-border);background:#fff}.mika-context-deck>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #edf2f7}.mika-context-deck h3{font-size:16px;margin:2px 0 0}.mika-context-deck>header>span{font-size:8px;font-weight:900;color:#15803d;background:#effbf3;padding:6px 9px}
.mika-context-grid{display:grid;grid-template-columns:repeat(4,1fr)}.mika-context-grid>div{padding:16px;display:flex;align-items:center;gap:10px;border-left:1px solid #edf2f7}.mika-context-grid>div:last-child{border-left:0}.mika-context-grid i{width:35px;height:35px;display:grid;place-items:center;background:#eef6ff;color:#147cff}.mika-context-grid span{display:flex;flex-direction:column}.mika-context-grid small{font-size:8px;color:#8998aa}.mika-context-grid strong{font-size:9px}
.mika-character-card{animation:mikaFloat 5.5s ease-in-out infinite}.mika-character-image{transition:filter .25s,transform .25s}.mika-character-card.is-thinking .mika-character-image{transform:translateY(-3px) scale(1.012);filter:drop-shadow(0 27px 40px rgba(20,124,255,.22))}.mika-character-card.is-speaking .mika-character-image{animation:mikaSpeak 1.2s ease-in-out 2}
@keyframes mikaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mikaSpeak{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
.mika-message{animation:mikaMessageIn .24s ease-out both}@keyframes mikaMessageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:980px){.mika-command-center{grid-template-columns:1fr}.mika-context-grid{grid-template-columns:1fr 1fr}.mika-context-grid>div:nth-child(2){border-left:0}}
@media(max-width:760px){.mika-live-strip{grid-template-columns:1fr}.mika-live-item{border-left:0;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 13px}.mika-live-item:last-child{border-bottom:0}.mika-command-center{padding:18px 15px}.mika-command-copy h2{font-size:21px}.mika-context-grid{grid-template-columns:1fr}.mika-context-grid>div{border-left:0;border-bottom:1px solid #edf2f7}.mika-context-grid>div:last-child{border-bottom:0}}


/* =========================================================
   Mika Typography Major Pass
   Requested: slightly larger small text + everything bold.
========================================================= */
.mika-page,
.mika-page button,
.mika-page input,
.mika-page textarea,
.mika-page select{
    font-weight:700 !important;
}

.mika-page strong,
.mika-page h1,
.mika-page h2,
.mika-page h3,
.mika-page h4,
.mika-page .mika-btn,
.mika-page button{
    font-weight:900 !important;
}

/* Small text: raise readability across the whole Mika experience */
.mika-page small,
.mika-page .mika-eyebrow,
.mika-page .mika-status-pill,
.mika-page .mika-message-meta,
.mika-page .mika-input-foot,
.mika-page .mika-side-info,
.mika-page .mika-live-item small,
.mika-page .mika-command-copy small,
.mika-page .mika-context-deck header small,
.mika-page .mika-dna-list small,
.mika-page .mf-mika-rec-copy small{
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.55 !important;
}

.mika-page .mika-hero-status small,
.mika-page .mika-chat-header p,
.mika-page .mika-quick-actions small,
.mika-page .mika-chat-sidebar > small,
.mika-page .mika-login-gate small{
    font-size:12px !important;
    font-weight:800 !important;
}

.mika-page .mika-message{
    font-weight:800 !important;
}

.mika-page input::placeholder{
    font-weight:700 !important;
}

@media(max-width:760px){
    .mika-page small,
    .mika-page .mika-eyebrow,
    .mika-page .mika-status-pill,
    .mika-page .mika-message-meta,
    .mika-page .mika-input-foot{
        font-size:10px !important;
    }
}


/* =========================================================
   Mika Personal AI — Major UX + Typography
========================================================= */
.mika-personal-ai-block{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:24px;
    padding:26px 28px;
    margin:14px 0;
    border:1px solid #dce7f2;
    background:linear-gradient(135deg,#071832 0%,#0b2347 100%);
    color:#fff;
}
.mika-personal-ai-copy small{
    color:#59c7ff !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.08em;
}
.mika-personal-ai-copy h2{
    margin:5px 0 8px;
    font-size:26px;
    font-weight:900 !important;
}
.mika-personal-ai-copy p{
    margin:0;
    color:#c7d8ea;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.8;
}
.mika-personal-ai-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.mika-personal-ai-features>div{
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
}
.mika-personal-ai-features i{
    width:38px;height:38px;
    display:grid;place-items:center;
    background:rgba(89,199,255,.10);
    color:#59c7ff;
}
.mika-personal-ai-features span{display:flex;flex-direction:column}
.mika-personal-ai-features strong{font-size:12px;font-weight:900}
.mika-personal-ai-features small{font-size:11px !important;font-weight:800 !important;color:#9fb2c7}

/* requested typography pass — slightly larger and bold everywhere */
.mika-page,
.mika-page *{
    font-weight:700;
}
.mika-page h1,
.mika-page h2,
.mika-page h3,
.mika-page h4,
.mika-page strong,
.mika-page button,
.mika-page .mika-btn{
    font-weight:900 !important;
}
.mika-page small{
    font-size:11px !important;
    font-weight:800 !important;
}
.mika-page p,
.mika-page input,
.mika-page .mika-message{
    font-weight:800 !important;
}
.mika-page input{
    font-size:13px !important;
}
.mika-page input::placeholder{
    font-weight:800 !important;
    color:#8a98aa;
}

@media(max-width:760px){
    .mika-personal-ai-block{grid-template-columns:1fr;padding:20px 15px}
    .mika-personal-ai-features{grid-template-columns:1fr}
    .mika-personal-ai-copy h2{font-size:22px}
    .mika-page small{font-size:10.5px !important}
}