/* R54 pages (Claude, 2026-10-22): grandparent mode, Go live / storage (owner), Help us grow / storage (parents). */

/* ---------------------------------------------------------------- grandparent mode: huge, clear, high contrast (text 20 px and up) */
.r54g{max-width:980px;margin:0 auto;color:#fff;font-size:21px;line-height:1.4}
.r54g-hello{margin:6px 0 4px;font-size:clamp(30px,6vw,44px);font-weight:900;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.r54g-lead{margin:0 0 16px;text-align:center;font-size:21px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.r54g-kids{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.r54g-kid{padding:16px;border-radius:26px;background:#ffffff;color:#0b1730;box-shadow:0 0 0 4px #ffc23d,0 10px 30px rgba(0,0,0,.45)}
.r54g-face{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px;border:0;border-radius:22px;background:#eaf4ff;color:#0b1730;cursor:pointer;font:inherit}
.r54g-face:disabled{cursor:default}
.r54g-av{display:block;width:150px;height:150px;border-radius:50%;overflow:hidden;background:#cfe3ff;box-shadow:0 0 0 5px #1a62d6}
.r54g-av svg,.r54g-av canvas,.r54g-av>*{width:100%!important;height:100%!important}
.r54g-face b{font-size:32px;font-weight:900;color:#0b1730}
.r54g-acts{display:grid;gap:12px;margin-top:14px}
.r54g-btn,a.r54g-btn{box-sizing:border-box;width:100%;color:#fff!important;-webkit-text-fill-color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px!important;padding:10px 18px;border:0;border-radius:20px;font:900 24px/1.15 "Lab Sans",system-ui,sans-serif;color:#fff;background:#0b57d0;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.r54g-btn span{font-size:30px}
.r54g-btn.call{background:#0a7d32}.r54g-btn.video{background:#0b57d0}.r54g-btn.msg{background:#6b2fb3}
.r54g-btn:disabled{background:#6b7380;color:#f2f4f7;cursor:not-allowed;box-shadow:none}
.r54g-btn:focus-visible,.r54g-big:focus-visible,.r54g-face:focus-visible{outline:5px solid #ffc23d;outline-offset:3px}
.r54g-why{margin:10px 2px 0;font-size:20px;color:#3a3f4a}
.r54g-together,.r54g-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:20px}
.r54g-big{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px!important;padding:12px 20px;border:0;border-radius:24px;font:900 25px/1.15 "Lab Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer;color:#1b1300;background:#ffc23d;box-shadow:0 5px 0 #b07c00}
.r54g-big span{font-size:32px}
.r54g-big.story{background:#ffe58a}.r54g-big.help{background:#ffffff;color:#0b1730;box-shadow:0 0 0 3px #0b57d0}.r54g-big.more{background:#dfe9f7;color:#0b1730;box-shadow:0 0 0 3px #5b6b85}
.r54g-empty{padding:18px;border-radius:22px;background:#fff;color:#0b1730;font-size:22px;text-align:center}
.r54g-helptext{font-size:22px;line-height:1.5;margin:0}
.r54g-pick{display:grid;gap:12px;font-size:21px}
.r54g-back{display:inline-flex;align-items:center;min-height:56px;margin:0 0 12px;padding:0 22px;border-radius:999px;background:#ffc23d;color:#1b1300;font:900 21px/1 system-ui,sans-serif;text-decoration:none}
.r54g-tip{font-size:19px}.r54g-glow{box-shadow:0 0 0 4px #ffc23d!important}
.r54g-story .r54g-page{font-size:24px;line-height:1.5;margin:6px 0}
.r54g-stories{display:grid;gap:10px}
html[data-look=v4] .r54g-hello,html[data-look=v4] .r54g-lead,body.classic-lab .r54g-hello,body.classic-lab .r54g-lead{color:#0b1730;text-shadow:none}
@media (max-width:420px){.r54g-av{width:120px;height:120px}.r54g-btn{min-height:64px!important;font-size:22px}.r54g-big{font-size:23px}}

/* ---------------------------------------------------------------- owner and parent pages */
.r54o .stack,.r54f .stack{display:grid;gap:14px}
.r54o h2,.r54f h2{margin:0 0 8px;font-size:20px}
.r54o .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.r54o-offer{font-size:19px}
.r54o-plan{margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(168,236,255,.35)}
.r54o-plan .btn.danger{margin-left:6px}
.r54o-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.r54o-stats li{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06)}.r54o-stats b{display:block;font-size:20px}
.r54o form[data-r54-quota]{display:grid;gap:6px;max-width:460px}
.r54f-share{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.r54f-link .input{width:100%;font-size:16px}
.r54f-joined{font-size:18px}.r54f-joined b{font-size:26px;color:#ffc23d}
.r54f-post{padding:12px;border-radius:12px;background:rgba(255,255,255,.07);white-space:pre-wrap;overflow-wrap:anywhere}
.r54f-meter{height:16px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.r54f-meter i{display:block;height:100%;background:linear-gradient(90deg,#3fd28a,#4cc9ff)}
.r54f-meter.near i{background:#ffc23d}.r54f-meter.full i{background:#ff5a6e}
.r54f-people,.r54f-files{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.r54f-people li,.r54f-files li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.06)}
.r54f-files li.big{box-shadow:inset 0 0 0 2px #ffc23d}.r54f-files a{overflow-wrap:anywhere}
html[data-look=v4] .r54o-plan,html[data-look=v4] .r54o-stats li,html[data-look=v4] .r54f-post,html[data-look=v4] .r54f-people li,html[data-look=v4] .r54f-files li,body.classic-lab .r54o-plan,body.classic-lab .r54o-stats li,body.classic-lab .r54f-post,body.classic-lab .r54f-people li,body.classic-lab .r54f-files li{background:rgba(11,47,122,.06)}
.r54f-remind{margin-top:12px}
