/* Desktop preserved; mobile compatibility is a lower cascade layer. */
@layer legacy {
@media(min-width:761px) {
/* Existing home adaptations, now owned by the home page. */
@media (max-width:760px){.mobile-star-home{display:block;padding:0 0 20px;background:transparent;color:var(--dream-ink);font-family:system-ui,sans-serif}
.mobile-star-hero{position:relative;min-height:310px;margin:0;padding:0 18px 24px;overflow:hidden;background:center/cover var(--mobile-star-cover),#4a2b24;color:#fff}
.mobile-star-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,21,48,.18),rgba(11,16,38,.82))}
.mobile-star-avatar{position:absolute;z-index:1;top:18px;right:18px;width:76px;height:76px;border:3px solid rgba(255,255,255,.82);border-radius:50%;object-fit:cover}
.mobile-star-intro{position:absolute;z-index:1;right:18px;bottom:76px;left:18px}
.mobile-star-intro p{margin:0 0 7px;font-size:10px;font-weight:900;letter-spacing:.16em}
.mobile-star-intro h1{margin:0;font-family:system-ui,sans-serif;font-size:48px;line-height:1}
.mobile-star-intro span{display:block;margin-top:9px;font-size:13px}
.mobile-star-intro .mobile-star-tagline{color:#d9476b}
.mobile-star-links{position:absolute;z-index:1;right:18px;bottom:18px;left:18px;display:flex;gap:7px}
.mobile-star-links a{padding:8px 10px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;background:rgba(0,0,0,.22);font-size:11px;text-decoration:none}
.mobile-star-sheet{margin:-30px 14px 0;padding:18px 18px 8px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(255,253,250,.96),var(--dream-paper) 40%,#f8f2ec 100%);box-shadow:var(--dream-shadow-sm)}

  .mobile-star-section,.mobile-star-fold{margin:0;border:0;background:transparent;box-shadow:none}
.mobile-star-section{padding:18px 0}
.mobile-section-heading p{margin:0;color:var(--dream-accent-ink);font-size:10px;font-weight:900;letter-spacing:.14em}
.mobile-section-heading h2{margin:5px 0 16px;font-family:system-ui,sans-serif;font-size:25px}
.mobile-basic-list{display:grid;gap:0;margin:0}
.mobile-basic-item{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid var(--dream-border)}
.mobile-basic-item:last-child{border-bottom:0}
.mobile-basic-item dt{color:var(--dream-muted);font-size:10px;font-weight:800;letter-spacing:.08em}
.mobile-basic-item dd{margin:0}
.mobile-basic-item strong{display:block;font-size:15px;line-height:1.5}
.mobile-basic-item div{display:flex;flex-wrap:wrap;gap:6px}
.mobile-basic-item b{padding:3px 0;color:var(--dream-accent-ink);background:none;font-size:14px}
.mobile-quote-grid{display:grid;gap:8px;margin-top:14px}
.mobile-quote-grid blockquote{margin:0;padding:12px 0 0;border-top:1px solid var(--dream-border);color:var(--dream-ink);background:none;font:18px/1.6 system-ui,sans-serif}
.mobile-star-fold{padding:0}
.mobile-star-fold summary{display:grid;grid-template-columns:1fr auto 20px;align-items:center;min-height:62px;list-style:none;cursor:pointer}
.mobile-star-fold summary::-webkit-details-marker{display:none}
.mobile-star-fold summary span{color:var(--dream-accent-ink);font-size:9px;font-weight:900;letter-spacing:.12em}
.mobile-star-fold summary strong{font-size:15px}
.mobile-star-fold summary i{font-style:normal;text-align:right;transition:.2s}
.mobile-star-fold:not([open]) summary i{transform:rotate(-90deg)}
.mobile-emoji-grid,.mobile-red-grid,.mobile-birthday-list{display:grid;gap:0;padding:0 0 8px}
.mobile-emoji-grid article,.mobile-birthday-list article{padding:12px 0;border-bottom:1px solid var(--dream-border);background:none}
.mobile-emoji-grid article>div{display:flex;align-items:center;gap:8px}
.mobile-emoji-grid article>div span{font-size:23px}
.mobile-emoji-grid nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.mobile-emoji-grid nav a{display:grid;width:28px;height:25px;place-items:center;border-radius:6px;color:var(--dream-accent-ink);background:var(--dream-paper-soft);font-size:11px;text-decoration:none}
.mobile-red-grid a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--dream-border);color:var(--dream-accent-ink);background:none;font-size:13px;font-weight:800;text-decoration:none}
.mobile-birthday-list article{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:start}
.mobile-birthday-list strong{color:var(--dream-accent-ink);font-family:system-ui,sans-serif;font-size:18px}
.mobile-birthday-list div{display:flex;flex-wrap:wrap;gap:6px}
.mobile-birthday-list a{padding:5px 0;color:var(--dream-ink);background:none;font-size:11px;text-decoration:none}
.mobile-firsts ol{margin:0;padding:0;list-style:none}
.mobile-firsts li{position:relative;display:grid;grid-template-columns:76px 1fr;gap:12px;padding:0 0 16px 13px;border-left:1px solid #d9bbb3}
.mobile-firsts li::before{position:absolute;top:3px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--dream-accent-ink);content:""}
.mobile-firsts time{color:var(--dream-muted);font-size:11px}
.mobile-firsts a,.mobile-firsts span{color:var(--dream-ink);font-size:13px;font-weight:800;line-height:1.45;text-decoration:none}}

