@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;flex-direction:column;min-height:100vh;position:relative;text-align:center}.App,.top-bar-shell{display:flex;justify-content:center}.top-bar-shell{padding:16px 16px 0;pointer-events:none;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.top-bar{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fff8f2b8;border-radius:26px;box-shadow:0 18px 40px #3b2e3526;display:flex;gap:20px;justify-content:space-between;padding:16px 18px;pointer-events:auto;width:min(1100px,100%)}.brand-lockup{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.brand-kicker{color:#7c7078;font-size:.78rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.app-title{color:#3d3c42;font-family:Baloo\ 2,cursive;font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:-6px 0 0}.master-audio-panel{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:flex-end}.master-play-button{align-items:center;background:#3d3c42;border:none;border-radius:50%;box-shadow:0 12px 30px #3b2e352e;color:#fff7f2;cursor:pointer;display:inline-flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.master-volume-block{display:flex;flex-direction:column;gap:8px;width:min(320px,100%)}.master-volume-label-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.master-volume-label,.master-volume-value{color:#4b4950;font-size:.92rem;font-weight:600}.master-volume-slider{width:100%}.top-bar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.app-tool-button.MuiButton-root{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#3d3c42d1;border-radius:999px;box-shadow:0 12px 30px #3b2e3529;color:#fff7f2;padding:10px 16px}.app-tool-button.MuiButton-root:hover{background:#2f2f2feb}.app-tool-button-secondary.MuiButton-root{background:#fff8f2d1;color:#3d3c42}.app-tool-button-secondary.MuiButton-root:hover{background:#fff3eaf5}.active-sounds-widget{position:relative}.active-sounds-trigger{align-items:center;background:#ffffff9e;border:none;border-radius:999px;box-shadow:0 12px 30px #3b2e351a;color:#3d3c42;cursor:pointer;display:inline-flex;gap:10px;min-height:44px;padding:10px 14px}.active-sounds-count{align-items:center;background:#3d3c42;border-radius:50%;color:#fff7f2;display:inline-flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;min-width:28px}.active-sounds-text{font-size:.88rem;font-weight:600}.active-sounds-popover{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fff8f2eb;border-radius:18px;box-shadow:0 20px 48px #3b2e3529;opacity:0;padding:14px;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;width:220px}.active-sounds-widget:focus-within .active-sounds-popover,.active-sounds-widget:hover .active-sounds-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.active-sounds-heading{color:#61565d;font-size:.84rem;font-weight:700;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.active-sounds-list{grid-gap:8px;display:grid;gap:8px}.active-sound-item{align-items:center;background:#ffffffad;border:none;border-radius:14px;color:#3d3c42;cursor:pointer;display:flex;gap:10px;padding:8px 10px;text-align:left}.active-sound-icon{flex-shrink:0;height:30px;object-fit:contain;width:30px}.palette-drawer-paper{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#faf4efe6;width:min(360px,100vw)}.palette-drawer-content{display:flex;flex-direction:column;gap:22px;height:100%;padding:24px 20px 28px}.palette-drawer-header h2{color:#2f2f2f;font-size:1.2rem;margin:0 0 8px}.palette-drawer-header p{color:#61565d;font-size:.9rem;margin:0}.settings-section{grid-gap:8px;display:grid;gap:8px}.settings-section h3{color:#2f2f2f;font-size:1rem;margin:0}.settings-switch{color:#3d3c42;margin:0}.settings-help-text{color:#61565d;font-size:.84rem;line-height:1.45;margin:0}.settings-select-control{min-width:100%}.palette-field-list{grid-gap:12px;display:grid;gap:12px}.palette-color-field{align-items:center;color:#3d3c42;display:flex;font-size:.92rem;gap:16px;justify-content:space-between}.palette-color-input-wrap{align-items:center;background:#ffffff73;border-radius:999px;display:inline-flex;gap:10px;padding:6px 10px}.palette-color-swatch{border:1px solid #3d3c421f;border-radius:50%;height:20px;width:20px}.palette-color-input-wrap input{background:#0000;border:none;cursor:pointer;height:32px;padding:0;width:42px}.palette-drawer-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:auto}.App-content{align-items:center;display:flex;flex-wrap:wrap;gap:64px;justify-content:center;margin:40px 64px 64px;max-width:1000px;padding-top:32px;position:relative;z-index:1}.ambiance-card-anchor{outline:none}.ambiance-card-anchor:focus-visible .ambiance-card{outline:3px solid #3d3c4273;outline-offset:4px}.footer{color:#474747;display:flex;font-size:small;font-weight:600;position:relative;width:100%;z-index:1}.footer,.scroll-to-top-button{align-items:center;justify-content:center}.scroll-to-top-button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#3d3c42e0;border:none;border-radius:50%;bottom:20px;box-shadow:0 18px 36px #3b2e352e;color:#fff7f2;cursor:pointer;display:inline-flex;height:54px;position:fixed;right:20px;width:54px;z-index:3}.immersive-mode .App-content,.immersive-mode .footer,.immersive-mode .scroll-to-top-button,.immersive-mode .top-bar-shell{opacity:0;pointer-events:none;transition:opacity .35s ease}.immersive-mode .App-content{margin:0}@media (max-width:960px){.top-bar{flex-wrap:wrap}.brand-lockup{align-items:center;text-align:center;width:100%}.master-audio-panel,.top-bar-actions{width:100%}}@media (max-width:720px){.top-bar-shell{padding:12px 12px 0}.top-bar{align-items:stretch;flex-direction:column;gap:14px;padding:14px 16px}.brand-lockup{align-items:center;text-align:center}.master-audio-panel{justify-content:stretch;width:100%}.master-volume-block{width:100%}.top-bar-actions{justify-content:stretch;width:100%}.active-sounds-widget,.app-tool-button.MuiButton-root{flex:1 1}.active-sounds-trigger{justify-content:center;width:100%}.active-sounds-popover{left:0;right:0;width:auto}.app-tool-button.MuiButton-root{font-size:.78rem;min-width:0;padding:10px 12px}.App-content{gap:28px;margin:24px 18px 48px;padding-top:66px}.palette-drawer-paper{width:100vw}.scroll-to-top-button{bottom:12px;right:12px}}.ambiance-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffd1c133;border:1px solid #ffd1c14d;border-radius:16px;box-shadow:0 4px 30px #0000001a;cursor:pointer;flex:1 1;margin:10px;max-width:250px;min-width:200px;padding:10px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}@keyframes blinking-border{0%,to{border-color:#0000}50%{border-color:#474747}}.ambiance-card.playing{animation:blinking-border 5s ease-in-out infinite}.ambiance-card:hover{box-shadow:0 8px 60px #0003;transform:scale(1.05)}.ambiance-card:focus-visible{outline:3px solid #3d3c4273;outline-offset:3px}.ambiance-image{border-radius:10px;color:#474747;margin-top:50px;object-fit:cover;top:50px;width:50%}.ambiance-name{color:#474747;padding:20px}.audio-player{align-items:center;background-color:initial;display:flex;gap:10px;justify-content:space-evenly}.play-pause-btn{align-items:center;background:none;border:none;color:#474747;cursor:pointer;display:inline-flex;justify-content:center}.play-pause-btn svg{height:48px;width:48px}.volume-slider{cursor:pointer;height:10px;width:100px}.audio-player-slider{min-width:110px}.animated-background{background:#1b2021;inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.animated-background canvas{display:block;height:100%!important;width:100%!important}
/*# sourceMappingURL=main.5cb75367.css.map*/