/* Home: six clear square actions, navy lettering and the app's original clay art. */
.home .hello{margin-bottom:4px;padding-bottom:12px}
.home .hello-card{width:min(39vw,190px,calc((100dvh - 714px) * .716));min-width:104px;border-radius:0;box-shadow:none;filter:drop-shadow(0 12px 14px #090d2759)}
.home .hello-img{object-fit:contain}
.home .hello-t{color:#f5f1ff;text-shadow:0 2px 3px #090d2744}
.home .hello-s{color:#dedcf7}
.home .gbtn,.home .mbtn{min-height:64px;border-radius:18px;border-color:#e3e6ff;background:linear-gradient(155deg,#f7f3ff,#dcdfff);color:#24345d;opacity:1;
  box-shadow:inset 0 1px 0 #ffffffb3,0 3px 8px #11183b26}
.home .mbtn{width:64px;height:64px}
.home .mbtn[aria-pressed="true"]{color:#24345d;border-color:#e3e6ff;background:linear-gradient(165deg,#f7f3ff,#dcdfff)}
.home .htiles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px;gap:12px;padding-bottom:5px}
.home .htile.fd-chip{--tile-a:#eef0ff;--tile-b:#d3d9ff;--tile-edge:#9bace6;--tile-rim:#f5f6ff;
  position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;
  aspect-ratio:1;min-height:64px;padding:8px 6px;gap:4px;border:1px solid var(--tile-rim);border-radius:24px;
  background:linear-gradient(155deg,var(--tile-a),var(--tile-b));color:#24345d;
  box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -2px 0 #24345d0f,0 3px 0 var(--tile-edge),0 8px 15px -7px #0b174b40;
  transition:border-color .18s,box-shadow .18s}
.home .htile::before{content:"";position:absolute;inset:4px;border:1px solid #ffffff66;border-radius:19px;pointer-events:none}
.home .htile.ht-help,.home .htile[data-k="home-help"]{--tile-a:#d8ddff;--tile-b:#bdc9f7;--tile-edge:#8e9fd7;--tile-rim:#f0f2ff}
.home .htile.ht-find{--tile-a:#a5e5ff;--tile-b:#78d4f7;--tile-edge:#4aa7d0;--tile-rim:#d9f4ff}
.home .htile.ht-bed{--tile-a:#c8c6ff;--tile-b:#acaaf0;--tile-edge:#8385c8;--tile-rim:#e3e2ff}
.home .htile.ht-mine{--tile-a:#b9edc3;--tile-b:#92dfa9;--tile-edge:#67ac83;--tile-rim:#e0f9e6}
.home .htile.ht-create,.home .htile[data-k="home-create"]{--tile-a:#c6e0ff;--tile-b:#a6c7fb;--tile-edge:#759ed8;--tile-rim:#e6f3ff}
.home .htile[data-k="home-book"]{background:radial-gradient(ellipse at 0 0,#c3f2ff 0,transparent 65%),radial-gradient(ellipse at 100% 100%,#d7d5ff 0,transparent 68%),linear-gradient(135deg,var(--tile-a),var(--tile-b))}
.home .htile .cl-art{flex:none;width:clamp(40px,12.5vw,76px);max-width:76px;margin:0;z-index:1}
.home .htile .cl-img{filter:drop-shadow(0 3px 2px #24345d26)}
.home .htile .cl-label.htile-t{position:relative;z-index:1;margin:0;max-width:100%;font:1000 1rem/1.12 var(--sans);color:#24345d;text-shadow:none;overflow-wrap:normal}
/* Keep the full action names inside phone squares when the text preference is enlarged. */
@media(max-width:699px){.home .htile .cl-label.htile-t{font-size:min(1rem,5vw)}}
.home .htile .cl-sub.htile-s,.home .htile-peek{display:none}
.home .day-peek{border-radius:0}.home .day-img{object-fit:contain}
.home .htile.evening{border-color:var(--tile-rim)}
.home .htile[data-k="home-help"] .cl-img{background-image:url(/app/clay/home-breathe.cc52db2ae3.png)}
.home .htile[data-k="home-help"] .cl-shine{-webkit-mask-image:url(/app/clay/home-breathe.cc52db2ae3.png);mask-image:url(/app/clay/home-breathe.cc52db2ae3.png)}
.home .htile[data-k="home-book"] .cl-img{background-image:url(/app/clay/home-storybook-ocean.f701cac055.png)}
.home .htile[data-k="home-book"] .cl-shine{-webkit-mask-image:url(/app/clay/home-storybook-ocean.f701cac055.png);mask-image:url(/app/clay/home-storybook-ocean.f701cac055.png)}
.home .htile[data-k="home-find"] .cl-img{background-image:url(/app/clay/home-find-blue.3c995c946a.png)}
.home .htile[data-k="home-find"] .cl-shine{-webkit-mask-image:url(/app/clay/home-find-blue.3c995c946a.png);mask-image:url(/app/clay/home-find-blue.3c995c946a.png)}
.home .htile[data-k="home-bed"] .cl-img{background-image:url(/app/clay/book-moonlight.7faf430675.png)}
.home .htile[data-k="home-bed"] .cl-shine{-webkit-mask-image:url(/app/clay/book-moonlight.7faf430675.png);mask-image:url(/app/clay/book-moonlight.7faf430675.png)}
.home .htile[data-k="home-mine"] .cl-img{background-image:url(/app/clay/home-heart-green.9de5e06898.png)}
.home .htile[data-k="home-mine"] .cl-shine{-webkit-mask-image:url(/app/clay/home-heart-green.9de5e06898.png);mask-image:url(/app/clay/home-heart-green.9de5e06898.png)}
.home .htile[data-k="home-create"] .cl-img{background-image:url(/app/clay/home-create.347d89af7b.png)}
.home .htile[data-k="home-create"] .cl-shine{-webkit-mask-image:url(/app/clay/home-create.347d89af7b.png);mask-image:url(/app/clay/home-create.347d89af7b.png)}
.home .htile.fd-chip:focus-visible,.home .gbtn:focus-visible,.home .mbtn:focus-visible{outline:3px solid #fff4cf;outline-offset:4px}
.day-chip.fd-chip{border-color:#fff1b7;background:linear-gradient(155deg,#ffe47c,#ffce45);box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -2px 0 #d0a53240,0 4px 12px #0b174b26}
.home .day-chip .cl-label{color:#34466d;text-shadow:none}
.home .day-chip .cl-sub{color:#24345d;text-shadow:none}
@media(hover:hover){.home .htile.fd-chip:not(.down):not(.pop):hover{border-color:#fff;box-shadow:inset 0 1px 0 #ffffffd9,inset 0 -2px 0 #24345d0f,0 3px 0 var(--tile-edge),0 8px 15px -7px #0b174b40}}
@media(min-width:700px){
  .home .htiles{gap:14px}
  .home .htile.fd-chip{padding:12px 10px;gap:8px}
  .home .htile .cl-art{width:82px;max-width:82px}
  .home .htile .cl-label.htile-t{font-size:1.25rem}
}
/* A tablet held upright keeps the familiar stacked greeting, with a larger complete card. */
@media(min-width:700px) and (orientation:portrait){
  .home .hello{padding-top:6px;padding-bottom:8px}
  .home .hello-card{width:min(34vw,260px,calc((100dvh - 804px - var(--st) - var(--sb)) * .716))}
  .home .hello-t{margin-top:10px}
}
/* On a sideways iPad, the card and daily feature have their own column beside the six actions. */
@media(min-width:900px) and (min-height:621px) and (orientation:landscape){
  .home{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr) auto 44px;
    grid-template-areas:"top top" "hello tiles" "day tiles" "footer footer";gap:14px 24px}
  .home .home-footer{grid-area:footer}
  .home .home-top{grid-area:top}
  .home .hello{grid-area:hello;width:100%;min-width:0;margin:0;padding:12px 8px 10px}
  .home .hello-card{width:min(34vw,320px,calc((100dvh - 428px - var(--st) - var(--sb)) * .716))}
  .home .hello-t{font-size:2rem;margin-top:12px}
  .home .day{grid-area:day;max-width:none;margin:0}
  .home .htiles{grid-area:tiles;align-self:center;max-width:none;padding:0}
  .home .htile .cl-art{width:clamp(56px,7vw,82px)}
}
@media(max-height:760px) and (max-width:699px){
  .home .home-top{min-height:52px}.home .brand-logo{width:52px;height:52px}
  .home .hello{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"card title" "card sub";align-content:center;align-items:end;
    column-gap:14px;row-gap:3px;width:100%;max-width:560px;margin:2px auto 8px;padding:4px 10px;text-align:left;min-height:108px}
  .home .hello-float{grid-area:card;justify-self:center;align-self:center}
  .home .hello-card{width:72px;min-width:72px}
  .home .hello-t{grid-area:title;margin:0;font-size:1.55rem;line-height:1.08}
  .home .hello-s{grid-area:sub;align-self:start;font-size:.875rem}
  .home .htile .cl-art{width:48px;max-width:48px}
  .home .htile .cl-label.htile-t{font-size:min(1rem,5vw)}
}
@media(max-height:620px) and (max-width:699px){
  .home{padding-bottom:14px}.home .home-top{min-height:48px}.home .brand-logo{width:48px;height:48px}
  .home .hello{grid-template-columns:58px minmax(0,1fr);min-height:90px;margin-bottom:6px;column-gap:12px}
  .home .hello-card{width:58px;min-width:58px}.home .hello-t{font-size:1.375rem}.home .hello-s{font-size:.8125rem}
  .home .day{margin-bottom:8px}.home .day-chip.fd-chip{min-height:64px;padding:6px 10px 6px 8px;column-gap:8px}.home .day-chip .cl-art{width:42px;max-width:42px}.home .day-peek{height:42px}
  .home .day-chip .cl-label{font-size:.6875rem;letter-spacing:.04em}.home .day-chip .cl-sub{font-size:1.125rem}
}
@media(max-width:359px){
  .home .htiles{gap:10px}
  .home .htile.fd-chip{padding:5px 4px;gap:4px;border-radius:20px}
  .home .htile::before{border-radius:15px}
  .home .htile .cl-art{width:40px;max-width:40px}
  .home .htile .cl-label.htile-t{font-size:min(.8125rem,5vw)}
}
/* Phone landscape keeps the compact greeting card; the actions remain genuine squares. */
@media(max-height:620px) and (orientation:landscape){
  .home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:auto minmax(0,1fr) auto 44px;
    grid-template-areas:"top top" "hello tiles" "day tiles" "footer footer";gap:10px 16px}
  .home .home-footer{grid-area:footer}
  .home .home-top{grid-area:top;min-height:48px}.home .brand-logo{width:48px;height:48px}
  .home .hello{grid-area:hello;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"card title" "card sub";align-content:center;align-items:end;
    column-gap:14px;row-gap:2px;width:100%;max-width:520px;min-height:82px;margin:0 auto;padding:2px 8px;text-align:left}
  .home .hello-float{grid-area:card;align-self:center}.home .hello-card{width:56px;min-width:56px}
  .home .hello-t{grid-area:title;margin:0;font-size:1.5rem}.home .hello-s{grid-area:sub;align-self:start;font-size:.875rem}
  .home .day{grid-area:day;max-width:none;margin:0}.home .day-chip.fd-chip{min-height:64px;column-gap:8px}.home .day-chip .cl-art{width:42px;max-width:42px}.home .day-chip .cl-label{font-size:.6875rem}.home .day-chip .cl-sub{font-size:1.125rem}.home .day-peek{height:42px}
  .home .htiles{grid-area:tiles;align-self:center;justify-self:center;max-width:min(100%,max(212px,calc((100dvh - 174px - var(--st) - var(--sb)) * 1.5)));gap:10px;padding:0}
  .home .htile.fd-chip{padding:6px;gap:4px;border-radius:20px}
  .home .htile::before{border-radius:15px}.home .htile .cl-art{width:42px;max-width:42px}.home .htile .cl-label.htile-t{font-size:.875rem}
}
@media(max-height:340px) and (orientation:landscape){
  .home .hello{grid-template-columns:48px minmax(0,1fr);min-height:72px}
  .home .hello-card{width:48px;min-width:48px}.home .hello-t{font-size:1.25rem}
  .home .htile.fd-chip{padding:4px;gap:3px}.home .htile .cl-art{width:32px;max-width:32px}.home .htile .cl-label.htile-t{font-size:.75rem}
}
html.reduce .home .htile.fd-chip{transition:none}
@media(prefers-reduced-motion:reduce){.home .htile.fd-chip{transition:none}}
/* My cards: illustrated toys and a quiet keepsake shelf, in the app's own night world. */
.mine{max-width:980px;padding-bottom:calc(var(--sb) + 32px)}
/* Keep book and Home icon materials consistent, including the matching shine masks. */
.book .ct[data-k="storybook"] .cl-img,.book .ribbon[data-ch="storybook"] .rb-clay{background-image:url(/app/clay/home-storybook-ocean.f701cac055.png)}
.book .ct[data-k="storybook"] .cl-shine{-webkit-mask-image:url(/app/clay/home-storybook-ocean.f701cac055.png);mask-image:url(/app/clay/home-storybook-ocean.f701cac055.png)}
.book .ct[data-k="everyday"] .cl-img,.book .ribbon[data-ch="everyday"] .rb-clay{background-image:url(/app/clay/home-storybook-ocean.f701cac055.png)}
.book .ct[data-k="everyday"] .cl-shine{-webkit-mask-image:url(/app/clay/home-storybook-ocean.f701cac055.png);mask-image:url(/app/clay/home-storybook-ocean.f701cac055.png)}
.book .ct[data-k="calmlings"] .cl-img,.book .ribbon[data-ch="calmlings"] .rb-clay{background-image:url(/app/clay/home-breathe.cc52db2ae3.png)}
.book .ct[data-k="calmlings"] .cl-shine{-webkit-mask-image:url(/app/clay/home-breathe.cc52db2ae3.png);mask-image:url(/app/clay/home-breathe.cc52db2ae3.png)}
.book .ct[data-k="nature"] .cl-img,.book .ribbon[data-ch="nature"] .rb-clay{background-image:url(/app/clay/home-breathe.cc52db2ae3.png)}
.book .ct[data-k="nature"] .cl-shine{-webkit-mask-image:url(/app/clay/home-breathe.cc52db2ae3.png);mask-image:url(/app/clay/home-breathe.cc52db2ae3.png)}
.book .ct[data-k="feelings"] .cl-img,.book .ribbon[data-ch="feelings"] .rb-clay{background-image:url(/app/clay/home-heart-green.9de5e06898.png)}
.book .ct[data-k="feelings"] .cl-shine{-webkit-mask-image:url(/app/clay/home-heart-green.9de5e06898.png);mask-image:url(/app/clay/home-heart-green.9de5e06898.png)}

.mine .top-row{margin-bottom:22px}
.mine-title-row{display:flex;align-items:center;gap:14px}
.mine-title-art{display:block;width:58px;height:58px;flex:none;background:url(/app/clay/home-heart-green.9de5e06898.png) center/contain no-repeat;filter:drop-shadow(0 5px 4px #090d2a66)}
.mine-title-row .kid-h1{margin:0;color:#f5f1ff;font-size:clamp(2rem,4.8vw,2.7rem);line-height:1.12}
.mine-intro{max-width:38ch;margin:12px 0 28px;color:#d6d8ee;font:700 1rem/1.5 var(--sans)}
.mine-personal,.mine-favourites{position:relative;margin:0;padding-top:21px;border-top:1px solid #d5c7eb35}
.mine-favourites{margin-top:34px}
.mine-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.mine-section-title{color:#f5f1ff;font-size:1.5rem}
.mine-create{min-height:64px;gap:9px;padding:7px 19px 7px 12px;border-radius:23px;
 background:linear-gradient(155deg,#ffe47c,#ffce45);color:#24345d;box-shadow:inset 0 1px 0 #ffffffb3,0 3px 0 #d2a43f,0 6px 12px #0b174b26;font-weight:1000}
.mine-create-art{width:44px;height:44px;display:block;flex:none;background:url(/app/clay/book-start-here.3e56e1b8e2.png) center/contain no-repeat;filter:drop-shadow(0 2px 1px #9c6b2466)}
.mine-create>.ic{display:none}
.mine-find.fd-chip{display:flex;flex-direction:row;width:auto;min-height:64px;gap:8px;padding:6px 16px 6px 8px;border:1px solid #e1f4ff;border-radius:23px;
 background:linear-gradient(155deg,#b4e3ff,#7cc4ff);box-shadow:inset 0 1px 0 #ffffffb3,0 3px 0 #5e99d4,0 6px 12px #0b174b26}
.mine-find .cl-art{flex:none;width:46px;max-width:46px;margin:0}.mine-find .cl-label{font:1000 1rem/1.2 var(--sans);color:#24345d;text-shadow:none}
.mine-find .cl-img{background-image:url(/app/clay/home-find-blue.3c995c946a.png)}
.mine-find .cl-shine{-webkit-mask-image:url(/app/clay/home-find-blue.3c995c946a.png);mask-image:url(/app/clay/home-find-blue.3c995c946a.png)}
.mine-creations{gap:16px 14px;max-width:none}
.mine-creation{position:relative;gap:0;padding:7px 7px 12px;border:1px solid #fffdf7;border-radius:20px;
 background:linear-gradient(160deg,#fff9ed,#fff4df);box-shadow:inset 0 1px 0 #ffffffb3,0 5px 12px #0b174b26;transition:background .18s,border-color .18s}
.mine-creation-art{border-radius:12px;background:#ffffff04;filter:drop-shadow(0 4px 4px #0b102b55)}
.mine-creation-name{margin-top:10px;color:#24345d;font-size:1.0625rem;line-height:1.2}
.mine-creation-world{display:block;max-width:100%;margin-top:3px;color:#34466d;font:700 .75rem/1.3 var(--sans);overflow-wrap:anywhere}
.mine-creation:focus-visible,.mine-create:focus-visible,.mine-find.fd-chip:focus-visible{outline:3px solid #fff0b6;outline-offset:4px}
.mine-invite{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-areas:"art title" "art copy";align-content:center;gap:5px 16px;
 max-width:none;min-height:142px;margin:0;padding:22px;border:1px solid #f7f2ff;border-radius:24px;
 background:linear-gradient(155deg,#f0e9ff,#e6ddfb);text-align:left}
.mine-favourites .mine-invite{border-color:#eef8ff;background:linear-gradient(155deg,#e5f3ff,#d8eaff)}
.mine-invite-art{grid-area:art;align-self:center;width:78px;height:78px;background:url(/app/clay/home-heart-green.9de5e06898.png) center/contain no-repeat;filter:drop-shadow(0 5px 4px #080e2966)}
.mine-invite-create{background-image:url(/app/clay/book-start-here.3e56e1b8e2.png)}
.mine-invite-title{grid-area:title;align-self:end;margin:0;color:#24345d;font:900 1.125rem/1.3 var(--sans)}
.mine-invite-copy{grid-area:copy;align-self:start;margin:0;max-width:32ch;color:#34466d;font:700 .9375rem/1.45 var(--sans)}
.mine-favourites .mine-empty{max-width:none;margin:0;font-size:inherit;gap:5px 16px}
.mine-grid{margin-top:0;gap:36px 16px}.mine-personal-error{padding:18px;border:1px solid #e4bd7a66;border-radius:20px;background:#352c4a55}.mine-personal-error .mine-personal-empty{padding:0 0 12px}
.share-app.gp{border:1px solid #b1a17c66;box-shadow:inset 0 1px 0 #fff8e44d,0 5px 16px -12px #15201155}
.share-app-status:empty{display:none}.share-app-status{margin:0;font-weight:800;color:var(--acc)}
.share-app-manual{display:flex;flex-direction:column;gap:8px;padding-top:4px}.share-app-manual[hidden]{display:none}
.share-app-link{width:100%;min-height:48px;border:1px solid var(--brd);border-radius:12px;background:var(--bg);color:var(--fg);padding:10px;font-family:var(--sans)}
.share-app-actions{gap:10px}.share-app-actions .btn{min-height:48px}
.sheet-words-error{color:var(--moon)}.sheet-words-retry{align-self:flex-start;min-height:64px}
@media(hover:hover){.mine-creation:hover{background:linear-gradient(160deg,#fffdf5,#fff6e6);border-color:#fff}}
@media(max-width:599px){
 .mine .top-row{margin-bottom:20px}.mine-title-row{gap:12px}.mine-title-art{width:48px;height:48px}.mine-intro{margin:10px 0 24px;font-size:.9375rem}
 .mine-section-head{gap:12px;margin-bottom:16px}.mine-personal-head{display:grid;grid-template-columns:1fr}.mine-create{width:100%;justify-content:center}
 .mine-find.fd-chip{padding-right:12px;gap:5px}.mine-find .cl-art{width:40px;max-width:40px}.mine-find .cl-label{font-size:.9375rem}.mine-favourites .mine-section-title{font-size:1.375rem}
 .mine-invite{grid-template-columns:58px minmax(0,1fr);min-height:138px;padding:18px 16px;column-gap:12px}.mine-invite-art{width:58px;height:58px}.mine-invite-title{font-size:1rem}.mine-invite-copy{font-size:.875rem}
 .mine-favourites .mine-empty{column-gap:12px}.mine-creations{gap:16px 12px}.mine-creation{padding:6px 6px 11px;border-radius:18px}.mine-creation-name{font-size:1rem}.mine-creation-world{font-size:.6875rem}
 .mine-creation:only-child{grid-column:1/-1;width:min(100%,190px);justify-self:center}
 .mine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}
}
html.reduce .mine-creation{transition:none}
@media(prefers-reduced-motion:reduce){.mine-creation{transition:none}}
.sheet-steps{padding-left:1.4em;display:grid;gap:.6em}
.sheet-info{display:grid;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}