@media (min-width:761px){.mobile-star-home,.mobile-app-nav,.mobile-inline-tabs{display:none}}


/* Second-pass mobile visual system: one type scale, one archive language, no routine horizontal scrolling. */
@media (max-width:760px){
  h1,h2,h3,.mobile-star-intro h1,.mobile-section-heading h2,.hero-title h1,.archive-hero h2,.douyin-hero h2,.guides-hero h2,.assessments-hero h2,.collection-hero h1,.profile-section-heading h2{font-family:system-ui,sans-serif;font-weight:800}

  .mobile-star-home{font-size:var(--mobile-size-md)}

  .mobile-star-sheet{margin:-36px 14px 0;padding:20px 18px 8px;border-radius:28px 28px 0 0}

  .mobile-star-section,.mobile-star-fold{border:0;border-top:1px solid var(--dream-border);border-radius:0;box-shadow:none;background:transparent;margin:0}

  .mobile-star-section{padding:24px 0}
.mobile-star-fold{padding:0}
.mobile-star-fold summary{min-height:58px}
.mobile-basic-item,.mobile-emoji-grid article,.mobile-red-grid a,.mobile-birthday-list article{background:transparent;border-bottom:1px solid var(--dream-border)}

  .mobile-section-heading h2{font-size:var(--mobile-size-lg)}
.mobile-star-intro h1{font-size:44px}
.mobile-star-intro span{font-size:var(--mobile-size-sm)}
.mobile-basic-item strong,.mobile-firsts a,.mobile-firsts span{font-size:var(--mobile-size-sm)}
.mobile-quote-grid blockquote{font-size:var(--mobile-size-md)}}


/* Final mobile type and component rhythm. */
@media (max-width:760px){

  .mobile-star-hero{min-height:286px}

  .mobile-star-avatar{width:68px;height:68px}

  .mobile-star-intro h1{font-size:36px;line-height:1.08}

  .mobile-star-intro p,.mobile-section-heading p,.mobile-star-fold summary span{
    font-size:var(--mobile-size-label);
  }

  .mobile-star-intro span,.mobile-star-links a,.mobile-basic-item dt,.mobile-firsts time,
  .mobile-emoji-grid nav a,.mobile-birthday-list a{
    font-size:var(--mobile-size-body);
  }

  .mobile-star-sheet{
    margin:-24px 12px 0;
    padding:18px 18px 6px;
    border-radius:var(--mobile-radius-sheet) var(--mobile-radius-sheet) 0 0;
  }

  .mobile-star-section{padding:20px 0}

  .mobile-section-heading h2{margin:4px 0 13px;font-size:var(--mobile-size-title);line-height:1.3}

  .mobile-basic-item{grid-template-columns:76px 1fr;padding:11px 0}

  .mobile-basic-item strong,.mobile-basic-item b,.mobile-star-fold summary strong,
  .mobile-firsts a,.mobile-firsts span,.mobile-red-grid a{
    font-size:var(--mobile-size-strong);
  }

  .mobile-quote-grid blockquote{font-size:var(--mobile-size-strong);line-height:1.7}

  .mobile-star-fold summary{min-height:54px}

  .mobile-birthday-list strong{font-size:var(--mobile-size-title)}}


