/* Two complete library worlds. Shared navigation and the embedded player are
   intentionally outside this scope. The Youth scenery, side friends, and dust are separate presentation layers. */
.hub-world{position:relative;isolation:isolate;min-height:calc(100vh - 112px)}
.hub-world-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hub-world-scenery::before{content:"";position:absolute;inset:0;pointer-events:none}
body[data-library-theme="full"] .hub-world-scenery::before{background:url('/assets/61fbe3cc2ca813567cd52e35.png') center 105px / min(84vw,950px) auto no-repeat;opacity:.11}
.hub-gifts-art::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(22,14,7,.76),rgba(22,14,7,.27) 45%,transparent 76%);pointer-events:none}
.hub-gifts-art .hub-gifts-title{z-index:2;top:15%;left:7%;max-width:60%;font-size:clamp(30px,3.3vw,46px);font-weight:500;line-height:1.06;color:#fff3d9;text-shadow:0 2px 3px #23190dd9,0 0 18px #23190d55;pointer-events:none}
.hub-youth-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body[data-library-theme="youth"] :is(.hub-world,.hub-chooser){--hub-ink:#294a39;--hub-muted:#405a40;--hub-line:#668451;--hub-silver:#405c43;--hub-bright:#254b38;--hub-round:ui-rounded,"Trebuchet MS",system-ui,-apple-system,sans-serif;color:#294a39;font-family:var(--hub-round);color-scheme:light}
body[data-library-theme="youth"] .hub-world{background:#c9dda6}
body[data-library-theme="youth"] .hub-world-scenery::before{height:min(100%,1160px);background:linear-gradient(180deg,transparent 65%,rgba(201,221,166,.18) 77%,#c9dda6 100%),url('/assets/app-library/hub-youth/original-sunlit-garden.webp') 27% top / cover no-repeat;opacity:1}
/* Full Library keeps its original dust; Youth has its own interactive dust layer. */
body[data-library-theme="youth"] .hub-dust{display:none}
body[data-library-theme="youth"] .hub-dust i{animation-play-state:paused}
body[data-library-theme="youth"] .hub-shell{max-width:1370px;padding:48px 48px 55px}
body[data-library-theme="youth"] .hub-intro{align-items:center;gap:32px;padding:30px 36px;margin-bottom:0;border:3px solid #547650;border-radius:40px 45px 34px 40px;background:#fff9e9;box-shadow:0 6px 0 #47694ba6,0 12px 28px #254c3820}
body[data-library-theme="youth"] .hub-kicker{font:800 11px/1.5 var(--hub-round);letter-spacing:.13em;color:#476442;margin-bottom:10px}
body[data-library-theme="youth"] .hub-intro h1{font:400 clamp(44px,4.9vw,72px)/1.04 ARLibrary,var(--hub-round);letter-spacing:0;color:#2e513d;margin:0 0 15px;text-shadow:0 2px 0 #d5e6b3}
body[data-library-theme="youth"] .hub-intro p:not(.hub-kicker){font:500 15px/1.7 var(--hub-round);color:#405a40;max-width:620px}
body[data-library-theme="youth"] .hub-mode-control{min-width:190px;gap:20px;border:2px solid #5c7c51;border-radius:22px;background:#e6edc3;color:#2b4c35;box-shadow:0 3px 0 #95ac72;padding:15px 18px}
body[data-library-theme="youth"] .hub-mode-control small{font:800 10px/1.8 var(--hub-round);color:#476442;letter-spacing:.08em}
body[data-library-theme="youth"] .hub-mode-control strong{font:800 16px/1.6 var(--hub-round)}
body[data-library-theme="youth"] .hub-mode-control>span:last-child{color:#3b643f}
body[data-library-theme="youth"] .hub-mode-control:hover{background:#f1f5d9}
/* The original sky gap stays in the document flow. Wide viewports also have
   exterior side lanes; the measured lanes never share space with panel controls. */
.hub-meadow-friends{position:relative;max-width:1060px;margin:7px auto 13px;min-height:121px}
.hub-meadow-friend-lane{position:absolute;pointer-events:none;z-index:2}
.hub-meadow-friend{position:absolute;left:0;top:0;display:grid;place-items:center;width:var(--hub-friend-size,44px);height:var(--hub-friend-size,44px);min-width:44px;min-height:44px;padding:0;border:0;border-radius:7px;background:transparent!important;box-shadow:none!important;touch-action:manipulation;pointer-events:auto;will-change:transform}
/* Icon-only at rest, hover, activation, and reduced motion: no disc pseudo-layer. */
.hub-meadow-friend::before,.hub-meadow-friend::after{content:none!important}
body[data-library-theme="youth"] .hub-world .hub-meadow-friend:focus-visible{outline:3px dashed #234d38;outline-offset:4px}
.hub-friend-sprite{display:block;width:100%;height:100%;transform-origin:50% 70%;transition:filter .25s ease}
.hub-friend-sprite img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 1px #294a3933)}
.hub-meadow-friend:hover .hub-friend-sprite,.hub-meadow-friend:focus-visible .hub-friend-sprite{filter:brightness(1.08) drop-shadow(0 1px 2px #294a3933)}
.hub-meadow-friend[data-reacting] .hub-friend-sprite{animation:hub-meadow-hello 1.15s ease-in-out 1}
.hub-meadow-friend[data-hub-friend="cross"][data-reacting] .hub-friend-sprite{animation:hub-meadow-glow 1.15s ease-in-out 1}
#hub-meadow-help{position:relative;width:fit-content;max-width:calc(100% - 140px);margin:0 auto;padding:44px 0 0;color:#294a39;text-align:center;font:600 11px/1.5 ui-rounded,"Trebuchet MS",system-ui,sans-serif;pointer-events:none}
.hub-meadow-friends[data-paused="true"]{visibility:hidden}
/* Bounded CSS ambient layers complement the original raster scenery. */
.hub-youth-air,.hub-youth-dust{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body[data-library-theme="youth"] :is(.hub-youth-air,.hub-youth-dust){display:block}
.hub-youth-air{overflow:hidden;height:min(100%,1160px)}
.hub-youth-sunlight{position:absolute;inset:-2%;background:radial-gradient(ellipse at 27% 23%,#fff6cb6b 0%,#ffefbf1f 26%,transparent 62%);animation:hub-youth-light 27s ease-in-out infinite alternate}
.hub-youth-rays{position:absolute;inset:-4%;background:repeating-conic-gradient(from 145deg at 27% 23%,transparent 0deg 11deg,#fff9dd38 12deg 14deg,transparent 16deg 29deg);mask-image:linear-gradient(#0009,transparent 76%);-webkit-mask-image:linear-gradient(#0009,transparent 76%);transform-origin:27% 23%;animation:hub-youth-rays 54s ease-in-out infinite alternate;opacity:.55}
.hub-youth-cloud{position:absolute;width:min(830px,110vw);height:170px;background:radial-gradient(ellipse at 18% 62%,#fffaf0a3 0 12%,transparent 13%),radial-gradient(ellipse at 34% 48%,#fffaf0a3 0 17%,transparent 18%),radial-gradient(ellipse at 53% 57%,#fffaf0a3 0 20%,transparent 21%),radial-gradient(ellipse at 72% 64%,#fffaf0a3 0 14%,transparent 15%);opacity:.23;animation:hub-youth-cloud 96s ease-in-out infinite alternate}
.hub-youth-cloud-near{left:-18%;top:4%}
.hub-youth-cloud-far{right:-21%;top:17%;opacity:.16;animation-duration:127s;animation-delay:-43s;animation-direction:alternate-reverse}
.hub-world[data-youth-paused="true"] :is(.hub-youth-air span,.hub-friend-sprite){animation-play-state:paused}
.hub-world[data-youth-paused="true"] .hub-youth-dust{visibility:hidden}
.hub-world[data-youth-reduced="true"] .hub-youth-air span{animation:none}
.hub-world[data-youth-reduced="true"] .hub-youth-dust{display:none}
body[data-library-theme="youth"] .hub-toolbar{gap:16px;flex-wrap:wrap;border:2px solid #6e8a57;border-radius:24px;background:#fff9e9;padding:14px 18px;margin-bottom:27px;box-shadow:0 3px 0 #78925380}
body[data-library-theme="youth"] .hub-filters{gap:8px}
body[data-library-theme="youth"] .hub-filter{min-height:44px;border:2px solid transparent;border-radius:17px;color:#405a40;font:800 13px/1.4 var(--hub-round);padding:9px 16px}
body[data-library-theme="youth"] .hub-filter[aria-pressed="true"]{background:#dcebb3;border-color:#62864e;color:#2e4c35;box-shadow:0 2px 0 #b0c889}
body[data-library-theme="youth"] .hub-filter:hover{background:#edf3d5;color:#2e4c35}
body[data-library-theme="youth"] .hub-count{font:700 12px/1.5 var(--hub-round);color:#435d3f}
body[data-library-theme="youth"] .hub-cameo-controls button{border:2px solid #708953;background:#f0f4d9;color:#3a5b3c;box-shadow:0 2px 0 #bbcd97}
body[data-library-theme="youth"] .hub-cameo-controls button:hover{background:#dcebb3;color:#294a39}
body[data-library-theme="youth"] .hub-cameo-controls button:focus-visible{outline-color:#294a39}
body[data-library-theme="youth"] .hub-section-heading{display:inline-flex;gap:14px;background:#fff9e9;border:2px solid #668451;border-radius:24px;padding:9px 19px;margin-bottom:16px;box-shadow:0 3px 0 #65824c50}
body[data-library-theme="youth"] .hub-section-heading h2{font:400 31px/1.15 ARLibrary,var(--hub-round);color:#315337}
body[data-library-theme="youth"] .hub-section-heading span{font:800 10px/1.5 var(--hub-round);letter-spacing:.055em;color:#46663d;border-color:#90a56d;background:#e5efc5;border-radius:10px}
body[data-library-theme="youth"] .hub-feature{grid-template-columns:minmax(0,1.48fr) minmax(330px,1fr);border:3px solid #50714a;border-radius:35px;background:#fff8e6;box-shadow:0 6px 0 #597342,0 14px 30px #264d332e}
body[data-library-theme="youth"] .hub-feature-art{min-height:395px;border-right:3px solid #678652}
body[data-library-theme="youth"] .hub-feature-art>img{object-fit:cover;object-position:50% 57%}
body[data-library-theme="youth"] .hub-art-badge{left:18px;top:18px;min-height:30px;border:2px solid #567749;background:#fff8e6;color:#34523b;font:800 10px/1.3 var(--hub-round);box-shadow:0 2px 0 #53794444}
body[data-library-theme="youth"] .hub-feature-copy{padding:34px}
body[data-library-theme="youth"] .hub-card-eyebrow{font:800 11px/1.5 var(--hub-round);color:#4b683e;letter-spacing:.1em;margin-bottom:13px}
body[data-library-theme="youth"] .hub-feature-copy h3{font:400 clamp(36px,3.6vw,49px)/1.1 ARLibrary,var(--hub-round);letter-spacing:0;color:#2f513a;margin-bottom:8px}
body[data-library-theme="youth"] .hub-feature-copy .hub-subtitle{font:800 16px/1.4 var(--hub-round);color:#4e683f;margin-bottom:21px}
body[data-library-theme="youth"] .hub-feature-copy>p:not([class]){font:500 15px/1.75 var(--hub-round);color:#405a40;margin-bottom:25px}
body[data-library-theme="youth"] .hub-play{min-height:50px;min-width:150px;border:2px solid #496d42;border-radius:19px;background:#d9e9aa;color:#2e4c35;font:800 16px/1.4 var(--hub-round);box-shadow:0 4px 0 #78964e,inset 0 2px 0 #fffff2;padding:11px 24px}
body[data-library-theme="youth"] .hub-play:hover{background:#ecf4c9;transform:translateY(-1px)}
body[data-library-theme="youth"] .hub-play-note{font:600 11px/1.6 var(--hub-round);color:#536943;margin-top:16px}
body[data-library-theme="youth"] .hub-library-note{gap:28px;border:2px solid #75925d;border-radius:25px;background:#f8f8e3;padding:19px 24px;font:500 12px/1.75 var(--hub-round);color:#405a40;box-shadow:0 3px 0 #9cb77670}
body[data-library-theme="youth"] .hub-library-note a{color:#315b3b;font-weight:800;text-decoration:underline;text-underline-offset:3px}
body[data-library-theme="youth"] .hub-footer{border-top:2px solid #7d985c;background:#e0ecc2;color:#3f5c3e;font:600 12px/1.7 var(--hub-round);padding:23px 24px}
body[data-library-theme="youth"] .hub-footer a{color:#315b3b;text-decoration:underline;text-underline-offset:3px}
body[data-library-theme="youth"] .hub-preference-notice{border:2px solid #668451;background:#fff9e9;color:#294a39;font:600 13px/1.6 var(--hub-round)}
body[data-library-theme="youth"] .hub-chooser{background:#fff8e6;border:3px solid #5b7d50;border-radius:32px;box-shadow:0 6px 0 #47694b,0 25px 100px #0008}
body[data-library-theme="youth"] .hub-chooser h2{font:400 clamp(32px,4vw,44px)/1.1 ARLibrary,var(--hub-round);color:#2e513d;letter-spacing:0}
body[data-library-theme="youth"] .hub-chooser-heading>p:not(.hub-kicker){font-family:var(--hub-round);color:#405a40}
body[data-library-theme="youth"] .hub-choice{border:2px solid #6a8955;background:#f5f5d9;color:#2e513d;border-radius:23px;box-shadow:0 3px 0 #b5ca91}
body[data-library-theme="youth"] .hub-choice:hover{border-color:#355c3e}
body[data-library-theme="youth"] .hub-choice-copy strong{font:400 29px/1.15 ARLibrary,var(--hub-round)}
body[data-library-theme="youth"] .hub-choice-copy>span{font-family:var(--hub-round);color:#405a40}
body[data-library-theme="youth"] .hub-choice-copy .hub-choice-go{color:#315b3b;font-weight:800}
body[data-library-theme="youth"] .hub-chooser-foot,body[data-library-theme="youth"] .hub-chooser-close{font-family:var(--hub-round);color:#405a40}
body[data-library-theme="youth"] :is(.hub-world,.hub-chooser) :is(button,a,input):focus-visible{outline:3px solid #274e38;outline-offset:4px}
@keyframes hub-youth-light{from{opacity:.55}to{opacity:.9}}
@keyframes hub-youth-rays{from{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}
@keyframes hub-youth-cloud{from{transform:translateX(-2vw)}to{transform:translateX(13vw)}}
@keyframes hub-meadow-hello{0%,100%{transform:rotate(0) scale(1)}35%{transform:rotate(-5deg) scale(1.04)}70%{transform:rotate(4deg) scale(1.02)}}
@keyframes hub-meadow-glow{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 7px #f8e49b)}}
@media(min-width:1800px){body[data-library-theme="youth"] .hub-world-scenery::before{background-position:27% top;background-size:cover}}
@media(max-width:1000px){body[data-library-theme="youth"] .hub-shell{padding:35px 28px 45px}body[data-library-theme="youth"] .hub-intro{padding:27px;gap:22px}body[data-library-theme="youth"] .hub-intro h1{font-size:52px}body[data-library-theme="youth"] .hub-feature{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}body[data-library-theme="youth"] .hub-feature-copy{padding:26px}body[data-library-theme="youth"] .hub-feature-art{min-height:390px}}
@media(max-width:700px){body[data-library-theme="youth"] .hub-world-scenery::before{height:820px;background-position:27% top}body[data-library-theme="youth"] .hub-shell{padding:27px 18px 32px}body[data-library-theme="youth"] .hub-intro{display:block;padding:25px 23px;border-radius:29px 34px 27px 31px}body[data-library-theme="youth"] .hub-intro h1{font-size:clamp(40px,9.7vw,57px);line-height:1.07}body[data-library-theme="youth"] .hub-kicker{font-size:10px;letter-spacing:.1em}body[data-library-theme="youth"] .hub-intro p:not(.hub-kicker){font-size:14px;line-height:1.7}body[data-library-theme="youth"] .hub-mode-control{width:100%;margin-top:21px;justify-content:space-between;min-height:65px;padding:11px 16px;border-radius:18px}.hub-meadow-friends{min-height:116px;margin-top:6px;margin-bottom:11px}#hub-meadow-help{font-size:10px;padding-top:38px;max-width:calc(100% - 140px)}.hub-youth-cloud{height:110px}.hub-youth-air{height:820px}body[data-library-theme="youth"] .hub-toolbar{gap:10px;padding:12px;margin-bottom:24px;border-radius:22px}body[data-library-theme="youth"] .hub-filter{padding:8px 12px;font-size:12px}body[data-library-theme="youth"] .hub-cameo-controls{margin-inline-start:auto}body[data-library-theme="youth"] .hub-count{flex-basis:100%;text-align:left;font-size:11px;margin:2px 3px}body[data-library-theme="youth"] .hub-section-heading{gap:10px;padding:9px 14px;border-radius:21px}body[data-library-theme="youth"] .hub-section-heading h2{font-size:29px}body[data-library-theme="youth"] .hub-section-heading span{font-size:9px;letter-spacing:.02em}body[data-library-theme="youth"] .hub-feature{display:block;border-radius:27px}body[data-library-theme="youth"] .hub-feature-art{min-height:0;aspect-ratio:1.6;border-right:0;border-bottom:3px solid #678652}body[data-library-theme="youth"] .hub-feature-copy{padding:27px 25px 31px}body[data-library-theme="youth"] .hub-feature-copy h3{font-size:40px}body[data-library-theme="youth"] .hub-feature-copy>p:not([class]){font-size:14px}body[data-library-theme="youth"] .hub-art-badge{font-size:9px;left:12px;top:12px;padding:6px 9px}body[data-library-theme="youth"] .hub-library-note{padding:18px 20px;font-size:12px}.hub-gifts-art .hub-gifts-title{font-size:clamp(31px,7vw,44px)}}
@media(max-width:380px){body[data-library-theme="youth"] .hub-shell{padding-inline:13px}body[data-library-theme="youth"] .hub-intro{padding:22px 19px}body[data-library-theme="youth"] .hub-intro h1{font-size:39px}body[data-library-theme="youth"] .hub-feature-copy{padding:24px 20px 28px}body[data-library-theme="youth"] .hub-feature-copy h3{font-size:36px}body[data-library-theme="youth"] .hub-toolbar{gap:9px}body[data-library-theme="youth"] .hub-filter{padding-inline:9px}body[data-library-theme="youth"] .hub-cameo-controls{gap:3px}body[data-library-theme="youth"] .hub-section-heading{gap:7px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.hub-youth-air span,.hub-friend-sprite,.hub-meadow-friend[data-reacting] .hub-friend-sprite{animation:none!important;transform:none!important}.hub-friend-sprite{transition:none}.hub-youth-dust{display:none!important}.hub-meadow-friend{will-change:auto}.hub-meadow-friend[data-reacting] .hub-friend-sprite{filter:brightness(1.15)}body[data-library-theme="youth"] .hub-play:hover{transform:none}}
@media(forced-colors:active){.hub-world-scenery{display:none}.hub-meadow-friend{border:1px dashed ButtonText}body[data-library-theme="youth"] .hub-world .hub-meadow-friend:focus-visible{outline-color:Highlight}body[data-library-theme="youth"] :is(.hub-intro,.hub-toolbar,.hub-feature,.hub-library-note,.hub-section-heading,.hub-footer,.hub-chooser){background:Canvas;color:CanvasText;border-color:CanvasText}.hub-gifts-art .hub-gifts-title{forced-color-adjust:none}}

/* Revision 12: smooth storybook friends and an atmospheric transparent rainbow. The
   original garden, intro/banner layout, safe lanes, and controls stay intact. */
body[data-library-theme="youth"] .hub-world-scenery::before,.hub-youth-air{height:min(100%,var(--hub-youth-scene-height,1160px))}
.hub-friend-sprite img{filter:drop-shadow(0 1px 2px #30482d25);image-rendering:auto;transform:rotate(var(--hub-friend-lean,0deg));transform-origin:50% 60%}
.hub-meadow-friend[data-youth-friend="sun"] .hub-friend-sprite img{filter:drop-shadow(0 1px 2px #94752926)}
.hub-meadow-friend[data-youth-friend="moon"] .hub-friend-sprite img{filter:drop-shadow(0 1px 2px #50677924)}
.hub-youth-rainbow{position:absolute;left:53%;top:var(--hub-rainbow-top,290px);width:min(660px,78%);height:var(--hub-rainbow-height,117px);margin-left:max(-330px,-39%);pointer-events:none;opacity:.54;isolation:isolate}
.hub-youth-rainbow>img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;filter:blur(.2px);opacity:.91;user-select:none}
.hub-youth-rainbow::after{content:"";position:absolute;inset:0;background:url('./hub-youth/rainbow-light-r11.webp') center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.08;animation:hub-rainbow-light 16s ease-in-out infinite alternate}
.hub-youth-rainbow>i{position:absolute;left:var(--rx);top:var(--ry);width:3px;height:3px;border-radius:50%;background:#fff9e2;box-shadow:0 0 6px 1px #fff2bd85;animation:hub-rainbow-drift 8s ease-in-out var(--rd) infinite}
.hub-world[data-youth-paused="true"] .hub-youth-rainbow::after,.hub-world[data-youth-paused="true"] .hub-youth-rainbow>i{animation-play-state:paused}
.hub-world[data-youth-reduced="true"] .hub-youth-rainbow::after,.hub-world[data-youth-reduced="true"] .hub-youth-rainbow>i{animation:none}
@keyframes hub-rainbow-light{from{opacity:.035}to{opacity:.15}}
@keyframes hub-rainbow-drift{0%,100%{transform:translate(0,3px);opacity:.1}40%{opacity:.7}80%{transform:translate(5px,-5px);opacity:.2}}
@media(max-width:700px){body[data-library-theme="youth"] .hub-world-scenery::before{background-position:42% top}.hub-youth-rainbow{left:50%;width:78%;opacity:.48}.hub-youth-rainbow>i{width:2px;height:2px}}
@media(prefers-reduced-motion:reduce){.hub-youth-rainbow::after,.hub-youth-rainbow>i{animation:none!important}.hub-youth-rainbow>i{opacity:.3}}
@media(forced-colors:active){.hub-youth-rainbow{display:none}}

/* Keep keyboard guidance available to assistive technology without covering the sky. */
#hub-meadow-help{position:absolute;width:1px;height:1px;max-width:none;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.hub-friend-sprite img{transform:none!important}}
.hub-world[data-youth-reduced="true"] .hub-friend-sprite img{transform:none}

/* Full Library can wear the same scene while retaining its complete catalog. */
#hub-theme-toggle[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}
#hub-theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
body[data-library-theme="youth"] .hub-app-card{border:3px solid #50714a;border-radius:30px;background:#fff8e6;box-shadow:0 5px 0 #597342,0 12px 24px #264d3326}
body[data-library-theme="youth"] .hub-app-card:hover{border-color:#3f683e}
body[data-library-theme="youth"] .hub-app-art{border-bottom:3px solid #678652}
body[data-library-theme="youth"] .hub-card-body h3{font:400 34px/1.15 ARLibrary,var(--hub-round);color:#2f513a;letter-spacing:0}
body[data-library-theme="youth"] .hub-card-body>p:not([class]){font:500 14px/1.75 var(--hub-round);color:#405a40}
body[data-library-theme="youth"] .hub-toolbar{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){body[data-library-theme="youth"] .hub-app-card:hover{transform:none}}
@media(forced-colors:active){body[data-library-theme="youth"] .hub-app-card{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}body[data-library-theme="youth"] .hub-card-body :is(h3,p){color:CanvasText}}

/* The extra Full appearance control wraps cleanly at phone widths. */
.hub-toolbar{flex-wrap:wrap}