/* Match the browser .page roots; the original .body padding does not apply. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.balanced-quote{text-wrap:balance;line-height:1.65;text-align:center}
.balanced-quote .quote-line{display:block;white-space:nowrap}
body{width:100%;min-width:0}
#save-status{position:relative;top:auto;left:auto;transform:none;width:100%;padding:calc(5px + env(safe-area-inset-top)) 12px 5px;font-size:11px;line-height:16px}
.page,.chat-page{width:100%;min-width:0;padding:12px 18px calc(110px + env(safe-area-inset-bottom))!important;overflow-wrap:anywhere}
.page>*,.chat-page>*{min-width:0;max-width:100%}
.page img{max-width:100%}
.page input,.page textarea,.chat-input input{min-width:0;font-size:16px}
.signal-ticker{margin:0 0 20px;transform:none;max-width:100%;border-radius:8px}
.classic-head,.reference-title-row,.classic-brand{min-width:0}
.reference-hero{padding-top:0;margin-top:0;margin-bottom:20px}
.me-reference-hero,.learn-reference-hero{margin-top:0}
.reference-hero .reference-sticker{position:static;display:table;max-width:100%;margin:16px 4px 0 auto;transform:rotate(2deg)}
.reference-title-row{flex-wrap:wrap;gap:8px}
.reference-title,.classic-title{max-width:100%;overflow-wrap:anywhere}
.reference-round,.classic-star{flex-shrink:0}
.reference-subtitle,.classic-subtitle{line-height:1.5}
.section-label-old,.reference-section-head,.answer-actions,.reference-hot-bottom,.journal-reference-actions{flex-wrap:wrap;gap:10px}
.reference-section-head>small,.section-label-old>small{max-width:100%;white-space:normal}
.reference-hot-bottom>div{flex-wrap:wrap}
.reference-hot-bottom>small{flex-basis:100%}
.reference-partner-actions{flex-shrink:0}
.mascot-banner-old{height:auto;min-height:105px}
.mascot-banner-old>div{min-width:0}
.mascot-banner-old img{width:28%;height:auto;flex:none;align-self:center}
.mood-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.mood-options button{min-width:0}
.featured-reference-card.featured-poster-card{display:block}
.featured-poster-image{height:auto;aspect-ratio:2.1;object-fit:cover}
.continue-reference-row>div{min-width:0;flex:1}
.continue-reference-row>img,.continue-reference-row>strong{flex-shrink:0}
.stats>*{min-width:0}
.web-row button{padding:10px 12px;border:1px solid #111;border-radius:12px;background:#f6f2e8;font-size:14px}
.quiz-reference-mask{display:flex;align-items:center;justify-content:center;padding:16px}
.quiz-reference-card{width:100%;max-width:480px;max-height:calc(100dvh - 40px);overflow:auto}
#nav{width:min(calc(100% - 24px),489px);height:64px}
#nav button{min-width:0;min-height:44px;font-size:13px}
#nav button span{font-size:20px}
@media(max-width:540px){
 .page,.chat-page{padding-left:16px!important;padding-right:16px!important}
 .reference-title,.classic-title{font-size:32px;letter-spacing:-2px}
 .me-reference-hero .reference-title{font-size:30px;letter-spacing:-2px}
 .reference-round,.classic-star{width:34px;height:34px;font-size:23px;margin-left:6px}
 .reference-subtitle,.classic-subtitle{font-size:15px}
 .quote-old-text{font-size:21px;margin-top:12px}
 .question-old-title,.featured-poster-card .featured-reference-copy b{font-size:21px;line-height:1.45}
 .paper-old,.featured-reference-card,.journal-reference-paper{padding:16px}
 .match-reference-scroll{white-space:normal;overflow:visible}
 .match-reference-track{display:grid;grid-template-columns:minmax(0,1fr);width:100%;padding:0;gap:14px}
 .match-reference-card{width:100%;min-height:0;padding:16px}
 .match-reference-card>button{margin-top:12px;min-height:44px;font-size:14px}
 .match-reference-card>span{font-size:14px}
 .reference-partner-copy small,.featured-reference-copy span{font-size:14px}
 .journal-reference-paper textarea{min-height:170px}
 .classic-streak{max-width:86px}
}