/* Final home fusion: keep the app-style content, restore the old handbook masthead only. */
@media (max-width:760px){
  .home-page-body{
    background:
      linear-gradient(90deg,rgba(0,0,0,.035),transparent 9%,transparent 91%,rgba(0,0,0,.035)),
      var(--dream-bg);
  }


  .home-page-body .mobile-star-home{
    margin:12px 12px 78px;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(45,19,13,.08);
    border-radius:22px;
    background:var(--dream-paper);
    color:var(--dream-ink);
    box-shadow:var(--dream-shadow-sm);
  }


  .home-page-body .mobile-star-hero{
    min-height:0;
    margin:0;
    padding:112px 24px 18px;
    overflow:hidden;
    border:0;
    border-bottom:1px solid rgba(216,206,196,.72);
    border-radius:0;
    background:var(--dream-paper);
    color:var(--dream-ink);
    box-shadow:none;
  }


  .home-page-body .mobile-star-hero::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:156px;
    border-bottom:0;
    background-image:
      linear-gradient(180deg,rgba(255,253,248,.08),rgba(255,253,248,.72)),
      var(--mobile-star-cover);
    background-position:center 42%;
    background-size:cover;
    pointer-events:none;
  }


  


  .home-page-body .mobile-star-hero-shade{
    display:none;
  }


  .home-page-body .mobile-star-avatar{
    position:relative;
    z-index:2;
    top:auto;
    right:auto;
    left:auto;
    display:block;
    width:100px;
    height:100px;
    border:6px solid var(--dream-paper);
    border-radius:8px;
    background:#efe8dd;
    box-shadow:var(--dream-shadow-sm);
    object-fit:cover;
    transform:none;
  }


  .home-page-body .mobile-star-tape{
    position:absolute;
    z-index:3;
    top:102px;
    left:48px;
    width:54px;
    height:16px;
    border:1px solid rgba(216,206,196,.72);
    background:rgba(255,248,224,.72);
    transform:rotate(-2deg);
    pointer-events:none;
  }


  .home-page-body .mobile-star-intro{
    position:absolute;
    z-index:2;
    right:14px;
    bottom:60px;
    left:150px;
  }


  .home-page-body .mobile-star-intro p{
    color:var(--dream-accent-ink);
    font-size:9px;
    letter-spacing:.11em;
    white-space:nowrap;
  }


  .home-page-body .mobile-star-intro h1{
    color:var(--dream-ink);
    font-family:system-ui,sans-serif;
    font-size:44px;
    line-height:.92;
    letter-spacing:-.06em;
    white-space:nowrap;
  }


  .home-page-body .mobile-star-intro span{
    color:var(--dream-muted);
    font-size:11px;
  }


  .home-page-body .mobile-star-links{
    right:14px;
    bottom:16px;
    left:150px;
    gap:8px;
  }


  .home-page-body .mobile-star-links a{
    display:inline-flex;
    min-width:0;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:35px;
    padding:0 12px;
    border-color:var(--dream-border);
    border-radius:999px;
    color:var(--dream-ink);
    background:var(--dream-paper);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }


  .home-page-body .mobile-star-sheet{
    margin:0;
    padding:20px 24px 10px;
    border-radius:0;
    background:var(--dream-paper);
    box-shadow:none;
  }}


/* Final home hero cleanup from browser review. */
@media (max-width:760px){
  


  .home-page-body .mobile-star-intro{
    right:22px;
    left:auto;
    bottom:74px;
    width:min(58%,330px);
    text-align:right;
  }


  .home-page-body .mobile-star-intro p{
    display:none;
  }


  .home-page-body .mobile-star-intro h1,
  .home-page-body .mobile-star-intro span{
    text-align:right;
  }


  .home-page-body .mobile-star-intro span{
    font-size:13px;
    font-weight:800;
  }


  .home-page-body .mobile-star-links{
    right:22px;
    left:auto;
    justify-content:flex-end;
  }}


/* Mobile home dossier alignment from browser review. */
@media (max-width:760px){
  .home-page-body .mobile-star-sheet{
    padding-right:22px;
    padding-left:22px;
    padding-bottom:18px;
  }


  .home-page-body .mobile-basic-list{
    width:100%;
    max-width:424px;
    margin:0 auto;
  }


  .home-page-body .mobile-basic-item{
    grid-template-columns:minmax(86px,.42fr) minmax(0,.58fr);
    gap:10px;
    align-items:center;
  }


  .home-page-body .mobile-basic-item dt{
    text-align:left;
  }


  .home-page-body .mobile-basic-item dd{
    min-width:0;
  }


  .home-page-body .mobile-basic-item div{
    justify-content:flex-start;
  }


  .home-page-body .mobile-quote-grid{
    gap:0;
    margin-top:12px;
    border-top:1px solid var(--dream-border);
    border-bottom:1px solid var(--dream-border);
  }


  .home-page-body .mobile-quote-grid blockquote{
    display:flex;
    min-height:66px;
    align-items:center;
    padding:0;
    border:0;
    font-size:14px;
    line-height:1.55;
  }


  .home-page-body .mobile-quote-grid blockquote + blockquote{
    border-top:1px solid var(--dream-border);
  }


  .home-page-body .mobile-star-fold{
    border-top:0;
  }


  .home-page-body .mobile-star-fold summary{
    border-top:1px solid var(--dream-border);
  }


  .home-page-body .mobile-star-dossier + .mobile-star-fold summary{
    border-top:0;
  }


  .home-page-body .mobile-birthday-list article{
    grid-template-columns:54px 1fr;
    align-items:center;
  }


  .home-page-body .mobile-birthday-list strong{
    font-size:14px;
    line-height:1.35;
    letter-spacing:0;
  }}
