/* Focused navigation and progressive disclosure. */
:root {
  --app-safe-bottom: env(safe-area-inset-bottom, 0px);
  --app-nav-height: 60px;
  --app-nav-space: calc(var(--app-nav-height) + var(--app-safe-bottom));
}
#shell { padding-bottom:0; }
.screen { padding-bottom:var(--app-nav-space); }
#screenWrite { padding-bottom:var(--app-safe-bottom); }
.w-footer { padding-bottom:0; }
#bottomNav {
  position:absolute; bottom:0;
  width:100%; max-width:430px; margin-inline:auto;
  height:var(--app-nav-space); min-height:var(--app-nav-space);
  padding:4px 8px calc(4px + var(--app-safe-bottom));
  align-items:stretch; border-radius:0;
  transition-property:background-color, border-color;
}
#bottomNav .nav-btn {
  justify-content:center; gap:4px; padding:4px 2px;
  opacity:1; color:var(--text-mid); border-radius:8px;
  font-family:system-ui,sans-serif;
}
#bottomNav .nav-btn.on { background:var(--glass); color:var(--text); }
#bottomNav .nav-btn.on .nav-lbl { color:var(--text); font-weight:600; }
#bottomNav .nav-ico { font-size:20px; line-height:20px; filter:none; animation:none; }
#bottomNav .nav-lbl { line-height:16px; animation:none; }
#bottomNav .nav-btn:focus-visible { outline:2px solid var(--cyan); outline-offset:-2px; }
.ux-method-button { min-width:44px; min-height:44px; border:1px solid var(--glass-b); border-radius:8px; background:var(--glass); color:var(--text); font:600 18px/1 system-ui,sans-serif; cursor:pointer; }
.ux-method-button:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.ux-analysis-toolbar { flex-wrap:wrap; gap:8px; }
.ux-text-button { min-height:44px; padding:8px; border:0; background:transparent; color:var(--text); font:600 14px/1.4 system-ui,sans-serif; cursor:pointer; }
.ux-text-button:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
#wesenskernDivider [data-i18n="soul.traits.title"] { letter-spacing:0 !important; text-transform:none !important; font-size:14px !important; }
@media(min-width:500px) {
  #bottomNav { max-width:640px; }
}
@supports(height:100dvh) {
  #shell { height:calc(100dvh - env(safe-area-inset-top, 0px)); }
}
.screen:not(.active) { visibility: hidden; }
.ux-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ux-icon-button { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border:1px solid var(--glass-b); border-radius:8px; color:var(--text); background:var(--glass); font-size:24px; cursor:pointer; }
.ux-icon-button:focus-visible, .ux-disclosure > summary:focus-visible, .ux-section-switch button:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.ux-disclosure { margin:12px 16px 20px; border-top:1px solid var(--glass-b); border-bottom:1px solid var(--glass-b); }
.ux-disclosure > summary { padding:16px 0; cursor:pointer; color:var(--text); font-size:calc(15px * var(--font-scale)); font-weight:600; line-height:1.5; letter-spacing:0; }
.ux-disclosure[open] > summary { margin-bottom:8px; }
.ux-disclosure > .gc, .ux-disclosure > .sh { margin-left:0 !important; margin-right:0 !important; }
.ux-section-switch { display:flex; gap:4px; padding:4px; margin:8px 20px 16px; border:1px solid var(--glass-b); border-radius:8px; flex-shrink:0; }
.ux-section-switch button { flex:1; min-height:44px; padding:8px; border:0; border-radius:6px; background:transparent; color:var(--text-dim); font:600 15px/1.4 'Rajdhani',sans-serif; cursor:pointer; }
.ux-section-switch button[aria-pressed="true"] { background:var(--glass); color:var(--text); box-shadow:inset 0 -2px var(--cyan); }
.ux-insights-intro { padding:8px 20px 16px; }
.ux-insights-intro [data-kosmos-desc] { font:400 calc(15px * var(--font-scale))/1.6 'Rajdhani',sans-serif !important; color:var(--text-dim) !important; text-align:left !important; }
.ux-insights-intro [data-i18n="soul.kosmos"] { display:none; }
.ux-insights-intro [data-i18n^="soul.stats."] { color:var(--text-dim) !important; font-size:11px !important; letter-spacing:0 !important; }
.ux-profile-header { display:flex; align-items:center; gap:16px; min-height:60px; padding:8px 20px; font-size:15px; flex-shrink:0; }
.ux-profile-header .w-back { min-height:44px; }
.ux-field-label { display:block; padding:8px 20px 0; color:var(--text-dim); font-size:14px; }
.ux-empty-note { margin:0 20px 24px; color:var(--text-mid); font-size:15px; line-height:1.6; }
#writeScrollArea > .w-body { min-height:250px; margin-top:12px; padding-top:16px; font-size:calc(17px * var(--font-scale)); line-height:1.75; }
#writeScrollArea > .w-body::placeholder { color:var(--text-mid); }
#screenSoul .sai-state-wrap { color:var(--text-mid); opacity:1 !important; }
#screenSoul .sai-state-wrap span { color:var(--text-mid) !important; }
.write-extras { margin-top:8px; }
.write-extras .w-capsule-btn { margin:10px 20px; min-height:44px; }
#writeScrollArea > .w-title-input { font-size:calc(20px * var(--font-scale)); }
.write-extras .write-meta-row { padding-top:12px !important; padding-bottom:12px !important; }
#wWordCount { color:var(--text-dim) !important; font-size:13px; letter-spacing:0; }
#wImpulseIco, #wImpulseLabel, #wDialogIco, #wDialogLabel { display:none !important; }
#bottomNav .nav-lbl { font-size:12px; letter-spacing:0; text-transform:none; }
#screenHome .home-header { align-items:center; }
.home-extras > #homeSplitCard, .home-extras > #homeFactsCard { margin-left:0 !important; margin-right:0 !important; }
@media (prefers-reduced-motion: reduce) {
  .screen, #authScreen { animation:none !important; transition:none !important; }
}