header{gap:24px;flex-wrap:wrap}header nav{gap:18px}.brand{display:flex;align-items:center;gap:8px;min-width:190px}.brand img{display:block!important;width:185px!important;height:58px!important;object-fit:cover!important;object-position:center!important;mix-blend-mode:multiply}.brand small{font-size:10px;letter-spacing:0;border:2px solid;padding:5px;background:#ffe450}.v2-hero{padding:20px 25px 30px}.original-logo{width:100%;max-width:640px;display:block;mix-blend-mode:multiply;margin:-8px 0 -7px}.hero.v2-hero h1{font-size:38px;letter-spacing:-1.6px;max-width:none;margin:16px 0}.v2-tagline{font-weight:800}.home-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.v2-link{display:inline-block;background:#ffe450;border:2px solid #111;box-shadow:3px 3px 0 #111;padding:12px 14px;font-size:12px;font-weight:bold;text-decoration:none}.v2-link.light{background:white}.v2-kids-portal{background:#1451f4;border:2px solid #111;padding:25px;color:white;position:relative;display:flex;align-items:center;gap:12px;margin-bottom:24px;overflow:hidden}.v2-kids-portal h2{font-size:37px;line-height:.95;letter-spacing:-1.5px;margin:18px 0 12px}.v2-kids-portal h2 span{display:block;font-size:25px}.v2-kids-portal p{font-size:13px;line-height:1.7}.v2-kids-portal button{color:#111}.kid-art{background-image:url('/kids-toaster-sprites.png');background-size:200% 100%;background-position:100% 0;width:160px;height:160px;flex-shrink:0;margin-left:auto}.kid-star{position:absolute;right:20px;top:10px;font-size:45px;color:#ffe450}.v2-home{display:block;padding:12px 6px;font-weight:bold;text-decoration:none;font-size:13px;margin-bottom:12px}.v2-legacy-links{border-top:2px solid;margin-top:20px;padding-top:12px}.v2-legacy-links a{display:block;padding:8px 4px;font-size:12px}.v2-originals{background:#fff3b4;padding:20px;border:2px solid;margin-bottom:22px;font-size:13px;line-height:1.7}.kids-intro{background:#1451f4;padding:25px;color:white;border:2px solid #111;margin-bottom:20px}.kids-intro h1{font-size:38px;letter-spacing:-1px}.kids-intro p{line-height:1.6}.kids-intro .muted{color:#e1eaff}.legacy-frame{width:100%;height:1200px;border:2px solid;background:#ff7c2c}.v2-safety{background:#e4eedb!important} .layout{grid-template-columns:190px minmax(0,1fr) 250px}@media(max-width:1100px){.layout{grid-template-columns:165px minmax(0,1fr)}header nav{order:3;flex-basis:100%;justify-content:center}}@media(max-width:700px){.layout{display:block}.v2-home,.v2-legacy-links{display:none}header nav{gap:10px;overflow:auto;justify-content:flex-start}header nav button{font-size:10px;white-space:nowrap}.brand{min-width:0}.brand img{width:150px!important;height:48px!important}.hero.v2-hero h1{font-size:31px}.v2-kids-portal{padding:20px}.kid-art{width:100px;height:100px}.v2-kids-portal h2{font-size:30px}.v2-kids-portal h2 span{font-size:21px}.kid-star{font-size:30px}.home-links a{font-size:11px}.legacy-frame{height:1100px}}
.brand img,.original-logo{mix-blend-mode:normal}
.v2-kids-portal{background-image:url("/kids-doodles.svg");background-size:100% 100%;min-height:300px}.v2-kids-portal>div:first-child{position:relative;z-index:1;max-width:58%}.v2-kids-portal .kid-art{position:relative;z-index:1;margin-right:20px;margin-bottom:30px}.kid-star{display:none}@media(max-width:700px){.v2-kids-portal{min-height:330px}.v2-kids-portal .kid-art{margin-right:0;margin-bottom:0}}
main .tabs{flex-wrap:wrap;gap:8px 20px}main .tabs button{white-space:nowrap;font-size:13px}@media(max-width:700px){main .tabs{flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:2px}main .tabs button{flex-shrink:0}}
.layout{grid-template-columns:minmax(0,1fr) 250px;max-width:1200px}.v2-hero .original-logo{max-width:none;margin:0}.v2-hero{padding:15px 24px 25px}.unified-browse{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px 22px!important;justify-content:flex-start;scroll-margin-top:15px}.unified-browse button{font-size:14px!important;padding:12px 0!important}.note{font-size:10px;background:#f6f4ee;color:#62645f}.home-links{margin-top:10px}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr)}}
.v2-home-button{display:inline-block;position:relative;margin:16px 0 0 max(16px,calc((100vw - 1104px)/2));padding:12px 22px;background:#fff;border:3px solid #141414;box-shadow:4px 4px 0 #141414;color:#141414;font-weight:800;text-decoration:none}.v2-kids-portal .kid-art{transform:translateX(42%)}

.v2-kids-portal .kid-art{transform:translate(-25px,15px)}

/* Responsive portal: artwork gets its own space, never the text's backdrop. */
.layout,.layout main,.post,.composer{min-width:0}img,video{max-width:100%}.v2-kids-portal{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,42%);gap:12px;background-image:none;min-height:260px;padding:24px}.v2-kids-portal>div:first-child{max-width:none;min-width:0}.v2-kids-portal .portal-visual{position:relative;min-width:0;height:230px;background:url('/kids-doodles.svg') center/contain no-repeat}.v2-kids-portal .kid-art{position:absolute;width:110px;height:110px;left:25%;bottom:37px;margin:0;transform:none}.v2-kids-portal p{max-width:none;overflow-wrap:anywhere}.v2-kids-portal button{min-height:46px;max-width:100%;white-space:normal}.home-links a{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center}.v2-hero .original-logo{width:100%;height:auto;object-fit:contain}.composer{gap:10px}.composer button{min-width:0;overflow-wrap:anywhere}.actions{flex-wrap:wrap}.post-head{min-width:0;flex-wrap:wrap}.post-head>div{min-width:0}.creation-title{gap:12px;flex-wrap:wrap}.creation-title button{max-width:100%}.art .mock{max-width:88%;padding:20px;overflow-wrap:anywhere}.unified-browse button{min-height:44px}.kids-intro .v2-link{margin:5px 8px 5px 0}.legacy-frame{display:block;max-width:100%}
@media(min-width:701px) and (max-width:1100px){.layout{padding:24px 4%;display:block}.rail{display:none}.v2-kids-portal{grid-template-columns:minmax(0,1fr) minmax(220px,40%)}.v2-kids-portal .portal-visual{height:245px}.v2-kids-portal .kid-art{width:115px;height:115px}.v2-hero{padding:20px 24px}.v2-hero .original-logo{max-width:700px;margin:auto}}
@media(max-width:700px){.layout{padding:18px 14px;display:block}.v2-home-button{margin:14px 0 0 14px;min-height:44px;padding:11px 18px}.note{padding:9px 14px;line-height:1.5;font-size:10px}.v2-hero{padding:14px 16px 20px}.v2-hero .original-logo{margin:0 auto;width:100%;max-width:480px}.home-links{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.home-links a{font-size:13px;padding:13px 12px;width:100%}.v2-kids-portal{grid-template-columns:1fr;gap:8px;padding:20px;min-height:0;margin-bottom:20px}.v2-kids-portal>div:first-child{text-align:left}.v2-kids-portal .mini{font-size:10px;letter-spacing:1.3px}.v2-kids-portal h2{font-size:32px;line-height:1.05;margin:13px 0 10px;letter-spacing:-1px}.v2-kids-portal h2 span{display:inline;font-size:30px;margin-left:4px}.v2-kids-portal p{font-size:13px;line-height:1.6;margin:10px 0 14px}.v2-kids-portal .portal-visual{width:100%;max-width:320px;height:190px;justify-self:center}.v2-kids-portal .kid-art{width:90px;height:90px;left:27%;bottom:32px}.v2-kids-portal button{width:100%;padding:13px 12px;font-size:14px}.composer{padding:12px}.composer .avatar{flex:none;width:35px;height:35px}.composer button{font-size:13px;padding:11px;line-height:1.4}.unified-browse{gap:5px 16px!important}.unified-browse button{font-size:12px!important;padding:10px 0!important}.art{height:clamp(180px,60vw,250px)}.art .mock{padding:15px 20px;transform:rotate(-2deg);font-size:clamp(17px,5vw,24px)}.art.story img{object-fit:contain}.post-head{padding:14px;gap:10px}.post-head button{min-height:44px}.creation-title{padding:14px}.creation-title h2{font-size:21px;overflow-wrap:anywhere}.creation-title button{min-height:44px}.actions{padding:12px 14px;gap:8px 14px}.actions button{min-height:42px}.kids-intro{padding:18px}.kids-intro h1{font-size:29px}.kids-intro .v2-link{display:block;text-align:center}.legacy-frame{height:1100px}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}input,textarea,select{font-size:16px!important}}
@media(max-width:360px){.v2-kids-portal{padding:16px}.v2-kids-portal h2{font-size:28px}.v2-kids-portal h2 span{font-size:26px}.v2-kids-portal .portal-visual{height:165px}.v2-kids-portal .kid-art{width:78px;height:78px;bottom:28px}.art .mock{padding:12px}}

/* S009: equal midpoint slots, shared scale, protected text and border perimeter. */
.v2-kids-portal{column-gap:28px;row-gap:24px}.v2-kids-portal .portal-visual{background:none!important;height:230px;max-width:360px;width:100%;justify-self:center;isolation:isolate}.v2-kids-portal .portal-picture{position:absolute!important;margin:0!important;transform:none!important;object-fit:contain;max-width:none;pointer-events:none}.v2-kids-portal .kid-art{background-size:200% 100%;background-position:100% 0}
@media(max-width:700px){.v2-kids-portal .portal-visual{height:220px;max-width:320px}.v2-kids-portal{row-gap:22px}}
@media(max-width:360px){.v2-kids-portal .portal-visual{height:195px}}

.v2-account-button{margin-left:20px;font-size:14px}.v2-family-setup{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#b5ef68;border:3px solid #111;padding:24px;margin-bottom:24px;box-shadow:4px 4px 0 #111}.v2-family-setup h2{font-size:28px;margin:10px 0}.v2-family-setup p{font-size:14px;line-height:1.5}.v2-family-setup small{font-size:11px}.v2-family-setup a{flex-shrink:0}@media(max-width:700px){.v2-account-button{margin-left:14px;padding:11px 12px;font-size:12px}.v2-family-setup{display:block;padding:20px}.v2-family-setup a{display:block;text-align:center;margin-top:20px}}

/* Compact, upper-left brand panel requested 1 November 2026. */
@media(min-width:701px){.layout{max-width:none;margin:0;padding:8px 24px 28px}.v2-home-button{margin-top:8px;margin-left:24px}.v2-account-button{margin-left:18px}.hero.v2-hero{width:33.333%;min-width:280px;max-width:380px;min-height:0;padding:6px 12px 14px;margin:0 0 22px;text-align:left}.hero.v2-hero .original-logo{width:100%;max-width:none;height:auto;margin:0;object-position:left top}.v2-hero .home-links{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0}.v2-hero .home-links a{width:100%;min-height:42px;padding:10px 8px;font-size:11px}}
@media(max-width:700px){.layout{padding-top:8px}.hero.v2-hero{padding:4px 10px 14px;max-width:360px;margin-left:0;margin-right:auto}.hero.v2-hero .original-logo{margin:0;object-position:left top}.v2-home-button{margin-top:8px}}