/* Dream Journal composition. */

@media(max-width:760px) {
 .home-page-body .mobile-star-home { margin:0 auto; max-width:560px; background:var(--dream-bg); }
 .home-page-body .mobile-star-hero { min-height:270px; padding:108px 22px 38px; margin:16px 16px 0; border:1px solid var(--dream-border); border-radius:var(--dream-radius-xl); background:linear-gradient(135deg,#e5ebf6 0%,#e8e5f2 55%,#f6e4e6 100%); }
 .home-page-body .mobile-star-hero::before { inset:0; height:100%; opacity:.14; background-image:var(--mobile-star-cover); background-position:center; border:0; }
 .home-page-body .mobile-star-hero::after { content:"DREAM JOURNAL / 0517"; display:block; position:absolute; top:25px; left:22px; right:auto; bottom:auto; height:auto; width:auto; color:var(--dream-ink); font:700 10px/1.4 system-ui,sans-serif; letter-spacing:.15em; background:none; transform:none; }
 .home-page-body .mobile-star-avatar { width:100px; height:116px; border:6px solid var(--dream-paper); border-bottom-width:20px; border-radius:3px; transform:rotate(-5deg); box-shadow:var(--dream-shadow-md); }
 .home-page-body .mobile-star-tape { top:99px; left:43px; width:54px; height:16px; background:var(--dream-yellow); opacity:.65; transform:rotate(-9deg); }
 .home-page-body .mobile-star-intro { bottom:96px; right:20px; width:54%; }
 .home-page-body .mobile-star-intro h1 { font-size:clamp(29px,9vw,40px); letter-spacing:.01em; }
 .home-page-body .mobile-star-links { bottom:25px; right:18px; left:18px; gap:6px; flex-wrap:wrap; }
 .home-page-body .mobile-star-links a { min-height:32px; padding:0 10px; font-size:11px; background:var(--dream-paper); }
 .home-page-body .mobile-star-sheet { margin:14px 16px 0; padding:8px 18px 20px; border:1px solid var(--dream-border); border-radius:var(--dream-radius-xl); background:var(--dream-paper); }
 .home-page-body .mobile-section-heading h2 { font-size:23px; }
 .home-page-body .mobile-star-fold summary { min-height:64px; }
}

}
@media(max-width:760px) {
/* Existing home adaptations, now owned by the home page. */
@media (max-width:760px){.mobile-star-home{display:block;padding:0 0 20px;background:transparent;color:var(--dream-ink);font-family:system-ui,sans-serif}
.mobile-star-hero{position:relative;min-height:310px;margin:0;padding:0 18px 24px;overflow:hidden;background:center/cover var(--mobile-star-cover),#4a2b24;color:#fff}
.mobile-star-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,21,48,.18),rgba(11,16,38,.82))}
.mobile-star-avatar{position:absolute;z-index:1;top:18px;right:18px;width:76px;height:76px;border:3px solid rgba(255,255,255,.82);border-radius:50%;object-fit:cover}
.mobile-star-intro{position:absolute;z-index:1;right:18px;bottom:76px;left:18px}
.mobile-star-intro p{margin:0 0 7px;font-size:10px;font-weight:900;letter-spacing:.16em}
.mobile-star-intro h1{margin:0;font-family:system-ui,sans-serif;font-size:48px;line-height:1}
.mobile-star-intro span{display:block;margin-top:9px;font-size:13px}
.mobile-star-links{position:absolute;z-index:1;right:18px;bottom:18px;left:18px;display:flex;gap:7px}
.mobile-star-links a{padding:8px 10px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;background:rgba(0,0,0,.22);font-size:11px;text-decoration:none}
.mobile-star-sheet{margin:-30px 14px 0;padding:18px 18px 8px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(255,253,250,.96),var(--dream-paper) 40%,#f8f2ec 100%);box-shadow:var(--dream-shadow-sm)}

  .mobile-star-section,.mobile-star-fold{margin:0;border:0;background:transparent;box-shadow:none}
.mobile-star-section{padding:18px 0}
.mobile-section-heading p{margin:0;color:var(--dream-accent-ink);font-size:10px;font-weight:900;letter-spacing:.14em}
.mobile-section-heading h2{margin:5px 0 16px;font-family:system-ui,sans-serif;font-size:25px}
.mobile-basic-list{display:grid;gap:0;margin:0}
.mobile-basic-item{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid var(--dream-border)}
.mobile-basic-item:last-child{border-bottom:0}
.mobile-basic-item dt{color:var(--dream-muted);font-size:10px;font-weight:800;letter-spacing:.08em}
.mobile-basic-item dd{margin:0}
.mobile-basic-item strong{display:block;font-size:15px;line-height:1.5}
.mobile-basic-item div{display:flex;flex-wrap:wrap;gap:6px}
.mobile-basic-item b{padding:3px 0;color:var(--dream-accent-ink);background:none;font-size:14px}
.mobile-quote-grid{display:grid;gap:8px;margin-top:14px}
.mobile-quote-grid blockquote{margin:0;padding:12px 0 0;border-top:1px solid var(--dream-border);color:var(--dream-ink);background:none;font:18px/1.6 system-ui,sans-serif}
.mobile-star-fold{padding:0}
.mobile-star-fold summary{display:grid;grid-template-columns:1fr auto 20px;align-items:center;min-height:62px;list-style:none;cursor:pointer}
.mobile-star-fold summary::-webkit-details-marker{display:none}
.mobile-star-fold summary span{color:var(--dream-accent-ink);font-size:9px;font-weight:900;letter-spacing:.12em}
.mobile-star-fold summary strong{font-size:15px}
.mobile-star-fold summary i{font-style:normal;text-align:right;transition:.2s}
.mobile-star-fold:not([open]) summary i{transform:rotate(-90deg)}
.mobile-emoji-grid,.mobile-red-grid,.mobile-birthday-list{display:grid;gap:0;padding:0 0 8px}
.mobile-emoji-grid article,.mobile-birthday-list article{padding:12px 0;border-bottom:1px solid var(--dream-border);background:none}
.mobile-emoji-grid article>div{display:flex;align-items:center;gap:8px}
.mobile-emoji-grid article>div span{font-size:23px}
.mobile-emoji-grid nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.mobile-emoji-grid nav a{display:grid;width:28px;height:25px;place-items:center;border-radius:6px;color:var(--dream-accent-ink);background:var(--dream-paper-soft);font-size:11px;text-decoration:none}
.mobile-red-grid a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--dream-border);color:var(--dream-accent-ink);background:none;font-size:13px;font-weight:800;text-decoration:none}
.mobile-birthday-list article{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:start}
.mobile-birthday-list strong{color:var(--dream-accent-ink);font-family:system-ui,sans-serif;font-size:18px}
.mobile-birthday-list div{display:flex;flex-wrap:wrap;gap:6px}
.mobile-birthday-list a{padding:5px 0;color:var(--dream-ink);background:none;font-size:11px;text-decoration:none}
.mobile-firsts ol{margin:0;padding:0;list-style:none}
.mobile-firsts li{position:relative;display:grid;grid-template-columns:76px 1fr;gap:12px;padding:0 0 16px 13px;border-left:1px solid #d9bbb3}
.mobile-firsts li::before{position:absolute;top:3px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--dream-accent-ink);content:""}
.mobile-firsts time{color:var(--dream-muted);font-size:11px}
.mobile-firsts a,.mobile-firsts span{color:var(--dream-ink);font-size:13px;font-weight:800;line-height:1.45;text-decoration:none}}

