:root{color:#f8efe1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0d1422;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0;overflow-x:hidden}button,select,textarea{font:inherit}button{cursor:pointer}.rtl{font-family:Inter,Noto Naskh Arabic,Geeza Pro,Tahoma,system-ui,sans-serif}.app-shell{background:radial-gradient(circle at 50% -8%,#dfb15e38,#0000 34%),linear-gradient(135deg,#09111f,#14233b 48%,#0c1727);place-items:center;min-height:100svh;padding:18px;display:grid;position:relative;overflow:hidden}.theme-sumiya{background:radial-gradient(circle at 50% -10%,#ac8bcd52,#0000 35%),linear-gradient(135deg,#172039,#29405a 48%,#18273f)}.theme-family{background:radial-gradient(circle at 45% -10%,#a6c4c438,#0000 34%),linear-gradient(135deg,#101923,#243342 55%,#17222e)}.background-art{pointer-events:none;position:absolute;inset:0}.glow{filter:blur(24px);opacity:.55;border-radius:999px;position:absolute}.glow-one{background:#bd8f45;width:240px;height:240px;top:7%;left:-80px}.glow-two{background:#6ca5b6;width:240px;height:240px;bottom:10%;right:-70px}.theme-sumiya .glow-one{background:#b98ad8}.theme-sumiya .glow-two{background:#78c2c0}.bg-star{color:#ffecbeb8;font-size:18px;position:absolute}.s1{top:18%;left:18%}.s2{top:12%;right:22%}.s3{bottom:22%;right:14%}.bg-arch{background:linear-gradient(#ffffff0a,#fff0);border:1px solid #ffffff14;border-radius:260px 260px 0 0;width:520px;height:250px;position:absolute;bottom:-90px;left:50%;transform:translate(-50%)}.phone-shell{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f1828db,#0b111de6);border:1px solid #ffffff1f;border-radius:34px;flex-direction:column;width:min(100%,430px);height:min(860px,100svh - 24px);min-height:620px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000007a}.theme-sumiya .phone-shell{background:linear-gradient(#262a46db,#161c31eb)}.theme-family .phone-shell{background:linear-gradient(#161f29e0,#0f171feb)}.welcome-shell{justify-content:flex-start;gap:18px;height:auto;min-height:min(780px,100svh - 24px);padding:22px;overflow-y:auto}.welcome-scene{background:linear-gradient(#1d3153 0%,#1d2942 54%,#121b2c 100%);border:1px solid #ffffff1f;border-radius:28px;min-height:230px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.welcome-moon{background:0 0;border-radius:50%;width:54px;height:54px;position:absolute;top:28px;right:38px;box-shadow:-13px 6px 0 2px #ead9af}.welcome-arch{border:12px solid #dbaa5e7a;border-bottom:0;border-radius:130px 130px 0 0;width:220px;height:160px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.welcome-bridge{color:#1b2131;background:linear-gradient(145deg,#f0d599,#c8913f);border-radius:22px;place-items:center;width:64px;height:64px;font-size:32px;font-weight:800;display:grid;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.welcome-water{background:linear-gradient(90deg,#63b2be2e,#eed8ab5c,#63b2be2e);border-radius:999px;height:34px;position:absolute;bottom:20px;left:18px;right:18px}.scene-star{color:#f3dca4;position:absolute}.scene-star.one{top:40px;left:26px}.scene-star.two{top:110px;right:110px}.brand-block .eyebrow,.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#d7b671;margin:0 0 6px;font-size:11px}.brand-block h1{letter-spacing:-.04em;margin:0 0 12px;font-size:34px;line-height:1.02}.brand-block p{color:#c9d3df;margin:0;line-height:1.55}.login-panel{gap:10px;display:grid}.login-panel button,.primary-action,.ghost-wide{color:#10151e;background:linear-gradient(135deg,#e0bd72,#b58237);border:0;border-radius:18px;padding:14px 16px;font-weight:800;box-shadow:0 12px 30px #00000038}.login-panel .soft-button{background:linear-gradient(135deg,#d9c4ff,#77c8c5)}.login-panel .ghost-button,.ghost-wide{color:#f5ead5;box-shadow:none;background:#ffffff14;border:1px solid #ffffff21}.tiny-note{color:#aeb8c7;text-align:center;margin:0;font-size:12px}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 16px 8px;display:grid}.icon-button{color:#f5ead5;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:16px;width:42px;height:42px}.profile-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.avatar{color:#10151e;background:linear-gradient(135deg,#e2bd6e,#815b2b);border-radius:13px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.profile-chip strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.profile-chip small{color:#aeb8c7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.dev-profile-switcher{color:#bfccdc;background:#ffffff0e;border:1px dashed #ffffff24;border-radius:16px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;padding:8px 10px;font-size:12px;display:flex}.dev-profile-switcher select,.settings-card select{color:#f5ead5;background:#17243a;border:1px solid #ffffff1f;border-radius:12px;padding:8px 10px}.today-strip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 16px 10px;padding:10px;display:grid}.today-orb{color:#121926;background:linear-gradient(135deg,#d6b365,#6da7ab);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.today-strip span{text-transform:uppercase;letter-spacing:.12em;color:#c6ad70;font-size:11px}.today-strip p{color:#d7e0ea;margin:2px 0 0;font-size:13px}.today-strip button{color:#f6eddc;background:#ffffff17;border:0;border-radius:14px;padding:10px 12px}.screen-scroll{min-height:0;padding:0 16px calc(92px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.screen-stack{gap:14px;padding-bottom:18px;display:grid}.section-head{align-items:flex-start;gap:12px;padding:10px 0;display:flex}.section-head>span{color:#e7c47b;background:#ffffff14;border-radius:16px;place-items:center;width:42px;height:42px;display:grid}.section-head h2{letter-spacing:-.03em;margin:0 0 6px;font-size:22px;line-height:1.08}.section-head p{color:#b9c6d6;margin:0;font-size:13px;line-height:1.45}.glass-card,.message-card,.settings-card,.memory-card{background:linear-gradient(#ffffff17,#ffffff0b);border:1px solid #ffffff1c;border-radius:24px;box-shadow:0 16px 40px #00000029}.message-list{gap:12px;display:grid}.message-card{padding:14px}.message-card.me{background:linear-gradient(#d5ac5729,#ffffff0b);border-color:#dbb56c47}.message-meta{color:#c2cedc;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.message-block{background:#00000029;border-radius:16px;gap:4px;margin-top:8px;padding:10px;display:grid}.message-block label,.composer-line span,.tone-row span,.note-card label{text-transform:uppercase;letter-spacing:.14em;color:#c8ad6c;font-size:11px}.message-block p{margin:0;line-height:1.45}.translation{background:#6b9ea624}.message-actions,.tone-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.message-actions button,.tone-row button,.settings-card button{color:#e9f0f8;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:8px 10px;font-size:12px}.composer{gap:10px;padding:14px;display:grid}.composer-line{justify-content:space-between;gap:10px;display:flex}.composer-line small{color:#9facbd}textarea{color:#f8efe1;resize:vertical;background:#0003;border:1px solid #ffffff1c;border-radius:18px;outline:none;width:100%;min-height:92px;padding:12px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mood-grid button{color:#f8efe1;text-align:start;background:linear-gradient(145deg,#ffffff17,#ffffff0a);border:1px solid #ffffff1c;border-radius:22px;min-height:98px;padding:14px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000001f}.mood-grid button:before{content:"";background:#e3be741f;border-radius:999px;width:90px;height:90px;position:absolute;inset:auto -20px -34px auto}.mood-grid button.selected{border-color:#e5c689bf;box-shadow:0 0 0 2px #e5c68924,0 18px 34px #0003}.mood-grid span{font-size:24px}.mood-grid strong{margin-top:6px;display:block}.mood-grid small{color:#b8c3d1;margin-top:3px;display:block}.note-card{gap:10px;padding:14px;display:grid}.history-stack h3{color:#e9c67b;margin:6px 0 8px;font-size:14px}.history-card{background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;padding:12px}.history-card p{color:#b9c6d6;margin:6px 0 0}.garden-visual{background:#0f1726;border:1px solid #ffffff1f;border-radius:28px;overflow:hidden}.garden-media-wrap{aspect-ratio:4/5;min-height:360px;position:relative}.garden-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.garden-vignette{background:linear-gradient(#00000005,#0000000f 55%,#00000057);position:absolute;inset:0}.garden-card{gap:12px;padding:16px;display:grid}.garden-card h3{margin:3px 0 4px;font-size:21px}.garden-card p{color:#b9c6d6;margin:0;line-height:1.45}.growth-row{color:#e9c67b;justify-content:space-between;display:flex}.memory-grid{gap:12px;display:grid}.memory-card{padding:14px}.memory-card span{color:#e9c67b;font-weight:800;display:block}.memory-card p{color:#f8efe1;margin:8px 0}.memory-card small{color:#b6c2d2}.settings-list{gap:10px;display:grid}.settings-card{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.settings-card strong{color:#f4e4c6;display:block}.settings-card p{color:#b9c6d6;margin:5px 0 0;font-size:13px;line-height:1.35}.ghost-wide{width:100%;margin-top:4px}.permission-card{padding:18px}.permission-card h3{margin:0 0 8px}.permission-card p{color:#b9c6d6}.soft-status{color:#e9c67b;background:#ffffff12;border-radius:16px;margin-top:14px;padding:12px}.bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c121ec7;border:1px solid #ffffff21;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:4px;height:70px;padding:8px;display:grid;position:absolute}.bottom-nav button{color:#9dabbe;background:0 0;border:0;border-radius:18px;place-items:center;padding:4px;display:grid}.bottom-nav button.active{color:#f4d58d;background:linear-gradient(#e1bc7133,#ffffff12)}.bottom-nav span{font-size:18px}.bottom-nav small{font-size:10px}@media (width<=380px){.app-shell{padding:0}.phone-shell{border-left:0;border-right:0;border-radius:0;height:100svh;min-height:100svh}.welcome-shell{min-height:100svh}.garden-media-wrap{min-height:320px}.mood-grid{gap:8px}.mood-grid button{min-height:90px;padding:12px}.brand-block h1{font-size:30px}}@media (prefers-reduced-motion:reduce){video.garden-media{display:none}.theme-sumiya .garden-media-wrap{background:url(/scenes/garden-sumiya.jpg) 50%/cover no-repeat}.glow,.bg-star{animation:none!important}}.family-language-switcher{color:#d6eef0;background:#7abcbe14;border:1px solid #7ecdcd2e;border-radius:16px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;padding:8px 10px;font-size:12px;display:flex}.family-language-switcher select{color:#f5ead5;background:#17243a;border:1px solid #ffffff1f;border-radius:12px;padding:8px 10px}.sumiya-mood-board{background:radial-gradient(circle at 20% 10%,#d3b7f640,#0000 38%),linear-gradient(135deg,#7cc3c424,#be8ed721 52%,#e2be7414);border-color:#d4bcf038;justify-content:space-between;align-items:center;gap:14px;padding:17px;display:flex;position:relative;overflow:hidden}.sumiya-mood-board h3{letter-spacing:-.02em;margin:4px 0 6px;font-size:24px}.sumiya-mood-board p{color:#d8e2ee;margin:0;line-height:1.45}.mood-moon{color:#f3dca9;background:linear-gradient(145deg,#ffffff29,#ffffff0d);border-radius:22px;flex:0 0 62px;place-items:center;width:62px;height:62px;font-size:38px;display:grid;box-shadow:0 0 34px #c29deb38}.mood-jasmine{color:#eddfffbf;filter:drop-shadow(0 0 10px #c29deb59);font-size:20px;position:absolute}.mood-jasmine.j1{top:14px;right:88px}.mood-jasmine.j2{bottom:14px;left:18px}.sumiya-mood-screen .mood-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sumiya-mood-card{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex;text-align:center!important;min-height:104px!important}.sumiya-mood-card span{font-size:25px!important}.sumiya-mood-card strong{font-size:13px;line-height:1.25}.sumiya-mood-card small{font-size:11px;line-height:1.25}.sumiya-mood-card:before{opacity:.8;width:96px;height:96px;inset:auto 50% -42px auto;transform:translate(50%)}.mood-happy{--mood-a:#efcd7a4d;--mood-b:#ffffff0f}.mood-calm{--mood-a:#a3bcf842;--mood-b:#74c4ca14}.mood-tired{--mood-a:#b39ece38;--mood-b:#ffffff0d}.mood-lonely{--mood-a:#74c4ca33;--mood-b:#a88fd914}.mood-home{--mood-a:#e7b9813d;--mood-b:#ffffff0d}.mood-sad{--mood-a:#7ea7d338;--mood-b:#4c67911a}.mood-stressed{--mood-a:#e8928633;--mood-b:#ffffff0a}.mood-reassurance{--mood-a:#daaee640;--mood-b:#ebce9314}.mood-space{--mood-a:#81bfb333;--mood-b:#ffffff0a}.theme-sumiya .mood-grid button{background:linear-gradient(145deg,var(--mood-a,#c7a9eb2e),var(--mood-b,#72c3c214))}.theme-sumiya .mood-grid button.selected{border-color:#e2d1ffe6;box-shadow:0 0 0 2px #e2d1ff24,0 0 32px #b887dc3d,0 18px 34px #0003}.theme-sumiya .history-card{background:linear-gradient(135deg,#c7a9eb24,#72c3c214);border-color:#d4bcf02e}@media (width<=380px){.sumiya-mood-screen .mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sumiya-mood-board{padding:14px}.mood-moon{flex-basis:52px;width:52px;height:52px;font-size:32px}}.translation-composer{position:relative;overflow:hidden}.translation-composer:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#e2be741f,#0000 34%),radial-gradient(circle at 90% 30%,#74c4ca17,#0000 34%);position:absolute;inset:0}.translation-composer>*{position:relative}.tone-selector button.active{color:#ffe1a3;background:linear-gradient(135deg,#e2be743d,#ffffff14);border-color:#e5c689c7;box-shadow:0 0 0 2px #e5c6891a}.preview-panel{background:#0000001f;border:1px solid #ffffff1a;border-radius:22px;gap:10px;padding:12px;display:grid}.preview-panel.ready{background:linear-gradient(#78c2c021,#ffffff0b);border-color:#78c2c03d}.preview-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-head span{text-transform:uppercase;letter-spacing:.14em;color:#c8ad6c;font-size:11px}.preview-head small{color:#9facbd;font-size:11px}.preview-block{margin:0}.composer-actions{grid-template-columns:1fr;gap:8px;display:grid}.secondary-action{color:#f4ead8;background:#ffffff12;border:1px solid #ffffff21;border-radius:16px;padding:12px 13px;font-weight:700}.pronunciation-toggle{color:#e9f0f8;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-self:start;padding:8px 10px;font-size:12px}.pronunciation-line{color:#d9e6ef;background:#00000029;border-radius:16px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.theme-sumiya .preview-panel.ready{background:linear-gradient(135deg,#c7a9eb26,#72c3c214);border-color:#d4bcf03d}@media (width>=390px){.composer-actions{grid-template-columns:1fr 1fr}.composer-actions .primary-action{grid-column:1/-1}}.retranslation-block{background:linear-gradient(#e7c58029,#ffffff0d);border:1px solid #e7c58033}.retranslation-block label{color:#f0ce86}.retranslation-block small{color:#c4cfda;font-size:12px;line-height:1.35}.preview-panel .retranslation-block{margin:0}.theme-sumiya .retranslation-block{background:linear-gradient(#d4bcf024,#72c3c212);border-color:#d4bcf038}

/* Wasl v2.7 — translation mode badge & loading state */
.mode-badge {
  display: inline-block;
  font-size: 0.65rem;
  padding: 2px 8px;
  border-radius: 20px;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-bottom: 6px;
  opacity: 0.8;
}
.mode-badge.mode-live {
  background: rgba(80,200,140,0.18);
  color: #6ee7b0;
  border: 1px solid rgba(80,200,140,0.3);
}
.mode-badge.mode-mock {
  background: rgba(200,160,60,0.15);
  color: #e0c060;
  border: 1px solid rgba(200,160,60,0.25);
}
.preview-panel.loading .preview-block p {
  opacity: 0.6;
  font-style: italic;
}