/* The home artwork never reflows between devices: its complete450×788 scene scales together. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#home-stage{position:absolute;inset:0;display:flex;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:linear-gradient(180deg,#e5f6f0 0%,#e2f6ef 58%,#f3ffee 100%)}
#home-stage::-webkit-scrollbar{display:none}
#home-composition{position:relative;flex:none;width:450px;height:788px;margin:auto;overflow:hidden;isolation:isolate}
#home-scene{--home-scene-scale:1;position:absolute;left:0;top:0;width:450px;height:788px;isolation:isolate;transform-origin:0 0;transform:scale(var(--home-scene-scale));background:#e2f6ef}
#home-scene>.app-wallpaper{background:#e2f6ef url('assets/cozzyko-wallpaper-v45.png') no-repeat center calc(100% + 24px);background-size:450px auto}
#home-scene #home-screen{width:450px;height:788px;min-height:788px;overflow:hidden;animation:none}
#home-scene .home-top{padding:31px 32px 0;flex:none}
#home-scene .small-brand{font-size:12px;line-height:1.5}
#home-scene .small-brand>[data-studio-name]{font-size:14px;line-height:1.5}
#home-scene .small-brand>.brand-star{width:15px;height:17px}
#home-scene .preview-pill{font-size:9px;line-height:1.5;padding:5px 9px}
#home-scene .home-content{padding:36px 27px 0;flex:none}
#home-scene .avatar-wrap{width:124px;height:124px;margin:0 auto 16px}
#home-scene .avatar{width:118px;height:118px}
#home-scene .avatar-star{width:21px;height:25px;left:-4%;top:16%}
#home-scene .avatar-flower{width:26px;height:26px;right:0;bottom:0}
#home-scene .home-content h1{font-size:30px;line-height:1.2;letter-spacing:-1.45px}
#home-scene .profile-bio{font-size:18px;line-height:1.25;margin-top:12px;letter-spacing:-.02em}
#home-scene .app-grid{width:234px;max-width:234px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:80px auto 0}
#home-scene .app-icon-sketch{width:62px;height:62px;padding:3px;flex:none}
#home-scene .app-label{font-size:11px;line-height:1.3;margin-top:10px;letter-spacing:.06em}
#home-scene .home-bottom{position:static;flex:none;margin-top:auto;padding:16px 25px 16px;background:none}
#home-scene .home-signature{display:block;font-size:18px;line-height:1.4;margin:0 0 9px;letter-spacing:0}
#home-scene .home-bottom>.profile-handle{font-size:17px;line-height:1.2;min-height:44px;padding:6px 12px;margin:-10px auto -10.5px}
#home-scene .home-studio-location{font-size:14px;line-height:1.55;min-height:44px;margin:11px auto 0;padding:10px 0;gap:5px}
#home-scene .home-studio-location>span:first-child{font-size:18px}
#home-scene .home-indicator{width:102px;height:4px;margin-top:15px}
/* Loading or retry notices cannot push the footer over the little cat. */
#home-scene .home-bottom>.content-status{position:absolute;z-index:3;top:488px;left:28px;right:28px;max-height:70px;overflow:auto;margin:0;background:#f3faf0f2;border:1px solid #abc8b670;border-radius:12px;font-size:12px;line-height:1.5;padding:8px 12px}
#home-scene .content-retry{min-height:32px;margin:3px 0 0 7px}
/* Hovering is optional; pressing has the same motion on touch and mouse. */
@media(hover:none){#home-scene .avatar:hover{transform:none}#home-scene .app-icon-button:hover .app-icon{transform:none;box-shadow:inset 0 1px 0 #ffffffc9,0 3px 0 #9bb69d18,0 6px 12px #42644d0b}}