@media (min-width:761px){.mobile-star-home,.mobile-app-nav,.mobile-inline-tabs{display:none}}


/* Second-pass mobile visual system: one type scale, one archive language, no routine horizontal scrolling. */
@media (max-width:760px){
  h1,h2,h3,.mobile-star-intro h1,.mobile-section-heading h2,.hero-title h1,.archive-hero h2,.douyin-hero h2,.guides-hero h2,.assessments-hero h2,.collection-hero h1,.profile-section-heading h2{font-family:system-ui,sans-serif;font-weight:800}

  .mobile-star-home{font-size:var(--mobile-size-md)}

  .mobile-star-sheet{margin:-36px 14px 0;padding:20px 18px 8px;border-radius:28px 28px 0 0}

  .mobile-star-section,.mobile-star-fold{border:0;border-top:1px solid var(--dream-border);border-radius:0;box-shadow:none;background:transparent;margin:0}

  .mobile-star-section{padding:24px 0}
.mobile-star-fold{padding:0}
.mobile-star-fold summary{min-height:58px}
.mobile-basic-item,.mobile-emoji-grid article,.mobile-red-grid a,.mobile-birthday-list article{background:transparent;border-bottom:1px solid var(--dream-border)}

  .mobile-section-heading h2{font-size:var(--mobile-size-lg)}
.mobile-star-intro h1{font-size:44px}
.mobile-star-intro span{font-size:var(--mobile-size-sm)}
.mobile-basic-item strong,.mobile-firsts a,.mobile-firsts span{font-size:var(--mobile-size-sm)}
.mobile-quote-grid blockquote{font-size:var(--mobile-size-md)}}


