/* ========================================================================== 
   REBOOT OS 6.11.0 — LIFE OS MOBILE
   Calm premium interface. Same capabilities, clearer hierarchy.
   ========================================================================== */
:root {
  --life-bg:#041316;
  --life-bg-soft:#071c20;
  --life-surface:#092329;
  --life-surface-2:#0c2a30;
  --life-line:rgba(124,226,219,.13);
  --life-line-strong:rgba(87,239,199,.28);
  --life-text:#eefbfc;
  --life-muted:#8ca7ad;
  --life-teal:#43efbe;
  --life-cyan:#45cffa;
  --life-violet:#9b91ff;
  --life-warm:#ffb96b;
  --life-danger:#ff7d91;
  --life-radius:24px;
  --life-nav-height:74px;
  --life-header-height:66px;
}
.life-mobile-header,.life-mobile-nav,.life-mobile-capture,.life-universe,.life-page { display:none; }

@media (max-width:900px) {
  html,body { width:100%; max-width:100%; overflow-x:hidden !important; background:var(--life-bg); }
  body { color:var(--life-text); }
  body.sidebar-open { overflow:auto !important; }
  body::before { content:""; position:fixed; inset:0; z-index:-2; background:radial-gradient(circle at 70% -10%,rgba(45,216,195,.13),transparent 32%),linear-gradient(180deg,#041518 0%,#031114 100%); }
  body::after { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.035; background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,black,transparent 42%); }

  /* Remove the desktop cockpit from the mobile surface. It remains in DOM and desktop. */
  .sidebar,.topbar,.module-flow-header,.module-companion,.module-arcade-stage,.mobile-nav,.action-orb,.back-to-top { display:none !important; }
  .ambient { opacity:.16; filter:blur(70px); }
  .app-shell,.main-area { display:block !important; width:100% !important; min-width:0 !important; margin:0 !important; }
  .main-area { padding:0 !important; }
  .page-wrap { width:100% !important; max-width:none !important; padding:calc(var(--life-header-height) + 18px) 14px calc(var(--life-nav-height) + 42px + env(safe-area-inset-bottom)) !important; margin:0 !important; }
  .page-content { width:100%; max-width:720px; margin:0 auto; padding:0 !important; }
  .life-legacy { display:none !important; }
  .life-page { display:block; width:100%; }
  .skip-link { z-index:5000; }

  /* Header */
  .life-mobile-header { display:grid; grid-template-columns:auto minmax(0,1fr) 46px; align-items:center; gap:12px; position:fixed; z-index:900; top:env(safe-area-inset-top); left:0; right:0; height:var(--life-header-height); padding:8px 14px; background:linear-gradient(180deg,rgba(3,18,21,.98),rgba(3,18,21,.91)); border-bottom:1px solid rgba(87,239,199,.11); backdrop-filter:blur(24px); }
  .life-mobile-brand { display:flex; align-items:center; gap:9px; color:var(--life-text); text-decoration:none; }
  .life-mobile-brand-orbit { width:36px; height:36px; position:relative; display:grid; place-items:center; }
  .life-mobile-brand-orbit::before { content:""; width:19px; height:19px; border-radius:50%; background:linear-gradient(145deg,var(--life-teal),var(--life-cyan)); box-shadow:0 0 24px rgba(67,239,190,.25); }
  .life-mobile-brand-orbit i { position:absolute; width:34px; height:13px; border:1px solid rgba(83,227,219,.7); border-radius:50%; transform:rotate(24deg); }
  .life-mobile-brand-orbit i:last-child { transform:rotate(-24deg); opacity:.5; }
  .life-mobile-brand strong { display:block; font-size:13px; letter-spacing:.19em; line-height:1; }
  .life-mobile-brand small { display:block; margin-top:5px; color:var(--life-muted); font-size:7px; letter-spacing:.24em; }
  .life-mobile-level { justify-self:end; width:min(152px,100%); color:var(--life-text); text-decoration:none; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:3px 8px; }
  .life-mobile-level span { color:var(--life-teal); font-size:9px; font-weight:800; letter-spacing:.1em; }
  .life-mobile-level i { height:3px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
  .life-mobile-level i u { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--life-teal),var(--life-violet)); }
  .life-mobile-level small { grid-column:1/-1; text-align:right; color:var(--life-muted); font-size:7px; }
  .life-mobile-universe-trigger { width:44px; height:44px; border-radius:16px; border:1px solid var(--life-line-strong); background:rgba(10,42,46,.82); display:grid; place-content:center; gap:4px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); }
  .life-mobile-universe-trigger span { width:16px; height:2px; border-radius:9px; background:#b9d9dd; }
  .life-mobile-universe-trigger span:nth-child(2) { width:11px; background:var(--life-teal); }

  /* Bottom navigation */
  .life-mobile-nav { display:grid; grid-template-columns:repeat(5,1fr); position:fixed; z-index:920; left:0; right:0; bottom:0; min-height:calc(var(--life-nav-height) + env(safe-area-inset-bottom)); padding:7px 6px env(safe-area-inset-bottom); background:rgba(3,19,22,.97); border-top:1px solid rgba(77,226,201,.16); backdrop-filter:blur(28px); box-shadow:0 -18px 50px rgba(0,0,0,.34); }
  .life-mobile-nav a,.life-mobile-nav button { border:0; background:transparent; color:#7f969f; text-decoration:none; display:flex; min-width:0; min-height:58px; align-items:center; justify-content:center; flex-direction:column; gap:5px; border-radius:17px; position:relative; }
  .life-mobile-nav span { font-size:21px; line-height:1; }
  .life-mobile-nav small { font-size:9px; font-weight:650; letter-spacing:.01em; }
  .life-mobile-nav .active { color:var(--life-teal); background:linear-gradient(180deg,rgba(67,239,190,.09),rgba(67,239,190,.025)); }
  .life-mobile-nav .active::before { content:""; position:absolute; top:-7px; width:26px; height:2px; border-radius:5px; background:var(--life-teal); box-shadow:0 0 12px var(--life-teal); }
  .life-mobile-capture { display:grid; position:fixed; z-index:925; right:16px; bottom:calc(var(--life-nav-height) + 13px + env(safe-area-inset-bottom)); width:47px; height:47px; place-items:center; border:1px solid rgba(108,255,210,.45); border-radius:17px; color:#042019; background:linear-gradient(145deg,#54f6be,#38dcb7); box-shadow:0 15px 36px rgba(40,222,176,.2); }
  .life-mobile-capture span { font-size:27px; font-weight:300; }

  /* Universe drawer */
  .life-universe { display:block; position:fixed; z-index:1300; inset:0; pointer-events:none; visibility:hidden; }
  .life-universe.open { pointer-events:auto; visibility:visible; }
  .life-universe-backdrop { position:absolute; inset:0; border:0; background:rgba(0,7,9,.72); opacity:0; backdrop-filter:blur(8px); transition:opacity .25s ease; }
  .life-universe.open .life-universe-backdrop { opacity:1; }
  .life-universe-panel { position:absolute; inset:calc(env(safe-area-inset-top) + 8px) 8px calc(env(safe-area-inset-bottom) + 8px); display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(93,236,216,.18); border-radius:28px; background:linear-gradient(165deg,#082329 0%,#041619 78%); box-shadow:0 40px 100px rgba(0,0,0,.62); transform:translateY(20px) scale(.985); opacity:0; transition:transform .27s ease,opacity .22s ease; }
  .life-universe.open .life-universe-panel { transform:none; opacity:1; }
  .life-universe-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:22px 20px 12px; }
  .life-universe-head small { color:var(--life-teal); font-size:8px; letter-spacing:.2em; }
  .life-universe-head h2 { margin:5px 0 4px; font-size:28px; letter-spacing:-.035em; }
  .life-universe-head p { margin:0; color:var(--life-muted); font-size:12px; }
  .life-universe-head>button { width:42px; height:42px; border:1px solid var(--life-line); border-radius:15px; background:rgba(255,255,255,.025); color:var(--life-text); font-size:24px; }
  .life-universe-search { display:flex; align-items:center; gap:10px; margin:0 16px 13px; padding:0 14px; height:48px; border:1px solid var(--life-line); border-radius:16px; background:rgba(0,0,0,.18); }
  .life-universe-search span { color:var(--life-cyan); font-size:20px; }
  .life-universe-search input { width:100%; min-width:0; border:0 !important; outline:0; background:transparent !important; color:var(--life-text); box-shadow:none !important; }
  .life-universe-featured { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; padding:0 16px 14px; }
  .life-universe-featured a { min-width:0; padding:12px 7px; border:1px solid var(--life-line); border-radius:16px; color:var(--life-text); text-decoration:none; text-align:center; background:rgba(255,255,255,.018); }
  .life-universe-featured span { display:block; color:var(--life-teal); font-size:20px; }
  .life-universe-featured strong { display:block; margin-top:7px; font-size:10px; }
  .life-universe-featured small { display:block; margin-top:3px; color:var(--life-muted); font-size:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .life-universe-separator { padding:0 19px 8px; color:#668087; font-size:7px; letter-spacing:.2em; }
  .life-universe-content { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:0 13px 12px; }
  .life-universe-content .sidebar-caption,.life-universe-content .nav-mode-control,.life-universe-content .sidebar-module-manager,.life-universe-content .sidebar-favorites,.life-universe-content .nav-quick { display:none !important; }
  .life-universe-content .nav-accordion { display:grid; gap:8px; }
  .life-universe-content .nav-group { margin:0; border:1px solid var(--life-line); border-radius:18px; background:rgba(255,255,255,.018); overflow:hidden; }
  .life-universe-content .nav-group summary { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:62px; padding:9px 13px; cursor:pointer; list-style:none; }
  .life-universe-content .nav-group summary::-webkit-details-marker { display:none; }
  .life-universe-content .nav-group-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--life-teal); background:rgba(67,239,190,.07); }
  .life-universe-content .nav-group-copy strong { display:block; color:var(--life-text); font-size:12px; }
  .life-universe-content .nav-group-copy small { display:block; margin-top:3px; color:var(--life-muted); font-size:8px; }
  .life-universe-content .nav-group-count,.life-universe-content .nav-chevron { color:#668087; font-size:9px; }
  .life-universe-content .nav-group-links { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:0 9px 10px; }
  .life-universe-content .nav-link { display:flex; align-items:center; gap:8px; min-width:0; min-height:45px; padding:8px 9px; border-radius:13px; color:#b6c9cd; text-decoration:none; background:rgba(255,255,255,.018); }
  .life-universe-content .nav-link span { color:var(--life-cyan); }
  .life-universe-content .nav-link em { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; font-style:normal; }
  .life-universe-content .nav-link b { margin-left:auto; color:var(--life-teal); font-size:7px; }
  .life-universe-content .nav-filter-hidden { display:none !important; }
  .life-universe-footer { display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; padding:10px 13px 14px; border-top:1px solid var(--life-line); background:rgba(0,0,0,.14); }
  .life-universe-footer a,.life-universe-footer button { min-width:0; min-height:58px; display:flex; align-items:center; gap:8px; padding:8px; border:1px solid var(--life-line); border-radius:15px; background:rgba(255,255,255,.018); color:var(--life-text); text-align:left; text-decoration:none; }
  .life-universe-footer>*>span { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:10px; color:var(--life-teal); background:rgba(67,239,190,.08); }
  .life-universe-footer strong { display:block; font-size:9px; }
  .life-universe-footer small { display:block; margin-top:2px; color:var(--life-muted); font-size:7px; }

  /* General mobile product language */
  .life-page h1,.life-page h2,.life-page h3,.life-page p { overflow-wrap:anywhere; }
  .life-page h1 { margin:0; font-size:clamp(29px,8.8vw,42px); line-height:1.02; letter-spacing:-.055em; }
  .life-page h2 { margin:0; font-size:20px; line-height:1.08; letter-spacing:-.035em; }
  .life-page h3 { margin:0; font-size:15px; line-height:1.18; }
  .life-page p { color:var(--life-muted); line-height:1.55; }
  .life-simple-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:4px 3px 20px; }
  .life-simple-heading small,.life-day-intro small,.life-section>header small { color:var(--life-teal); font-size:8px; font-weight:750; letter-spacing:.17em; }
  .life-simple-heading p { max-width:440px; margin:10px 0 0; font-size:13px; }
  .life-simple-heading>span { width:50px; height:50px; flex:0 0 50px; display:grid; place-items:center; border:1px solid var(--life-line-strong); border-radius:17px; color:var(--life-teal); font-size:24px; background:rgba(67,239,190,.055); }
  .life-section { margin-top:25px; }
  .life-section>header { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:0 3px 12px; }
  .life-section>header h2 { margin-top:5px; }
  .life-section>header>a,.life-section>header>button { border:0; background:transparent; color:var(--life-cyan); font-size:9px; font-weight:700; text-decoration:none; }
  .life-primary-button { width:100%; min-height:57px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 18px; border:0; border-radius:18px; color:#032017; background:linear-gradient(100deg,var(--life-teal),#68f5d0); font-size:11px; font-weight:850; letter-spacing:.05em; box-shadow:0 16px 38px rgba(41,223,175,.15); }
  .life-primary-button i { font-style:normal; font-size:22px; }

  /* Day */
  .life-day-intro { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:2px 3px 13px; }
  .life-day-intro h1 { margin-top:6px; }
  .life-day-intro p { margin:9px 0 0; max-width:520px; font-size:12px; }
  .life-avatar-chip { position:relative; width:55px; height:55px; flex:0 0 55px; display:grid; place-items:center; border-radius:50%; color:var(--life-text); text-decoration:none; background:linear-gradient(145deg,#0e3840,#061a1e); border:1px solid rgba(73,211,240,.45); box-shadow:0 0 0 5px rgba(73,211,240,.035); }
  .life-avatar-chip span { font-size:22px; font-weight:350; }
  .life-avatar-chip i { position:absolute; right:1px; bottom:2px; width:12px; height:12px; border:3px solid var(--life-bg); border-radius:50%; background:var(--life-teal); }
  .life-status-ribbon { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:4px 0 15px; }
  .life-status-ribbon a { padding:12px 8px; border:1px solid var(--life-line); border-radius:16px; color:var(--life-text); text-align:center; text-decoration:none; background:rgba(255,255,255,.018); }
  .life-status-ribbon small { display:block; color:#718d94; font-size:6px; letter-spacing:.11em; }
  .life-status-ribbon strong { display:block; margin-top:6px; font-size:17px; }
  .life-status-ribbon strong i { color:var(--life-muted); font-size:8px; font-style:normal; font-weight:500; }
  .life-mission-card { position:relative; overflow:hidden; min-height:250px; padding:22px; border:1px solid rgba(84,239,201,.24); border-radius:28px; background:radial-gradient(circle at 90% 10%,rgba(67,239,190,.16),transparent 35%),linear-gradient(145deg,#0b3135,#071d22 70%); box-shadow:0 22px 50px rgba(0,0,0,.22); }
  .life-mission-card::after { content:""; position:absolute; inset:auto -30px -90px auto; width:200px; height:200px; border:1px solid rgba(69,207,250,.13); border-radius:50%; }
  .life-mission-orbit { position:absolute; top:18px; right:18px; width:76px; height:76px; display:grid; place-items:center; }
  .life-mission-orbit span { position:relative; z-index:2; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#04241b; background:var(--life-teal); box-shadow:0 0 30px rgba(67,239,190,.25); }
  .life-mission-orbit i { position:absolute; width:70px; height:28px; border:1px solid rgba(70,218,229,.3); border-radius:50%; transform:rotate(25deg); }
  .life-mission-orbit i:last-child { transform:rotate(-25deg); opacity:.55; }
  .life-mission-copy { max-width:74%; position:relative; z-index:2; }
  .life-mission-copy>small { color:var(--life-teal); font-size:7px; letter-spacing:.18em; }
  .life-mission-copy h2 { margin-top:10px; font-size:26px; }
  .life-mission-copy p { margin:11px 0 15px; font-size:12px; }
  .life-mission-copy>div { display:flex; gap:7px; }
  .life-mission-copy>div span { padding:6px 9px; border-radius:999px; color:#b7d1d5; background:rgba(255,255,255,.055); font-size:7px; font-weight:700; letter-spacing:.08em; }
  .life-mission-card>a { position:absolute; z-index:3; left:22px; right:22px; bottom:19px; display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-radius:16px; color:#022119; background:var(--life-teal); text-decoration:none; font-size:9px; font-weight:850; letter-spacing:.08em; }
  .life-mission-card>a span { font-size:18px; }
  .life-action-list { display:grid; gap:7px; }
  .life-action-row,.life-empty-action { width:100%; min-height:66px; display:grid; grid-template-columns:38px minmax(0,1fr) 25px; align-items:center; gap:10px; padding:9px 12px; border:1px solid var(--life-line); border-radius:18px; color:var(--life-text); background:rgba(255,255,255,.018); text-align:left; }
  .life-action-check { width:36px; height:36px; border:1px solid rgba(67,239,190,.28); border-radius:13px; color:transparent; background:rgba(67,239,190,.045); }
  .life-action-check::before { content:""; display:block; width:8px; height:8px; margin:auto; border:1px solid var(--life-teal); border-radius:50%; }
  .life-action-row strong,.life-empty-action strong { display:block; font-size:12px; }
  .life-action-row small,.life-empty-action small { display:block; margin-top:4px; color:var(--life-muted); font-size:8px; }
  .life-action-row>span { color:#718a91; font-size:15px; }
  .life-action-row>span.high,.life-action-row>span.urgent { color:var(--life-warm); }
  .life-empty-action { grid-template-columns:38px 1fr; border-style:dashed; }
  .life-empty-action>span { width:36px; height:36px; display:grid; place-items:center; border-radius:13px; color:var(--life-teal); background:rgba(67,239,190,.07); font-size:22px; }
  .life-habit-scroll { display:flex; gap:8px; overflow:auto; padding:1px 1px 5px; scroll-snap-type:x proximity; scrollbar-width:none; }
  .life-habit-scroll::-webkit-scrollbar { display:none; }
  .life-habit-pill { flex:0 0 112px; scroll-snap-align:start; }
  .life-habit-pill button { width:100%; min-height:120px; padding:13px 10px; border:1px solid var(--life-line); border-radius:20px; color:var(--life-text); background:rgba(255,255,255,.018); text-align:left; }
  .life-habit-pill span { width:36px; height:36px; display:grid; place-items:center; margin-bottom:13px; border-radius:13px; color:var(--life-cyan); background:rgba(69,207,250,.07); font-size:17px; }
  .life-habit-pill strong { display:block; font-size:10px; line-height:1.2; }
  .life-habit-pill small { display:block; margin-top:5px; color:var(--life-muted); font-size:7px; }
  .life-habit-pill.done button { border-color:rgba(67,239,190,.3); background:linear-gradient(150deg,rgba(67,239,190,.1),rgba(67,239,190,.025)); }
  .life-habit-pill.done span { color:#032019; background:var(--life-teal); }
  .life-quest-card { margin-top:25px; padding:19px; border:1px solid rgba(155,145,255,.25); border-radius:25px; background:radial-gradient(circle at 95% 0,rgba(155,145,255,.13),transparent 38%),rgba(255,255,255,.018); }
  .life-quest-card>header { display:flex; align-items:end; justify-content:space-between; gap:10px; }
  .life-quest-card>header small { color:var(--life-violet); font-size:7px; letter-spacing:.17em; }
  .life-quest-card>header h2 { margin-top:5px; }
  .life-quest-card>header>strong { color:var(--life-violet); font-size:22px; }
  .life-quest-card>i { display:block; height:5px; margin:14px 0 8px; border-radius:999px; background:rgba(255,255,255,.07); overflow:hidden; }
  .life-quest-card>i u { display:block; height:100%; background:linear-gradient(90deg,var(--life-violet),var(--life-cyan)); }
  .life-quest-card>p { margin:0 0 12px; font-size:9px; }
  .life-quest-mini-list { display:grid; gap:6px; }
  .life-quest-mini-list form button { width:100%; display:flex; align-items:center; gap:9px; padding:8px; border:0; border-radius:13px; color:var(--life-text); background:rgba(255,255,255,.025); text-align:left; }
  .life-quest-mini-list form button>span { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border-radius:9px; color:var(--life-violet); background:rgba(155,145,255,.1); }
  .life-quest-mini-list strong { display:block; font-size:9px; }
  .life-quest-mini-list small { display:block; margin-top:2px; color:var(--life-muted); font-size:7px; }
  .life-quest-mini-list form.done { opacity:.58; }
  .life-quest-card>a { display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid rgba(255,255,255,.06); color:#bbb4ff; font-size:8px; font-weight:800; text-decoration:none; letter-spacing:.08em; }
  .life-coach-whisper { display:grid; grid-template-columns:48px minmax(0,1fr) 36px; align-items:center; gap:12px; margin-top:25px; padding:16px; border:1px solid var(--life-line); border-radius:22px; background:linear-gradient(145deg,rgba(67,239,190,.055),rgba(69,207,250,.018)); }
  .life-coach-core { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:var(--life-text); background:radial-gradient(circle,#15454b,#071d22 70%); border:1px solid rgba(67,239,190,.45); }
  .life-coach-whisper small { color:var(--life-teal); font-size:7px; letter-spacing:.14em; }
  .life-coach-whisper h2 { margin-top:4px; font-size:14px; }
  .life-coach-whisper p { margin:4px 0 0; font-size:9px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .life-coach-whisper>a { width:34px; height:34px; display:grid; place-items:center; border-radius:12px; color:#032019; background:var(--life-teal); text-decoration:none; }
  .life-shortcuts { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:25px; }
  .life-shortcuts a { min-height:98px; padding:14px; border:1px solid var(--life-line); border-radius:20px; color:var(--life-text); text-decoration:none; background:rgba(255,255,255,.018); }
  .life-shortcuts span { color:var(--life-cyan); font-size:20px; }
  .life-shortcuts strong { display:block; margin-top:9px; font-size:11px; }
  .life-shortcuts small { display:block; margin-top:4px; color:var(--life-muted); font-size:8px; }
  .life-explore-system { width:100%; display:grid; grid-template-columns:43px minmax(0,1fr) 20px; align-items:center; gap:11px; margin-top:12px; padding:13px; border:1px solid rgba(67,239,190,.18); border-radius:20px; color:var(--life-text); background:linear-gradient(145deg,rgba(67,239,190,.055),rgba(255,255,255,.012)); text-align:left; }
  .life-explore-system>span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--life-teal); background:rgba(67,239,190,.08); }
  .life-explore-system strong { display:block; font-size:11px; }
  .life-explore-system small { display:block; margin-top:4px; color:var(--life-muted); font-size:8px; }
  .life-explore-system i { color:var(--life-teal); font-style:normal; }

  /* Check-in */
  .life-checkin-form { display:grid; gap:14px; }
  .life-checkin-sliders { display:grid; gap:8px; }
  .life-checkin-sliders label { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:14px; border:1px solid var(--life-line); border-radius:19px; background:rgba(255,255,255,.018); }
  .life-checkin-sliders label>div { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; }
  .life-checkin-sliders label>div span { font-size:12px; font-weight:700; }
  .life-checkin-sliders output { width:32px; height:32px; display:grid; place-items:center; border-radius:11px; color:#032019; background:var(--life-teal); font-size:13px; font-weight:850; }
  .life-checkin-sliders input[type=range] { grid-column:1/-1; width:100%; accent-color:var(--life-teal); }
  .life-checkin-sliders label>small { color:#667e84; font-size:7px; }
  .life-checkin-sliders label>small:last-child { text-align:right; }
  .life-checkin-intention { display:grid; gap:8px; }
  .life-checkin-form label>span,.life-project-create label>span { display:block; margin-bottom:7px; color:#80999f; font-size:7px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
  .life-checkin-intention label,.life-checkin-details>label,.life-project-create label { display:block; padding:13px; border:1px solid var(--life-line); border-radius:18px; background:rgba(255,255,255,.018); }
  .life-checkin-intention label.featured { border-color:rgba(67,239,190,.26); background:rgba(67,239,190,.04); }
  .life-checkin-form input,.life-checkin-form textarea,.life-project-create input,.life-project-create select { width:100%; min-height:42px; padding:0; border:0 !important; outline:0; color:var(--life-text); background:transparent !important; box-shadow:none !important; font-size:16px; }
  .life-checkin-form textarea { padding-top:6px; resize:vertical; }
  .life-checkin-more { border:1px solid var(--life-line); border-radius:20px; background:rgba(255,255,255,.015); overflow:hidden; }
  .life-checkin-more summary { display:grid; grid-template-columns:36px minmax(0,1fr) 20px; gap:10px; align-items:center; padding:13px; list-style:none; cursor:pointer; }
  .life-checkin-more summary::-webkit-details-marker { display:none; }
  .life-checkin-more summary>span { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:var(--life-cyan); background:rgba(69,207,250,.06); }
  .life-checkin-more summary strong { display:block; font-size:10px; }
  .life-checkin-more summary small { display:block; margin-top:3px; color:var(--life-muted); font-size:7px; }
  .life-checkin-more summary i { color:#6c868d; font-style:normal; transition:transform .2s; }
  .life-checkin-more[open] summary i { transform:rotate(180deg); }
  .life-checkin-details { display:grid; gap:8px; padding:0 10px 10px; }
  .life-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .life-field-grid label { min-width:0; padding:12px; border:1px solid var(--life-line); border-radius:15px; background:rgba(255,255,255,.018); }
  .life-toggle-stack { display:grid; gap:6px; }
  .life-toggle-stack label { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--life-line); border-radius:14px; }
  .life-toggle-stack input { width:20px; min-height:20px; accent-color:var(--life-teal); }
  .life-toggle-stack span { margin:0 !important; color:#b8cbcf !important; font-size:9px !important; letter-spacing:0 !important; text-transform:none !important; }
  .life-micro-mission { display:grid; grid-template-columns:42px 1fr; gap:12px; margin-top:20px; padding:16px; border:1px solid rgba(69,207,250,.2); border-radius:21px; background:rgba(69,207,250,.035); }
  .life-micro-mission>span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--life-cyan); background:rgba(69,207,250,.08); }
  .life-micro-mission small { color:var(--life-cyan); font-size:7px; letter-spacing:.12em; }
  .life-micro-mission h2 { margin-top:5px; font-size:15px; }
  .life-micro-mission p { margin:5px 0 0; font-size:9px; }
  .life-low-day { width:100%; display:grid; grid-template-columns:40px 1fr 20px; align-items:center; gap:10px; margin-top:16px; padding:12px; border:1px solid rgba(255,125,145,.18); border-radius:18px; color:var(--life-text); background:rgba(255,125,145,.035); text-align:left; }
  .life-low-day>span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--life-danger); background:rgba(255,125,145,.08); }
  .life-low-day strong { display:block; font-size:10px; }
  .life-low-day small { display:block; margin-top:3px; color:var(--life-muted); font-size:7px; }
  .life-low-day i { color:var(--life-danger); font-style:normal; }

  /* Coach */
  .life-coach-hero { min-height:240px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; padding:20px; border:1px solid rgba(67,239,190,.22); border-radius:28px; background:radial-gradient(circle at 50% 10%,rgba(67,239,190,.16),transparent 42%),linear-gradient(150deg,#0b3035,#06191d); }
  .life-coach-presence { position:absolute; top:18px; right:18px; width:92px; height:92px; display:grid; place-items:center; }
  .life-coach-presence span { position:relative; z-index:3; width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(67,239,190,.5); border-radius:50%; background:#0d3439; font-size:19px; }
  .life-coach-presence i { position:absolute; width:82px; height:30px; border:1px solid rgba(67,239,190,.28); border-radius:50%; transform:rotate(26deg); }
  .life-coach-presence i:last-child { transform:rotate(-26deg); opacity:.5; }
  .life-coach-hero small { color:var(--life-teal); font-size:8px; letter-spacing:.16em; }
  .life-coach-hero h1 { max-width:68%; margin-top:7px; font-size:30px; }
  .life-coach-hero p { max-width:82%; margin:10px 0 0; font-size:12px; }
  .life-coach-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:9px; }
  .life-coach-metrics article { padding:12px 8px; border:1px solid var(--life-line); border-radius:16px; text-align:center; background:rgba(255,255,255,.018); }
  .life-coach-metrics small { display:block; color:#708990; font-size:6px; letter-spacing:.1em; }
  .life-coach-metrics strong { display:block; margin-top:5px; color:var(--life-teal); font-size:12px; text-transform:capitalize; }
  .life-coach-missions { display:grid; gap:8px; }
  .life-coach-missions article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; padding:13px; border:1px solid var(--life-line); border-radius:19px; background:rgba(255,255,255,.018); }
  .life-coach-missions article>b { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:var(--life-teal); background:rgba(67,239,190,.07); font-size:9px; }
  .life-coach-missions small { color:#718d93; font-size:6px; letter-spacing:.11em; }
  .life-coach-missions h3 { margin-top:4px; font-size:12px; }
  .life-coach-missions p { margin:4px 0 0; font-size:8px; }
  .life-coach-missions article>span { color:var(--life-cyan); font-size:8px; }
  .life-coach-warning { display:flex; gap:10px; margin-top:8px; padding:11px; border:1px solid rgba(255,185,107,.18); border-radius:15px; background:rgba(255,185,107,.04); }
  .life-coach-warning span { color:var(--life-warm); }
  .life-coach-warning p { margin:0; font-size:8px; }
  .life-conversation-card { margin-top:25px; padding:16px; border:1px solid var(--life-line); border-radius:25px; background:rgba(255,255,255,.018); }
  .life-conversation-card>header { display:flex; align-items:center; justify-content:space-between; }
  .life-conversation-card>header small { color:var(--life-teal); font-size:7px; letter-spacing:.14em; }
  .life-conversation-card>header h2 { margin-top:5px; font-size:17px; }
  .life-live-dot { width:10px; height:10px; border-radius:50%; background:var(--life-teal); box-shadow:0 0 14px var(--life-teal); }
  .life-dialogue-stream { max-height:360px; overflow:auto; display:flex; flex-direction:column; gap:8px; margin:15px -2px 11px; padding:2px; }
  .life-dialogue-stream article { max-width:88%; padding:11px 12px; border-radius:16px; background:#0a2a30; }
  .life-dialogue-stream article.user { align-self:flex-end; background:rgba(67,239,190,.11); }
  .life-dialogue-stream small { color:var(--life-teal); font-size:6px; letter-spacing:.12em; }
  .life-dialogue-stream p { margin:4px 0 0; color:#c7dadf; font-size:10px; }
  .life-dialogue-stream a { display:inline-block; margin-top:7px; color:var(--life-cyan); font-size:8px; text-decoration:none; }
  .life-dialogue-form { display:grid; grid-template-columns:1fr 42px; align-items:end; gap:8px; padding:8px; border:1px solid var(--life-line); border-radius:18px; background:rgba(0,0,0,.16); }
  .life-dialogue-form textarea { min-height:46px; padding:8px; border:0; outline:0; color:var(--life-text); background:transparent; font-size:16px; resize:none; }
  .life-dialogue-form button { width:42px; height:42px; border:0; border-radius:14px; color:#032019; background:var(--life-teal); font-size:20px; }
  .life-coach-prompts { display:flex; gap:6px; overflow:auto; margin-top:9px; padding-bottom:3px; scrollbar-width:none; }
  .life-coach-prompts button { flex:0 0 auto; padding:8px 10px; border:1px solid var(--life-line); border-radius:999px; color:#aac0c5; background:rgba(255,255,255,.02); font-size:8px; }
  .life-coach-actions { display:grid; gap:7px; margin-top:14px; }
  .life-coach-actions>* { width:100%; display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:center; min-height:63px; padding:11px; border:1px solid var(--life-line); border-radius:18px; color:var(--life-text); background:rgba(255,255,255,.018); text-align:left; text-decoration:none; }
  .life-coach-actions span { grid-row:1/3; width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:var(--life-cyan); background:rgba(69,207,250,.07); }
  .life-coach-actions strong { font-size:10px; }
  .life-coach-actions small { color:var(--life-muted); font-size:7px; }

  /* Progress */
  .life-progress-hero { display:grid; grid-template-columns:94px 1fr; align-items:center; gap:14px; padding:19px; border:1px solid rgba(155,145,255,.23); border-radius:27px; background:radial-gradient(circle at 10% 20%,rgba(155,145,255,.16),transparent 36%),rgba(255,255,255,.018); }
  .life-level-orbit { position:relative; width:88px; height:88px; display:grid; place-items:center; }
  .life-level-orbit span { position:relative; z-index:2; width:55px; height:55px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#171e3f; border:1px solid rgba(155,145,255,.55); font-size:23px; font-weight:700; }
  .life-level-orbit i { position:absolute; width:84px; height:32px; border:1px solid rgba(155,145,255,.34); border-radius:50%; transform:rotate(28deg); }
  .life-level-orbit i:last-child { transform:rotate(-28deg); opacity:.55; }
  .life-progress-hero small { color:var(--life-violet); font-size:7px; letter-spacing:.14em; }
  .life-progress-hero h1 { margin-top:4px; font-size:26px; }
  .life-progress-hero p { margin:5px 0 9px; font-size:9px; }
  .life-progress-hero>div:last-child>div { display:grid; grid-template-columns:1fr auto; align-items:center; gap:7px; }
  .life-progress-hero>div:last-child i { height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.08); }
  .life-progress-hero>div:last-child i u { display:block; height:100%; background:linear-gradient(90deg,var(--life-violet),var(--life-cyan)); }
  .life-progress-hero>div:last-child span { color:#8fa6ad; font-size:7px; }
  .life-progress-stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; }
  .life-progress-stats article { display:grid; grid-template-columns:34px 1fr; align-items:center; padding:12px; border:1px solid var(--life-line); border-radius:17px; background:rgba(255,255,255,.018); }
  .life-progress-stats span { grid-row:1/3; width:32px; height:32px; display:grid; place-items:center; border-radius:11px; color:var(--life-cyan); background:rgba(69,207,250,.07); }
  .life-progress-stats strong { font-size:17px; }
  .life-progress-stats small { color:var(--life-muted); font-size:7px; }
  .life-chart-card { padding:12px; border:1px solid var(--life-line); border-radius:21px; background:rgba(255,255,255,.018); overflow:hidden; }
  .life-chart-card .line-chart { min-height:220px; }
  .life-chart-card p { margin:8px 3px 0; font-size:8px; }
  .life-skill-list { display:grid; gap:7px; }
  .life-skill-list article { display:grid; grid-template-columns:35px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--life-line); border-radius:16px; background:rgba(255,255,255,.015); }
  .life-skill-list>article>span { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:var(--life-teal); background:rgba(67,239,190,.06); }
  .life-skill-list strong { display:block; font-size:9px; }
  .life-skill-list i { display:block; height:4px; margin-top:7px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
  .life-skill-list i u { display:block; height:100%; background:linear-gradient(90deg,var(--life-teal),var(--life-cyan)); }
  .life-skill-list b { color:#8fa9af; font-size:8px; }
  .life-badge-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .life-badge-grid article { min-height:102px; padding:13px; border:1px solid rgba(155,145,255,.16); border-radius:18px; background:rgba(155,145,255,.025); }
  .life-badge-grid span { color:var(--life-violet); font-size:20px; }
  .life-badge-grid strong { display:block; margin-top:10px; font-size:9px; }
  .life-badge-grid small { display:block; margin-top:4px; color:var(--life-muted); font-size:7px; }
  .life-progress-links,.life-plan-more { display:grid; gap:7px; margin-top:16px; }
  .life-progress-links a,.life-plan-more a { display:grid; grid-template-columns:40px 1fr 18px; align-items:center; gap:10px; padding:12px; border:1px solid var(--life-line); border-radius:18px; color:var(--life-text); background:rgba(255,255,255,.018); text-decoration:none; }
  .life-progress-links>a>span,.life-plan-more>a>span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--life-violet); background:rgba(155,145,255,.07); }
  .life-progress-links strong,.life-plan-more strong { display:block; font-size:10px; }
  .life-progress-links small,.life-plan-more small { display:block; margin-top:3px; color:var(--life-muted); font-size:7px; }
  .life-progress-links i,.life-plan-more i { color:var(--life-violet); font-style:normal; }

  /* Plans */
  .life-plan-hubs { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .life-plan-hubs a { min-height:112px; padding:14px; border:1px solid var(--life-line); border-radius:20px; color:var(--life-text); background:rgba(255,255,255,.018); text-decoration:none; }
  .life-plan-hubs span { color:var(--life-teal); font-size:22px; }
  .life-plan-hubs strong { display:block; margin-top:13px; font-size:12px; }
  .life-plan-hubs small { display:block; margin-top:4px; color:var(--life-muted); font-size:8px; }
  .life-project-list { display:grid; gap:9px; }
  .life-project-list>article { padding:15px; border:1px solid var(--life-line); border-radius:21px; background:rgba(255,255,255,.018); }
  .life-project-list>article>header { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:10px; }
  .life-project-list>article>header>span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--life-teal); background:rgba(67,239,190,.07); }
  .life-project-list header small { color:#718990; font-size:6px; letter-spacing:.1em; }
  .life-project-list header h3 { margin-top:3px; font-size:12px; }
  .life-project-list header>strong { color:var(--life-teal); font-size:14px; }
  .life-project-list>article>i { display:block; height:5px; margin:13px 0 8px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
  .life-project-list>article>i u { display:block; height:100%; background:linear-gradient(90deg,var(--life-teal),var(--life-cyan)); }
  .life-project-list>article>p { margin:0; font-size:9px; }
  .life-project-list>article>div { display:flex; align-items:center; justify-content:space-between; margin-top:12px; }
  .life-project-list>article>div>a { color:var(--life-cyan); font-size:8px; text-decoration:none; }
  .life-project-list details { position:relative; }
  .life-project-list details summary { color:#8da5ab; font-size:8px; cursor:pointer; }
  .life-project-list details form { position:absolute; z-index:8; right:0; width:min(290px,80vw); display:grid; gap:7px; margin-top:8px; padding:12px; border:1px solid var(--life-line-strong); border-radius:16px; background:#09252a; box-shadow:0 20px 50px rgba(0,0,0,.45); }
  .life-project-list details input,.life-project-list details select { min-height:40px; padding:8px; border:1px solid var(--life-line); border-radius:11px; color:var(--life-text); background:#061b1f; }
  .life-project-list details button { min-height:40px; border:0; border-radius:11px; color:#032019; background:var(--life-teal); }
  .life-empty-project { width:100%; min-height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px dashed var(--life-line-strong); border-radius:21px; color:var(--life-text); background:rgba(67,239,190,.025); }
  .life-empty-project span { color:var(--life-teal); font-size:29px; }
  .life-empty-project strong { font-size:12px; }
  .life-empty-project small { color:var(--life-muted); font-size:8px; }
  .life-project-create { margin-top:16px; padding:16px; border:1px solid var(--life-line-strong); border-radius:23px; background:linear-gradient(145deg,#0a2d32,#071b20); }
  .life-project-create[hidden] { display:none !important; }
  .life-project-create>header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:12px; }
  .life-project-create>header small { color:var(--life-teal); font-size:7px; letter-spacing:.14em; }
  .life-project-create>header h2 { margin-top:5px; }
  .life-project-create>header button { width:38px; height:38px; border:1px solid var(--life-line); border-radius:13px; color:var(--life-text); background:transparent; font-size:22px; }
  .life-project-create form { display:grid; gap:8px; }

  /* Make every remaining module usable, without flattening its full feature set. */
  .page-content>.page-heading,.page-content>.systems-hero,.page-content>.premium-hero,.page-content>.module-hero { margin:0 0 14px !important; padding:16px !important; border-radius:22px !important; }
  .page-heading { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important; }
  .page-heading h1,.systems-hero h1 { font-size:29px !important; letter-spacing:-.045em !important; }
  .page-heading p,.systems-hero p { font-size:11px !important; line-height:1.5 !important; }
  .systems-hero { grid-template-columns:1fr !important; min-height:0 !important; }
  .systems-hero-visual,.module-hero-visual,.premium-hero-visual { display:none !important; }
  .panel,.card,[class*="-panel"],[class*="-card"] { max-width:100%; min-width:0; }
  .panel { border-radius:20px !important; }
  .kpi-strip,.kpi-strip.eight,.stats-grid,.summary-grid,[class*="-grid"] { grid-template-columns:1fr !important; }
  .kpi-strip,.kpi-strip.eight { grid-template-columns:1fr 1fr !important; gap:7px !important; }
  .kpi-strip article { min-width:0; padding:12px !important; }
  .kpi-strip strong { font-size:20px !important; }
  .form-grid,.form-grid.two,.form-grid.three,.form-grid.four { grid-template-columns:1fr !important; }
  .btn,.btn-large { min-height:46px; white-space:normal; }
  input,select,textarea { max-width:100%; font-size:16px !important; }
  .data-table-wrap { overflow:auto !important; border-radius:18px; }
  .data-table { min-width:680px; }
  .modal,.command-modal,.capture-modal,.view-modal { z-index:1500 !important; }
  .modal>section,.command-console,.capture-console,.view-console,.rescue-console,.profile-menu-panel,.experience-drawer-panel { left:8px !important; right:8px !important; bottom:calc(8px + env(safe-area-inset-bottom)) !important; top:auto !important; width:auto !important; max-width:none !important; max-height:88dvh !important; overflow:auto !important; border-radius:25px !important; transform:none !important; }
  .capture-type-tabs { overflow:auto; justify-content:flex-start; }
  .capture-type-tabs button { flex:0 0 auto; }
  .toast-stack { position:fixed; z-index:2000; top:calc(var(--life-header-height) + env(safe-area-inset-top) + 8px); left:12px; right:12px; width:auto; }
  body.life-keyboard-open .life-mobile-nav,body.life-keyboard-open .life-mobile-capture { transform:translateY(130%); pointer-events:none; }
  body.life-keyboard-open .page-wrap { padding-bottom:30px !important; }
}

@media (max-width:390px) {
  .life-mobile-brand span:last-child { display:none; }
  .life-mobile-level { width:130px; }
  .life-universe-featured { grid-template-columns:1fr 1fr; }
  .life-mission-copy { max-width:68%; }
  .life-mission-copy h2 { font-size:23px; }
}

@media (prefers-reduced-motion:reduce) {
  .life-universe-backdrop,.life-universe-panel,.life-mobile-nav,.life-mobile-capture { transition:none !important; }
}

/* --------------------------------------------------------------------------
   GENESIS 6.11 — onboarding mobile. One decision at a time, full form intact.
   -------------------------------------------------------------------------- */
@media (max-width:900px) {
  body.onboarding-body {
    min-height:100%;
    padding:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    background:var(--life-bg) !important;
  }
  body.onboarding-body .ambient { display:none !important; }
  .genesis-shell {
    display:block !important;
    width:100% !important;
    min-height:100dvh !important;
    overflow:visible !important;
    background:radial-gradient(circle at 80% 0,rgba(67,239,190,.12),transparent 28%),var(--life-bg) !important;
  }
  .genesis-atmosphere { opacity:.22 !important; position:fixed !important; pointer-events:none; }
  .genesis-avatar-rail {
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    min-height:0 !important;
    padding:calc(env(safe-area-inset-top) + 12px) 16px 10px !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
  .genesis-brand { min-height:48px; }
  .genesis-brand .brand-mark { transform:scale(.78); transform-origin:left center; }
  .genesis-brand strong { font-size:17px !important; letter-spacing:.16em; }
  .genesis-brand small { font-size:7px !important; }
  .genesis-guide-card {
    display:grid !important;
    grid-template-columns:68px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    min-height:0 !important;
    margin-top:10px !important;
    padding:12px !important;
    border:1px solid var(--life-line) !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.018) !important;
  }
  .genesis-avatar-stage { min-height:64px !important; height:64px !important; width:64px !important; overflow:visible !important; }
  .genesis-avatar-halo,.genesis-orbit { transform:scale(.42) !important; }
  .genesis-avatar-core { width:46px !important; height:46px !important; inset:9px !important; }
  .genesis-avatar-name { display:none !important; }
  .genesis-dialogue { min-width:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
  .genesis-dialogue::before { display:none !important; }
  .genesis-dialogue small { color:var(--life-teal) !important; font-size:7px !important; letter-spacing:.13em !important; }
  .genesis-dialogue p { margin:6px 0 0 !important; color:#b8cdd1 !important; font-size:10px !important; line-height:1.45 !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .genesis-journey,.genesis-signal-grid,.genesis-promise { display:none !important; }
  .genesis-console {
    width:100% !important;
    min-height:0 !important;
    padding:8px 14px calc(108px + env(safe-area-inset-bottom)) !important;
    overflow:visible !important;
  }
  .genesis-header { display:block !important; padding:10px 3px 14px !important; }
  .genesis-title-block .genesis-eyebrow i { display:none !important; }
  .genesis-title-block .genesis-eyebrow span { color:var(--life-teal) !important; font-size:7px !important; letter-spacing:.16em !important; }
  .genesis-title-block h1 { margin:7px 0 6px !important; font-size:30px !important; line-height:1.02 !important; letter-spacing:-.055em !important; }
  .genesis-title-block h1 em { color:var(--life-cyan) !important; }
  .genesis-title-block>p { margin:0 !important; color:var(--life-muted) !important; font-size:10px !important; line-height:1.45 !important; }
  .genesis-progress { margin-top:14px !important; padding:11px 12px !important; border:1px solid var(--life-line) !important; border-radius:16px !important; background:rgba(255,255,255,.018) !important; }
  .genesis-progress span { display:flex !important; justify-content:space-between !important; }
  .genesis-progress span b,.genesis-progress span em,.genesis-progress small { font-size:7px !important; }
  .genesis-progress>i { height:4px !important; margin:8px 0 4px !important; }
  .genesis-form,.genesis-step-viewport { width:100% !important; min-height:0 !important; height:auto !important; overflow:visible !important; }
  .genesis-step { display:none !important; position:relative !important; inset:auto !important; width:100% !important; min-height:0 !important; height:auto !important; overflow:visible !important; opacity:1 !important; transform:none !important; pointer-events:auto !important; }
  .genesis-step.active { display:block !important; }
  .step-heading { display:grid !important; grid-template-columns:42px minmax(0,1fr) !important; gap:11px !important; align-items:start !important; margin-bottom:12px !important; }
  .step-heading>span { width:42px !important; height:42px !important; display:grid !important; place-items:center !important; border:1px solid var(--life-line-strong) !important; border-radius:14px !important; color:var(--life-teal) !important; font-size:13px !important; background:rgba(67,239,190,.055) !important; }
  .step-heading small { color:var(--life-teal) !important; font-size:7px !important; letter-spacing:.13em !important; }
  .step-heading h2 { margin:4px 0 5px !important; font-size:24px !important; line-height:1.05 !important; letter-spacing:-.045em !important; }
  .step-heading p { margin:0 !important; color:var(--life-muted) !important; font-size:9px !important; line-height:1.45 !important; }
  .genesis-content-card,.genesis-fieldset,.genesis-launch-preview {
    width:100% !important;
    margin:8px 0 !important;
    padding:13px !important;
    border:1px solid var(--life-line) !important;
    border-radius:19px !important;
    background:rgba(255,255,255,.018) !important;
    box-shadow:none !important;
  }
  .genesis-fieldset legend { padding:0 4px !important; color:#809ba1 !important; font-size:7px !important; letter-spacing:.12em !important; }
  .genesis-choice-grid,.genesis-choice-grid.three,.avatar-choice-grid,.genesis-goal-grid,.genesis-obstacle-grid,.launch-preview-grid { grid-template-columns:1fr !important; gap:7px !important; }
  .genesis-choice>span,.genesis-goal>span,.genesis-obstacle-grid label>span { min-height:68px !important; padding:11px !important; border:1px solid var(--life-line) !important; border-radius:16px !important; background:rgba(255,255,255,.018) !important; }
  .genesis-choice input:checked+span,.genesis-goal input:checked+span,.genesis-obstacle-grid input:checked+span { border-color:rgba(67,239,190,.42) !important; background:linear-gradient(145deg,rgba(67,239,190,.11),rgba(67,239,190,.025)) !important; }
  .genesis-choice strong,.genesis-goal strong { font-size:11px !important; }
  .genesis-choice small,.genesis-goal small { font-size:8px !important; line-height:1.35 !important; }
  .genesis-content-card label>span,.genesis-step label>span { font-size:7px !important; letter-spacing:.1em !important; }
  .genesis-step input,.genesis-step select,.genesis-step textarea { width:100% !important; min-height:46px !important; font-size:16px !important; }
  .genesis-step textarea { min-height:90px !important; }
  .genesis-chip-checks { display:flex !important; flex-wrap:wrap !important; gap:6px !important; }
  .genesis-chip-checks label { flex:1 1 45% !important; }
  .genesis-actions {
    position:fixed !important;
    z-index:1250 !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    gap:8px !important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    border-top:1px solid rgba(67,239,190,.17) !important;
    background:rgba(3,18,21,.97) !important;
    backdrop-filter:blur(22px) !important;
  }
  .genesis-actions>.btn { min-width:46px !important; width:46px !important; padding:0 !important; font-size:0 !important; border-radius:15px !important; }
  .genesis-actions>.btn span { font-size:19px !important; }
  .genesis-action-copy { display:none !important; }
  .genesis-action-buttons { width:100% !important; }
  .genesis-action-buttons .btn { width:100% !important; min-height:52px !important; border-radius:16px !important; font-size:9px !important; }
  .medical-note { font-size:8px !important; line-height:1.45 !important; }
}

/* Authentication: the first impression must feel like the product, not admin. */
@media (max-width:900px) {
  body.auth-body { min-height:100dvh; padding:0 !important; overflow:auto !important; background:var(--life-bg) !important; }
  .auth-shell { display:block !important; width:100% !important; min-height:100dvh !important; padding:calc(env(safe-area-inset-top) + 18px) 14px calc(env(safe-area-inset-bottom) + 22px) !important; background:radial-gradient(circle at 80% 0,rgba(67,239,190,.14),transparent 32%),var(--life-bg) !important; }
  .auth-hero { min-height:0 !important; padding:8px 4px 20px !important; background:transparent !important; }
  .auth-hero::before,.auth-hero::after { display:none !important; }
  .auth-hero .brand { margin-bottom:45px !important; }
  .auth-hero .hero-kicker { color:var(--life-teal) !important; font-size:7px !important; letter-spacing:.14em !important; }
  .auth-hero h1 { margin:11px 0 10px !important; font-size:38px !important; line-height:1 !important; letter-spacing:-.06em !important; }
  .auth-hero h1 em { color:var(--life-cyan) !important; }
  .auth-hero>p { max-width:440px !important; color:var(--life-muted) !important; font-size:11px !important; line-height:1.5 !important; }
  .auth-trust-grid { display:none !important; }
  .auth-admin-callout { margin-top:14px !important; }
  .auth-card { width:100% !important; max-width:none !important; margin:0 !important; padding:18px !important; border:1px solid var(--life-line) !important; border-radius:25px !important; background:linear-gradient(155deg,rgba(12,43,48,.95),rgba(5,22,26,.96)) !important; box-shadow:0 28px 70px rgba(0,0,0,.3) !important; }
  .auth-card .section-heading h2 { font-size:25px !important; }
  .auth-card .stack-form { gap:10px !important; }
  .auth-card label { min-width:0; }
  .auth-card input { min-height:50px !important; font-size:16px !important; }
  .auth-card .btn-primary { min-height:54px !important; border-radius:16px !important; }
  .auth-links { margin-top:14px !important; }
}

/* REBOOT_MOBILE_STABILITY_HOTFIX_6_11_2_BEGIN
   Android/WebView: défilement stable et rendu GPU allégé.
*/
@media (max-width:900px) {
  html,
  html.reboot-native-app {
    width:100% !important;
    min-height:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:auto !important;
    touch-action:pan-y pinch-zoom !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.native-android {
    width:100% !important;
    min-height:100dvh !important;
    height:auto !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:auto !important;
    touch-action:pan-y pinch-zoom !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .app-shell,
  .main-area,
  .page-wrap,
  .page-content,
  .life-page,
  main#main-content {
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
  }

  .page-wrap {
    padding-bottom:calc(var(--life-nav-height) + 48px + env(safe-area-inset-bottom)) !important;
  }

  /* Le tutoriel historique desktop ne doit jamais créer de calque mobile. */
  .tour-overlay,
  .tour-overlay.open {
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /*
   * backdrop-filter sur plusieurs éléments fixes peut saturer certains moteurs
   * Android WebView pendant un long scroll. Les fonds opaques gardent le thème.
   */
  body.native-android * {
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  body.native-android .life-mobile-header {
    background:#061b1f !important;
  }

  body.native-android .life-mobile-nav {
    background:#05191d !important;
    box-shadow:0 -8px 24px rgba(0,0,0,.28) !important;
  }

  body.native-android .genesis-actions {
    background:#05191d !important;
  }

  body.native-android .life-universe-backdrop,
  body.native-android .modal-backdrop {
    background:rgba(0,7,9,.84) !important;
  }

  /* Supprime uniquement les gros calques décoratifs, pas la gamification. */
  body.native-android .ambient {
    display:none !important;
  }

  body.native-android::after {
    display:none !important;
  }

  body.native-android .avatar-orbit,
  body.native-android .stage-orbit,
  body.native-android .stage-scan,
  body.native-android .stage-satellite,
  body.native-android .module-studio-clean-satellite,
  body.native-android .mission-task-art > i {
    animation:none !important;
  }

  body.native-android {
    scroll-behavior:auto !important;
  }

  body.native-android .life-universe-content,
  body.native-android .life-dialogue-stream,
  body.native-android .data-table-wrap,
  body.native-android .modal > section,
  body.native-android .command-console,
  body.native-android .capture-console,
  body.native-android .view-console,
  body.native-android .rescue-console,
  body.native-android .profile-menu-panel,
  body.native-android .experience-drawer-panel,
  body.native-android .workspace-panel {
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }
}
/* REBOOT_MOBILE_STABILITY_HOTFIX_6_11_2_END */