:root{color-scheme:dark;--bg: #10162b;--fg: #f4f6ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}.app{min-height:100%}.app--center{display:flex;align-items:center;justify-content:center}.app--grid{display:flex;flex-direction:column;height:100%}.grid-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(.75rem,3vw,2rem);padding-top:max(clamp(.75rem,3vw,2rem),env(safe-area-inset-top))}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(40vw,9rem),1fr));gap:clamp(.75rem,3vw,1.5rem)}.grid__cell{aspect-ratio:1 / 1}.tile{width:100%;height:100%;border:none;border-radius:1.25rem;padding:0;overflow:hidden;cursor:pointer;background:#1e2a52;color:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 .4rem 1.2rem #00000059;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,box-shadow .12s ease}.tile:active{transform:scale(.96)}.tile--playing{outline:.4rem solid #ffd25a;outline-offset:-.4rem;box-shadow:0 0 0 .2rem #ffd25a}.tile__cover{width:100%;height:100%;object-fit:cover}.tile__emoji{font-size:clamp(2.5rem,14vw,5rem);line-height:1}.controls{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,5vw,2.5rem);padding:clamp(.75rem,2.5vw,1.25rem);padding-bottom:max(clamp(.75rem,2.5vw,1.25rem),env(safe-area-inset-bottom));background:#00000040;border-top:1px solid rgba(255,255,255,.08)}.control{border:none;border-radius:50%;color:#10162b;background:#ffd25a;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease}.control:active{transform:scale(.94)}.control:disabled{opacity:.35;cursor:default}.control--prev,.control--next{width:clamp(4.5rem,22vw,6.5rem);height:clamp(4.5rem,22vw,6.5rem);font-size:clamp(2rem,10vw,3rem)}.control--next{background:#cdd6f5}.blocked{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#1b2550,#0a0e1f 70%)}.blocked__moon{font-size:clamp(6rem,40vw,16rem);line-height:1;filter:drop-shadow(0 0 2rem rgba(255,210,90,.35));animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.05);opacity:1}}.calm{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0e1fc7;animation:calm-fade 3.5s ease forwards;pointer-events:none}.calm__emoji{font-size:clamp(4rem,28vw,10rem);line-height:1}@keyframes calm-fade{0%{opacity:0}12%,70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.blocked__moon,.calm{animation:none}}