/* Final mobile type and component rhythm. */
@media (max-width:760px){

  .mobile-star-hero{min-height:286px}

  .mobile-star-avatar{width:68px;height:68px}

  .mobile-star-intro h1{font-size:36px;line-height:1.08}

  .mobile-star-intro p,.mobile-section-heading p,.mobile-star-fold summary span{
    font-size:var(--mobile-size-label);
  }

  .mobile-star-intro span,.mobile-star-links a,.mobile-basic-item dt,.mobile-firsts time,
  .mobile-emoji-grid nav a,.mobile-birthday-list a{
    font-size:var(--mobile-size-body);
  }

  .mobile-star-sheet{
    margin:-24px 12px 0;
    padding:18px 18px 6px;
    border-radius:var(--mobile-radius-sheet) var(--mobile-radius-sheet) 0 0;
  }

  .mobile-star-section{padding:20px 0}

  .mobile-section-heading h2{margin:4px 0 13px;font-size:var(--mobile-size-title);line-height:1.3}

  .mobile-basic-item{grid-template-columns:76px 1fr;padding:11px 0}

  .mobile-basic-item strong,.mobile-basic-item b,.mobile-star-fold summary strong,
  .mobile-firsts a,.mobile-firsts span,.mobile-red-grid a{
    font-size:var(--mobile-size-strong);
  }

  .mobile-quote-grid blockquote{font-size:var(--mobile-size-strong);line-height:1.7}

  .mobile-star-fold summary{min-height:54px}

  .mobile-birthday-list strong{font-size:var(--mobile-size-title)}}


/* Final home fusion: keep the app-style content, restore the old handbook masthead only. */
@media (max-width:760px){
  .home-page-body{
    background:
      linear-gradient(90deg,rgba(0,0,0,.035),transparent 9%,transparent 91%,rgba(0,0,0,.035)),
      var(--dream-bg);
  }


  .home-page-body .mobile-star-home{
    margin:12px 12px 78px;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(45,19,13,.08);
    border-radius:22px;
    background:var(--dream-paper);
    color:var(--dream-ink);
    box-shadow:var(--dream-shadow-sm);
  }


  .home-page-body .mobile-star-hero{
    min-height:0;
    margin:0;
    padding:112px 24px 18px;
    overflow:hidden;
    border:0;
    border-bottom:1px solid rgba(216,206,196,.72);
    border-radius:0;
    background:var(--dream-paper);
    color:var(--dream-ink);
    box-shadow:none;
  }


  .home-page-body .mobile-star-hero::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:156px;
    border-bottom:0;
    background-image:
      linear-gradient(180deg,rgba(255,253,248,.08),rgba(255,253,248,.72)),
      var(--mobile-star-cover);
    background-position:center 42%;
    background-size:cover;
    pointer-events:none;
  }


  


  .home-page-body .mobile-star-hero-shade{
    display:none;
  }


  .home-page-body .mobile-star-avatar{
    position:relative;
    z-index:2;
    top:auto;
    right:auto;
    left:auto;
    display:block;
    width:100px;
    height:100px;
    border:6px solid var(--dream-paper);
    border-radius:8px;
    background:#efe8dd;
    box-shadow:var(--dream-shadow-sm);
    object-fit:cover;
    transform:none;
  }


  .home-page-body .mobile-star-tape{
    position:absolute;
    z-index:3;
    top:102px;
    left:48px;
    width:54px;
    height:16px;
    border:1px solid rgba(216,206,196,.72);
    background:rgba(255,248,224,.72);
    transform:rotate(-2deg);
    pointer-events:none;
  }


  .home-page-body .mobile-star-intro{
    position:absolute;
    z-index:2;
    right:14px;
    bottom:60px;
    left:150px;
  }


  .home-page-body .mobile-star-intro p{
    color:var(--dream-accent-ink);
    font-size:9px;
    letter-spacing:.11em;
    white-space:nowrap;
  }


  .home-page-body .mobile-star-intro h1{
    color:var(--dream-ink);
    font-family:system-ui,sans-serif;
    font-size:44px;
    line-height:.92;
    letter-spacing:-.06em;
    white-space:nowrap;
  }


  .home-page-body .mobile-star-intro span{
    color:var(--dream-muted);
    font-size:11px;
  }


  .home-page-body .mobile-star-links{
    right:14px;
    bottom:16px;
    left:150px;
    gap:8px;
  }


  .home-page-body .mobile-star-links a{
    display:inline-flex;
    min-width:0;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:35px;
    padding:0 12px;
    border-color:var(--dream-border);
    border-radius:999px;
    color:var(--dream-ink);
    background:var(--dream-paper);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }


  .home-page-body .mobile-star-sheet{
    margin:0;
    padding:20px 24px 10px;
    border-radius:0;
    background:var(--dream-paper);
    box-shadow:none;
  }}


