@font-face{font-family:KidsIdentity;src:url("assets/identidade-kids.woff2") format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff7e8;color:#322c48;font-family:"Arial Rounded MT Bold",Arial,sans-serif}main{height:100dvh;width:100%;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:#fff7e8}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}.controls{flex:none;display:flex;gap:14px;align-items:center;padding:12px max(18px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#f2e4cd;border-top:1px solid #dfcdb5}button{font:inherit;border:0;border-radius:12px;padding:12px 17px;background:#fffaf1;color:#322c48;cursor:pointer;white-space:nowrap}#play{background:#b94f68;color:#fff;min-width:150px}input{flex:1;min-width:40px;accent-color:#b94f68}#fullscreen{display:grid;place-items:center;width:46px;height:42px;padding:10px}#fullscreen svg{display:block}#clock{white-space:nowrap;font:14px Arial,sans-serif}main:fullscreen{height:100dvh;width:100vw}.controls button:focus-visible,input:focus-visible{outline:3px solid #398c87;outline-offset:3px}@media(max-width:600px){.controls{gap:9px;padding-top:9px;font-size:12px}button{padding:10px;font-size:12px}#play{min-width:105px}#clock{font-size:11px}#fullscreen{width:36px;height:36px;padding:7px}}
[hidden]{display:none!important}#back{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;align-items:center;gap:4px;padding:7px 10px;font:14px Arial,sans-serif;background:#fffaf1d9;border:1px solid #dacbb5;border-radius:10px;color:#695466}#back:focus-visible{outline:3px solid #398c87;outline-offset:3px}#back svg{flex:none}.library{height:100dvh;overflow:auto;padding:clamp(22px,4vh,42px) 24px 20px;background:radial-gradient(ellipse at 15% 0%,#f2d9e4 0,transparent 50%),radial-gradient(ellipse at 85% 100%,#d6e8df 0,transparent 55%),#fff7e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.library-header{text-align:center}.kids-identity{font:40px KidsIdentity,"Arial Narrow",sans-serif;letter-spacing:7px;color:#000}.library-header p{margin:18px 0 5px;color:#94728a;font-size:17px}.library h1{margin:0;font-size:clamp(28px,4vw,48px);letter-spacing:-1px}.song-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:min(920px,100%)}.song-card{padding:0;border:2px solid #e8d9c4;border-radius:26px;overflow:hidden;text-align:left;white-space:normal;box-shadow:0 7px 0 #dacbb52b;transition:transform .18s,box-shadow .18s;background:#fffdf6}.song-card:hover{transform:translateY(-5px);box-shadow:0 14px 20px #5b496514}.song-card:focus-visible{outline:4px solid #398c87;outline-offset:5px}.song-art{height:180px;position:relative;background:#e3e8e4;overflow:hidden}.song-art img{width:100%;height:100%;object-fit:cover}.circus-art{background:linear-gradient(#eddfee,#fff3d9)}.circus-art img{object-fit:contain;object-position:bottom;padding-top:35px}.song-number{position:absolute;left:20px;top:17px;padding:7px 11px;border-radius:20px;background:#fffaf3de;font-size:11px;letter-spacing:1.5px;color:#695466}.song-card-body{padding:22px 26px 24px;display:flex;flex-direction:column;min-height:197px}.song-card h2{font-size:26px;line-height:1.2;margin:0 0 10px}.song-card p{font:15px/1.4 Arial,sans-serif;color:#7b6d7e;margin:0 0 20px}.song-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b94f68;font-size:16px}.voice-card .song-cta{color:#398c87}.song-cta small{font:13px Arial,sans-serif;color:#8e7f85}.library-footer{display:flex;align-items:center;gap:22px;color:#8a7a81;font:12px Arial,sans-serif}.library-footer img{width:102px;height:auto}@media(max-width:600px){#back{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));padding:7px 9px;font-size:12px}.library{justify-content:flex-start;padding:27px 18px 22px;gap:20px}.kids-identity{font-size:31px;letter-spacing:5px}.library-header p{font-size:14px;margin-top:14px}.song-grid{grid-template-columns:1fr;gap:17px;max-width:410px}.song-art{height:125px}.song-card-body{padding:17px 20px;min-height:154px}.song-card h2{font-size:23px;margin-bottom:7px}.song-card p{font-size:13px;margin-bottom:14px}.song-number{left:14px;top:12px}.song-cta{font-size:14px}.library-footer{flex-direction:column;gap:12px;font-size:11px;text-align:center}}@media(max-height:650px) and (min-width:601px){.library{justify-content:flex-start;padding-top:20px;gap:16px}.library-header p{margin-top:10px}.song-art{height:120px}.song-card-body{min-height:170px;padding:16px 22px}.library h1{font-size:32px}}