:root{color-scheme:dark;--text:#f7fbff;--muted:#b9cce0;--cyan:#59caff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#06132b;color:var(--text)}button,input{font:inherit}.app{min-height:100dvh;max-width:720px;margin:auto;display:flex;flex-direction:column;padding:12px 16px 8px;background:linear-gradient(180deg,#071735,#0a2447 58%,#071a34);position:relative;overflow:hidden}.app:before{content:"";position:absolute;left:0;right:0;bottom:0;height:39%;background-image:linear-gradient(180deg,rgba(7,23,53,0) 0,rgba(7,23,53,.15) 22%,rgba(7,23,53,.86) 100%),var(--scene);background-position:bottom;background-size:cover;opacity:.62;pointer-events:none;transition:background-image .25s ease}.controls,.reorderBar,.soundGrid,.topbar,footer{position:relative;z-index:1}.topbar{justify-content:space-between;min-height:72px;padding:2px 2px 5px}.brand,.topbar{display:flex;align-items:flex-start}.brand{gap:10px}.zzz{font-weight:900;font-size:31px;line-height:.8;color:#57caff;letter-spacing:-7px;width:40px;transform:rotate(-8deg);text-shadow:0 5px 14px rgba(69,196,255,.2)}.zzz span{font-size:24px}.zzz i{font-size:17px;font-style:normal}.brandline{font-size:25px;font-weight:900;letter-spacing:-.7px}.brandline small{font-size:12px;color:#b8cce1;margin-left:5px;vertical-align:middle}.tag{font-size:15px;color:#eef7ff;margin-top:3px}.headActions{display:flex;gap:9px}.iconButton{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid #4a719d;background:rgba(22,58,99,.82);color:#fff;text-decoration:none;font-weight:900;font-size:20px}.iconButton.active{outline:2px solid #6fd3ff;background:#286b9f}.reorderBar{display:flex;justify-content:space-between;align-items:center;background:#102f53;border:1px solid #315d86;border-radius:12px;padding:7px 11px;font-size:14px;margin-bottom:5px}.reorderBar button{border:1px solid #41688f;border-radius:8px;background:#173b63;color:#fff;padding:5px 10px}.soundGrid{display:grid;grid-gap:12px;align-content:start;margin:10px 0 8px}.soundTile{min-height:110px;border-radius:24px;border:1px solid rgba(171,219,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.22);color:white;display:grid;place-items:center;transition:transform .1s ease,box-shadow .18s ease,outline .18s ease}.soundTile:active{transform:scale(.97)}.soundTile.selected{box-shadow:0 0 24px rgba(80,201,255,.8),inset 0 1px 0 rgba(255,255,255,.2)}.soundSvg{width:62%;height:62%;color:#f7fbff;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28))}.tone-rain{background:linear-gradient(145deg,#2768a7,#17477f)}.tone-fan{background:linear-gradient(145deg,#657f9a,#405b76)}.tone-ac{background:linear-gradient(145deg,#2489b7,#17658e)}.tone-ocean{background:linear-gradient(145deg,#079cba,#087095)}.tone-waterfall{background:linear-gradient(145deg,#12a79b,#0b7979)}.tone-brook,.tone-large-brook,.tone-small-brook{background:linear-gradient(145deg,#49a65f,#2e7545)}.tone-brown{background:linear-gradient(145deg,#a05b2c,#63381e)}.tone-white{background:linear-gradient(145deg,#90a5bd,#5b718a)}.tone-pink{background:linear-gradient(145deg,#b74d95,#79365f)}.tone-thunder{background:linear-gradient(145deg,#6349ad,#352c73)}.tone-campfire,.tone-fireplace{background:linear-gradient(145deg,#bc681d,#78380f)}.dragHint{position:absolute;right:9px;top:7px;color:#e0effa}.reorder .soundTile{animation:wiggle .3s ease-in-out infinite alternate}@keyframes wiggle{to{transform:rotate(.8deg)}}.controls{margin-top:auto;padding-top:4px}.volumeRow{display:grid;grid-template-columns:28px 1fr 30px;align-items:center;grid-gap:8px;gap:8px;padding:7px 10px;border:1px solid rgba(87,126,169,.72);border-radius:15px;background:rgba(7,29,57,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin-bottom:8px}.speaker{font-size:16px;color:#e0f1ff;text-align:center}.speaker.loud{font-size:14px}.volumeRow input{width:100%;accent-color:#67c7ff}.timerRow{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.timer{min-height:48px;border-radius:13px;border:1px solid #41688f;background:rgba(16,48,84,.94);color:#f3f9ff;font-weight:900;font-size:14px;padding:3px}.timer.active{background:linear-gradient(#3bb7f6,#1983c6);outline:2px solid #8de1ff}.timer.stop{background:linear-gradient(#ff5f7b,#f0004d);border-color:#ff8a9c}.timer:disabled{opacity:.42}footer{font-weight:800;text-align:center;font-size:12px;color:#e0e9f2;padding:7px 0 1px;letter-spacing:.2px}.subHead{display:flex;align-items:center;gap:16px}.subHead a{color:#cbe6ff;text-decoration:none}.helpPage h1,.subHead h1{font-size:26px;margin:8px 0 12px}.osToggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:10px}.osToggle button{height:44px;border:1px solid #41688f;border-radius:10px;background:#12365e;color:white;font-weight:800}.osToggle button.active{background:#277fb7}.helpCards{display:grid;grid-gap:8px;gap:8px;overflow:auto}.helpCards details{border:1px solid #315d86;background:#102f53;border-radius:12px;padding:11px 13px}.helpCards summary{font-size:18px;font-weight:800}.helpCards p{font-size:16px;line-height:1.35;color:#d6e3f0;margin:10px 0 2px}@media(max-width:520px){.app{padding:8px 9px 5px}.topbar{min-height:60px}.brandline{font-size:20px}.tag{font-size:13px}.zzz{font-size:27px;width:36px}.iconButton{width:38px;height:38px}.soundGrid{gap:7px;margin:7px 0}.soundTile{aspect-ratio:1.14/1;min-height:86px;border-radius:17px}.soundSvg{width:62%;height:62%;color:#f7fbff;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28))}.volumeRow{margin-bottom:6px;padding:6px 8px}.timerRow{gap:4px}.timer{font-size:12px;min-height:43px;padding:2px;border-radius:10px}footer{padding-top:5px}}@media(max-height:760px){.topbar{min-height:54px}.soundGrid{gap:6px;margin:4px 0}.soundTile{min-height:70px}.soundSvg{width:62%;height:62%;color:#f7fbff;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28))}.volumeRow{padding:4px 8px;margin-bottom:4px}.timer{min-height:39px}footer{padding-top:3px}}.soundGrid{gap:10px;margin:8px 0 10px}.soundTile{aspect-ratio:1.08/1;border-radius:22px;flex-direction:column;padding:8px 5px 7px}.soundIcon,.soundTile{display:flex;align-items:center;justify-content:center}.soundIcon{width:100%;height:68%;min-height:0}.soundArt{display:block;width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.22));pointer-events:none}.soundLabel{font-size:15px;line-height:1.05;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.38);white-space:nowrap}.soon{position:absolute;top:7px;right:8px;font-size:9px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;background:rgba(8,25,52,.58);border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:3px 5px}.comingSoon{opacity:.72;cursor:default}.comingSoon .soundArt{filter:grayscale(.15) drop-shadow(0 5px 5px rgba(0,0,0,.18))}.tone-river{background:linear-gradient(145deg,#43a654,#23823c)}.tone-brook{background:linear-gradient(145deg,#6ca93e,#3b7d31)}.tone-lullabies{background:linear-gradient(145deg,#6551a9,#423078)}@media(max-width:520px){.soundGrid{gap:7px;margin:5px 0 7px}.soundTile{border-radius:17px;padding:5px 3px}.soundIcon{height:67%}.soundArt{width:75%;height:75%}.soundLabel{font-size:12px}.soon{font-size:7px;top:5px;right:5px;padding:2px 4px}}@media(max-height:780px){.soundGrid{gap:5px;margin:3px 0 5px}.soundTile{border-radius:14px}.soundArt{width:69%;height:69%}.soundLabel{font-size:11px}}.app{padding-bottom:4px}.topbar{min-height:48px}.soundGrid{margin:2px 0 3px}.soundTile{aspect-ratio:1.18/1;border-radius:16px;padding:3px}.soundIcon{height:73%}.soundArt{width:82%;height:82%}.soundLabel{font-size:10px;margin-top:-3px}.volumeRow{margin-bottom:4px;padding:4px 7px;border-radius:11px}.timer{min-height:37px}footer{font-size:10px;padding:2px 0 0}@media(max-width:520px){.app{padding:5px 7px 3px}.topbar{min-height:45px}.soundGrid{gap:4px;margin:1px 0 2px}.soundTile{aspect-ratio:1.16/1;border-radius:14px;padding:2px}.soundIcon{height:72%}.soundArt{width:83%;height:83%}.soundLabel{font-size:9px}.volumeRow{padding:3px 6px;margin-bottom:3px}.timer{min-height:35px;font-size:10px}footer{font-size:9px;padding-top:1px}}.soundGrid{flex:none;gap:5px;margin:3px 0 4px;grid-template-columns:repeat(3,minmax(0,1fr))}.soundTile{aspect-ratio:700/570;min-height:0;padding:0;border:0;border-radius:18px;background:transparent!important;overflow:hidden;display:block;position:relative;box-shadow:0 5px 14px rgba(0,0,0,.2)}.approvedTileArt{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.soundTile.selected{outline:4px solid #83dcff;outline-offset:1px;box-shadow:0 0 22px rgba(80,201,255,.82)}.soundTile.comingSoon{opacity:.82;cursor:default}.dragHint{right:8px;top:6px;z-index:2;padding:2px 5px;border-radius:8px;background:rgba(4,16,38,.62);color:#fff}.controls{margin-top:0;padding-top:0}@media(max-width:520px){.soundGrid{gap:4px;margin:2px 0 3px}.soundTile{border-radius:14px}}.soundTile{padding:0!important;display:block!important;background:none!important}.soundTile .approvedTileArt{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill!important;z-index:1}.soundTile .soundLabel,.soundTile .soundSvg,.soundTile .tileLabel{display:none!important}.soundTile .dragHint{z-index:3}.authShell{min-height:100dvh;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,#071735,#0a2447 58%,#071a34);color:#f7fbff}.authCard{width:min(440px,100%);border:1px solid #315d86;border-radius:24px;padding:24px;background:rgba(9,35,68,.96);box-shadow:0 18px 45px rgba(0,0,0,.35)}.authBrand{display:flex;gap:10px;align-items:flex-start;margin-bottom:28px}.authCard h1{margin:0 0 8px;font-size:26px}.authCard p{color:#d6e3f0;line-height:1.4}.loginForm{display:grid;grid-gap:14px;gap:14px}.loginForm label{display:grid;grid-gap:6px;gap:6px;font-weight:800;color:#dcecff}.loginForm input{width:100%;height:48px;border:1px solid #41688f;border-radius:11px;background:#0d2c51;color:white;padding:0 12px;font-size:16px}.primaryAuth,.signOutButton{min-height:46px;border:1px solid #5fb8e8;border-radius:12px;background:#237eae;color:#fff;font-weight:900;padding:10px 15px}.authMessage{border:1px solid #8e5270;border-radius:10px;background:#4c2440;padding:9px 11px;color:#ffe8f2}.authFooter{text-align:center;margin-top:28px;color:#c9d9e8;font-size:12px;font-weight:800}.authSpinner{width:34px;height:34px;border:4px solid #315d86;border-top-color:#67c7ff;border-radius:50%;animation:authSpin .8s linear infinite;margin:18px auto}@keyframes authSpin{to{transform:rotate(1turn)}}.signOutButton{background:#173b63;border-color:#41688f;min-height:40px}.lullabyIntro{position:relative;z-index:1;padding:8px 2px}.lullabyIntro h1{margin:4px 0 3px;font-size:26px}.lullabyIntro p{margin:0 0 14px;color:#c9d9e8}.lullabySong{position:relative;z-index:1;display:grid;grid-template-columns:92px 1fr auto;align-items:center;grid-gap:14px;gap:14px;width:100%;padding:10px;border:1px solid #5f6faa;border-radius:18px;background:linear-gradient(145deg,#6551a9,#423078);color:white;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.25)}.lullabySong img{width:92px;height:76px;border-radius:12px;object-fit:cover}.lullabySong strong{display:block;font-size:20px}.lullabySong span{display:block;margin-top:4px;color:#eee9ff}.lullabySong b{font-size:13px;background:rgba(10,24,58,.55);padding:8px 10px;border-radius:10px}.lullabySong.selected{outline:4px solid #83dcff;outline-offset:1px}.lullabyControls{margin-top:18px}@media(max-width:520px){.authCard{padding:20px 16px}.lullabySong{grid-template-columns:76px 1fr auto;gap:10px}.lullabySong img{width:76px;height:64px}.lullabySong strong{font-size:17px}.lullabySong b{font-size:11px;padding:7px}.lullabyControls{margin-top:12px}}.linkAuth{border:0;background:transparent;color:#8bd8ff;text-decoration:underline;padding:12px;cursor:pointer;font-weight:700}.accountActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.adminLink,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border-radius:10px;border:1px solid #41688f;background:#173b63;color:#fff;text-decoration:none;font-weight:800}.smallStatus{font-size:12px;color:#cfe8ff}.soundTile{touch-action:manipulation}.lullabyList{display:grid;grid-gap:7px;gap:7px;position:relative;z-index:1;margin-bottom:8px}.lullabyList .lullabySong{margin:0}.adminCard,.adminGrant{position:relative;z-index:1;background:rgba(8,35,68,.88);border:1px solid #315d86;border-radius:14px;padding:12px;margin-bottom:10px}.adminGrant label{display:grid;grid-gap:6px;gap:6px;font-weight:800}.adminGrant input{height:45px;border-radius:9px;border:1px solid #41688f;background:#071a34;color:#fff;padding:0 10px;font-size:16px;margin-bottom:8px}.adminUsers{display:grid;grid-gap:8px;gap:8px;position:relative;z-index:1}.adminUser{display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(8,35,68,.88);border:1px solid #315d86;border-radius:12px;padding:10px}.adminUser>div:first-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.adminUser strong{overflow-wrap:anywhere}.adminUser span{font-size:12px;color:#b9cce0}.adminUserActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.adminUserActions button{min-height:38px;border-radius:8px;border:1px solid #41688f;background:#173b63;color:#fff;padding:6px 9px;font-weight:700}.adminUserActions .dangerButton{background:#7c2035;border-color:#a34258}.adminNote{position:relative;z-index:1;font-size:12px;color:#c8d9e9}@media(max-width:520px){.adminUser{align-items:flex-start;flex-direction:column}.adminUserActions{justify-content:flex-start}}.adminTopButton{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 13px;border-radius:12px;border:1px solid #4a719d;background:rgba(22,58,99,.92);color:#fff;text-decoration:none;font-weight:900;font-size:14px}.adminSection{position:relative;z-index:1;background:rgba(8,35,68,.88);border:1px solid #315d86;border-radius:14px;padding:12px;margin-bottom:10px}.adminSection h2{margin:0 0 5px;font-size:19px}.adminSection>p{margin:0 0 10px;color:#cfe0ef;font-size:13px}.adminInvite{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:end}.adminInvite label{display:grid;grid-gap:5px;gap:5px;font-weight:800}.adminInvite input{height:44px;border-radius:9px;border:1px solid #41688f;background:#071a34;color:#fff;padding:0 10px;font-size:16px}.adminInvite .primaryAuth{min-height:44px;margin:0}.adminMessage{position:relative;z-index:1;margin-bottom:10px}@media(max-width:520px){.adminTopButton{min-height:38px;padding:0 10px;font-size:12px}.adminInvite{grid-template-columns:1fr}.adminInvite .primaryAuth{width:100%}}.backButton{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 14px;border-radius:12px;border:1px solid #4a719d;background:rgba(22,58,99,.92);color:#fff;text-decoration:none;font-weight:900;font-size:14px;white-space:nowrap}.lullabyThumb{position:relative;display:block;width:92px;height:76px;overflow:hidden;border-radius:12px}.lullabyThumb img{width:92px!important;height:76px!important;border-radius:12px;object-fit:cover}@media(max-width:520px){.backButton{min-height:38px;padding:0 11px;font-size:12px}.lullabyThumb{width:76px;height:64px}.lullabyThumb img{width:76px!important;height:64px!important}}.soundTile{touch-action:none}.soundTile.directDragging{outline:4px solid #83dcff!important;transform:scale(1.035)!important;z-index:7;box-shadow:0 12px 30px rgba(0,0,0,.42)!important}.notifySection{display:flex;align-items:center;justify-content:space-between;gap:12px}.notifySection>div{min-width:0}.notifySection p{margin:4px 0 0;color:#cfe0ef;font-size:13px}.notifyButton{min-height:44px;border-radius:10px;border:1px solid #65b8e9;background:#1d83c5;color:#fff;padding:8px 13px;font-weight:900;white-space:nowrap}.joinSignIn{display:flex;text-decoration:none;align-items:center;justify-content:center}@media(max-width:520px){.notifySection{align-items:stretch;flex-direction:column}.notifyButton{width:100%}}.timer{min-height:42px}@media(max-width:520px){.timer{min-height:40px}}.soundGrid{gap:12px;margin:10px 0 12px}.controls{margin-top:4px;padding-top:2px}.volumeRow{padding:9px 11px;margin-bottom:10px;border-radius:17px}.timerRow{gap:8px}.timer{min-height:60px;border-radius:15px;font-size:17px;padding:6px 4px;line-height:1.05}footer{font-size:16px;padding:12px 0 6px;letter-spacing:.25px}@media(max-width:520px){.app{padding:9px 10px 7px}.topbar{padding-bottom:7px}.soundGrid{gap:7px;margin:6px 0 8px}.controls{margin-top:3px}.volumeRow{padding:8px 9px;margin-bottom:8px}.timerRow{gap:5px}.timer{min-height:58px;font-size:16px;border-radius:12px;padding:5px 2px}footer{font-size:15px;padding:10px 0 4px}}@media(max-height:760px){.soundGrid{gap:5px;margin:3px 0 5px}.volumeRow{padding:5px 8px;margin-bottom:5px}.timer{min-height:46px}.timer,footer{font-size:13px}footer{padding:5px 0 2px}}.platformInvite{grid-template-columns:minmax(0,1fr) 120px auto;align-items:end}.platformInvite select{width:100%;min-height:42px;border-radius:10px;border:1px solid #466b96;background:#0c2748;color:#fff;padding:0 10px}.adminPlatformActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.notificationPreview{margin-top:12px;padding:12px;border:1px solid #416990;border-radius:12px;background:rgba(7,28,55,.75)}.notificationPreview ul{margin:8px 0 12px;padding-left:20px}.maintenanceToggle{display:flex!important;align-items:center;gap:8px;margin:8px 0}.maintenanceToggle input{width:auto!important}.historyRow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(115,163,205,.22)}.historyRow:first-of-type{border-top:0}.historyRow>div{display:flex;flex-direction:column;gap:2px}.historyRow span{font-size:12px;opacity:.8}@media(max-width:620px){.platformInvite{grid-template-columns:1fr}.adminPlatformActions>*{flex:1 1 46%}.historyRow{flex-direction:column}}.emailPreviewHtml{margin:12px 0;padding:10px;border:1px solid rgba(98,137,180,.55);border-radius:12px;background:#fff;color:#18212b;max-height:520px;overflow:auto}.adminUser span{display:block;margin-top:4px}.madeBy{font-size:9px;line-height:1;color:#a9c2da;font-weight:700;margin-top:2px}.passwordWrap{position:relative;display:flex;align-items:center}.passwordWrap input{padding-right:68px!important}.passwordToggle{position:absolute;right:6px;min-width:54px;height:36px;border:1px solid #41688f;border-radius:8px;background:#173b63;color:#fff;font-weight:800}.aboutShell{min-height:100dvh;background:linear-gradient(180deg,#071735,#0a2447 58%,#071a34);color:#f7fbff;padding:18px max(16px,calc((100vw - 760px)/2))}.aboutTop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.aboutTop>span{font-size:12px;color:#a9c2da;font-weight:800}.aboutHero{display:flex;align-items:center;gap:16px}.aboutHero img{width:82px;height:82px;border-radius:20px}.aboutHero h1{margin:2px 0;font-size:30px}.eyebrow{margin:0;color:#8bd8ff;font-size:12px;font-weight:900;letter-spacing:.7px}.versionLine{margin:2px 0;color:#bcd0e4;font-size:13px}.aboutDescription{font-size:17px;line-height:1.5;color:#e4eef7;margin:18px 0}.aboutCard{background:rgba(8,35,68,.88);border:1px solid #315d86;border-radius:16px;padding:16px;margin:12px 0}.aboutCard h2{margin:0 0 10px;font-size:20px}.aboutCard p{margin:0;line-height:1.5;color:#d6e3f0}.aboutCard ul{margin:0;padding-left:22px;color:#dce9f4;line-height:1.5}.aboutCard li+li{margin-top:6px}.feedbackForm{display:grid;grid-gap:12px;gap:12px}.feedbackForm label{display:grid;grid-gap:6px;gap:6px;font-weight:800;color:#dcecff}.feedbackForm input,.feedbackForm select,.feedbackForm textarea{width:100%;border:1px solid #41688f;border-radius:10px;background:#071a34;color:#fff;padding:10px 12px;font:inherit}.feedbackForm input,.feedbackForm select{min-height:44px}.feedbackSuccess{border:1px solid #4f9c78;border-radius:10px;background:#173f34;padding:10px 12px;color:#e6fff3;font-weight:800}.jammeCard p{font-style:italic}.aboutFooter{display:flex!important;flex-direction:column;gap:3px;align-items:center!important;padding:20px 0 8px!important;color:#bcd0e4!important;font-size:12px!important}