/* Final home hero cleanup from browser review. */
@media (max-width:760px){
  


  .home-page-body .mobile-star-intro{
    right:22px;
    left:auto;
    bottom:74px;
    width:min(58%,330px);
    text-align:right;
  }


  .home-page-body .mobile-star-intro p{
    display:none;
  }


  .home-page-body .mobile-star-intro h1,
  .home-page-body .mobile-star-intro span{
    text-align:right;
  }


  .home-page-body .mobile-star-intro span{
    font-size:13px;
    font-weight:800;
  }


  .home-page-body .mobile-star-links{
    right:22px;
    left:auto;
    justify-content:flex-end;
  }}


/* Mobile home dossier alignment from browser review. */
@media (max-width:760px){
  .home-page-body .mobile-star-sheet{
    padding-right:22px;
    padding-left:22px;
    padding-bottom:18px;
  }


  .home-page-body .mobile-basic-list{
    width:100%;
    max-width:424px;
    margin:0 auto;
  }


  .home-page-body .mobile-basic-item{
    grid-template-columns:minmax(86px,.42fr) minmax(0,.58fr);
    gap:10px;
    align-items:center;
  }


  .home-page-body .mobile-basic-item dt{
    text-align:left;
  }


  .home-page-body .mobile-basic-item dd{
    min-width:0;
  }


  .home-page-body .mobile-basic-item div{
    justify-content:flex-start;
  }


  .home-page-body .mobile-quote-grid{
    gap:0;
    margin-top:12px;
    border-top:1px solid var(--dream-border);
    border-bottom:1px solid var(--dream-border);
  }


  .home-page-body .mobile-quote-grid blockquote{
    display:flex;
    min-height:66px;
    align-items:center;
    padding:0;
    border:0;
    font-size:14px;
    line-height:1.55;
  }


  .home-page-body .mobile-quote-grid blockquote + blockquote{
    border-top:1px solid var(--dream-border);
  }


  .home-page-body .mobile-star-fold{
    border-top:0;
  }


  .home-page-body .mobile-star-fold summary{
    border-top:1px solid var(--dream-border);
  }


  .home-page-body .mobile-star-dossier + .mobile-star-fold summary{
    border-top:0;
  }


  .home-page-body .mobile-birthday-list article{
    grid-template-columns:54px 1fr;
    align-items:center;
  }


  .home-page-body .mobile-birthday-list strong{
    font-size:14px;
    line-height:1.35;
    letter-spacing:0;
  }}
/* Dream Journal composition. */

@media(max-width:760px) {
 .home-page-body .mobile-star-home { margin:0 auto; max-width:560px; background:var(--dream-bg); }
 .home-page-body .mobile-star-hero { min-height:270px; padding:108px 22px 38px; margin:16px 16px 0; border:1px solid var(--dream-border); border-radius:var(--dream-radius-xl); background:linear-gradient(135deg,#e5ebf6 0%,#e8e5f2 55%,#f6e4e6 100%); }
 .home-page-body .mobile-star-hero::before { inset:0; height:100%; opacity:.14; background-image:var(--mobile-star-cover); background-position:center; border:0; }
 .home-page-body .mobile-star-hero::after { content:"DREAM JOURNAL / 0517"; display:block; position:absolute; top:25px; left:22px; right:auto; bottom:auto; height:auto; width:auto; color:var(--dream-ink); font:700 10px/1.4 system-ui,sans-serif; letter-spacing:.15em; background:none; transform:none; }
 .home-page-body .mobile-star-avatar { width:100px; height:116px; border:6px solid var(--dream-paper); border-bottom-width:20px; border-radius:3px; transform:rotate(-5deg); box-shadow:var(--dream-shadow-md); }
 .home-page-body .mobile-star-tape { top:99px; left:43px; width:54px; height:16px; background:var(--dream-yellow); opacity:.65; transform:rotate(-9deg); }
 .home-page-body .mobile-star-intro { bottom:96px; right:20px; width:54%; }
 .home-page-body .mobile-star-intro h1 { font-size:clamp(29px,9vw,40px); letter-spacing:.01em; }
 .home-page-body .mobile-star-links { bottom:25px; right:18px; left:18px; gap:6px; flex-wrap:wrap; }
 .home-page-body .mobile-star-links a { min-height:32px; padding:0 10px; font-size:11px; background:var(--dream-paper); }
 .home-page-body .mobile-star-sheet { margin:14px 16px 0; padding:8px 18px 20px; border:1px solid var(--dream-border); border-radius:var(--dream-radius-xl); background:var(--dream-paper); }
 .home-page-body .mobile-section-heading h2 { font-size:23px; }
 .home-page-body .mobile-star-fold summary { min-height:64px; }
}

}
}

/* Home masthead restored to the original compact profile banner. */
@media (max-width:1180px) {
  .home-page-body .page-shell { display:none!important; }
  .home-page-body .mobile-star-home { display:block!important; }
  .home-page-body { padding-bottom:calc(64px + env(safe-area-inset-bottom) + 14px)!important; }

  .home-page-body .mobile-star-home {
    width:min(100%,430px);
    margin:0 auto 78px;
    padding:0 12px 22px;
    background:transparent;
  }

  .home-page-body .mobile-star-hero {
    position:relative;
    min-height:220px;
    height:220px;
    margin:0 0 16px;
    padding:0 20px 16px;
    overflow:visible;
    border:1px solid var(--dream-border);
    border-radius:0;
    background:var(--dream-paper);
    box-shadow:var(--dream-shadow-sm);
    transform:none;
  }

  .home-page-body .mobile-star-hero::before {
    inset:0 0 auto;
    height:150px;
    border:0;
    border-radius:0;
    background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,253,248,.12)),var(--mobile-star-cover);
    background-position:center 42%;
    background-size:cover;
    opacity:1;
  }

  .home-page-body .mobile-star-hero::after { content:none; }
  .home-page-body .mobile-star-hero-shade { display:none; }

  .home-page-body .mobile-star-avatar {
    position:absolute;
    z-index:2;
    top:116px;
    right:auto;
    left:24px;
    width:102px;
    height:102px;
    border:6px solid var(--dream-paper);
    border-radius:8px;
    background:#efe8dd;
    box-shadow:var(--dream-shadow-sm);
    object-fit:cover;
    transform:none;
  }

  .home-page-body .mobile-star-intro {
    position:absolute;
    z-index:2;
    top:50px;
    right:20px;
    bottom:auto;
    left:auto;
    width:52%;
    text-align:right;
  }

  .home-page-body .mobile-star-intro h1 {
    color:var(--dream-ink);
    font-size:clamp(29px,8.6vw,38px) !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    letter-spacing:0;
    white-space:nowrap;
  }

  .home-page-body .mobile-star-intro span {
    display:block;
    margin-top:6px;
    color:var(--dream-muted);
    font-size:12px;
    font-weight:600;
  }

  .home-page-body .mobile-star-links {
    position:absolute;
    z-index:2;
    right:20px;
    bottom:12px;
    left:auto;
    display:flex;
    gap:8px;
    justify-content:flex-end;
  }

  .home-page-body .mobile-star-links a {
    display:inline-flex;
    min-height:34px;
    align-items:center;
    padding:0 12px;
    border:1px solid var(--dream-border);
    border-radius:999px;
    color:var(--dream-ink);
    background:var(--dream-paper);
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
  }

  .home-page-body .mobile-star-sheet {
    margin:0;
    padding:0 10px 18px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .home-page-body .mobile-star-intro .mobile-star-tagline {
    color: #a81010 !important;
  }
}

/* Keep the outer home surface flat while the profile card owns its corners. */
@media (max-width:760px){
  body.home-page-body{
    overflow-x:hidden!important;
  }

  body.home-page-body .mobile-star-home{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:0 12px 78px!important;
    padding:8px 0 0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.home-page-body .mobile-star-hero{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0 0 16px!important;
    overflow:hidden!important;
    border:1px solid rgba(216,206,196,.72)!important;
    border-radius:22px!important;
    background:#fffdf8!important;
    box-shadow:0 10px 24px rgba(54,43,36,.06)!important;
  }

  body.home-page-body .mobile-star-hero::before{
    border-radius:21px 21px 0 0!important;
  }
}