@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@1&display=swap";:root{--color-accent: #ec5b13;--color-accent-glow: rgba(236, 91, 19, .3);--space-unit: 8px;--page-padding-mobile: 20px;--page-padding-desktop: 40px;--content-max-width: 960px;--radius-play-button: 50%;--radius-panel: 24px;--radius-settings-item: 16px;--radius-pill: 999px;--radius-panel-top: 2.5rem;--font-serif: "DM Serif Display", serif;--font-sans: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--play-button-size: 200px;--transition-fast: .15s ease;--transition-sheet: .3s cubic-bezier(.32, .72, 0, 1)}[data-theme=light],:root{--color-bg: #EAEAEA;--color-text-primary: rgba(0, 0, 0, .9);--color-text-secondary: rgba(0, 0, 0, .6);--color-text-tertiary: rgba(0, 0, 0, .3);--color-text-disabled: rgba(0, 0, 0, .1);--shadow-raised: -10px -10px 28px rgba(255, 255, 255, 1), 10px 10px 28px rgba(163, 163, 163, .65);--shadow-pressed: inset -5px -5px 10px rgba(255, 255, 255, 1), inset 5px 5px 10px rgba(163, 163, 163, .65);--shadow-raised-sm: -6px -6px 14px rgba(255, 255, 255, 1), 6px 6px 14px rgba(163, 163, 163, .8);--shadow-pressed-sm: inset -4px -4px 10px rgba(255, 255, 255, 1), inset 4px 4px 10px rgba(163, 163, 163, .8);--scrim-overlay: rgba(0, 0, 0, .3);--scrim-blur: blur(4px);--icon-stroke: #8A8A8A;--icon-stroke-muted: #BBBBBB;--settings-section-color: rgba(0, 0, 0, .4);--settings-item-inactive-dot: rgba(0, 0, 0, .2);--color-border-subtle: rgba(0, 0, 0, .08);--drag-handle-bg: rgba(0, 0, 0, .15);--color-surface: #E0E0E0}[data-theme=dark]{--color-bg: #181818;--color-text-primary: rgba(255, 255, 255, .9);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .3);--color-text-disabled: rgba(255, 255, 255, .1);--shadow-raised: -12px -12px 32px rgba(38, 38, 38, .6), 12px 12px 32px rgba(10, 10, 10, .95);--shadow-pressed: inset -4px -4px 10px rgba(38, 38, 38, .4), inset 4px 4px 10px rgba(10, 10, 10, .8);--shadow-raised-sm: 4px 4px 8px #0e0e0e, -4px -4px 8px #222222;--shadow-pressed-sm: inset 4px 4px 8px #0e0e0e, inset -4px -4px 8px #222222;--scrim-overlay: rgba(0, 0, 0, .6);--scrim-blur: blur(4px);--icon-stroke: #464646;--icon-stroke-muted: #353535;--settings-section-color: #454545;--settings-item-inactive-dot: #404040;--color-border-subtle: #282828;--drag-handle-bg: #282828;--color-surface: #1c1c1c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh;min-height:100dvh;overflow:hidden;overflow-y:auto;user-select:none;-webkit-user-select:none;transition:background-color var(--transition-fast),color var(--transition-fast)}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.font-wordmark{font-family:var(--font-serif);font-style:italic;font-size:14px}.font-track{font-family:var(--font-mono);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.font-section-header{font-family:var(--font-mono);font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:.2em}.font-body{font-family:var(--font-sans);font-weight:400;font-size:13px}.font-label{font-family:var(--font-sans);font-weight:400;font-size:11px}.font-micro{font-family:var(--font-sans);font-weight:400;font-size:10px}.font-preset{font-family:var(--font-mono);font-weight:400;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.neu-raised{box-shadow:var(--shadow-raised)}.neu-pressed{box-shadow:var(--shadow-pressed)}.neu-raised-sm{box-shadow:var(--shadow-raised-sm)}.neu-pressed-sm{box-shadow:var(--shadow-pressed-sm)}button{background:transparent;border:none;cursor:pointer;outline:none;font-family:inherit;color:inherit}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.main{display:flex;flex-direction:column;align-items:center;flex:1;padding:0;max-width:100%;overflow:visible}.main__upper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:50vh;padding-top:62px;flex-shrink:0;box-sizing:border-box}.main__playback{display:flex;align-items:center;justify-content:center}.golden-line{width:100%;height:1px;background:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow),0 0 24px var(--color-accent-glow),0 0 56px #ec5b1326;flex-shrink:0}.main__lower{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--content-max-width);min-height:calc(50vh - 40px);padding:80px var(--page-padding-mobile) 0}@media(min-width:768px){.main__lower{padding:80px var(--page-padding-desktop) 0}}.main__learn-more{margin-top:auto;margin-bottom:60px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-tertiary);cursor:pointer;text-transform:lowercase;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast)}.main__learn-more:hover{color:var(--color-text-secondary)}.main__learn-more-chevron{transition:transform .3s ease}.main__learn-more-chevron--open{transform:rotate(180deg)}.learn-more-article{width:100%;max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.32,.72,0,1),opacity .3s ease;opacity:0}.learn-more-article--open{max-height:3000px;opacity:1;padding-bottom:80px}.learn-more-article__heading{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:20px;color:var(--color-text-primary);margin:40px 0 24px;text-align:center}.learn-more-article__subheading{font-family:var(--font-sans);font-weight:500;font-size:14px;color:var(--color-text-primary);margin:28px 0 12px}.learn-more-article p{font-family:var(--font-sans);font-weight:400;font-size:13px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:12px}.learn-more-article a{color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}.learn-more-article a:hover{opacity:.75}.learn-more-article__ref{font-size:11px!important;color:var(--color-text-tertiary)!important;margin-top:4px;margin-bottom:20px;line-height:1.5}.learn-more-article cite{font-style:italic}.learn-more-article strong{font-weight:600;color:var(--color-text-primary)}.learn-more-article em{font-style:italic}.footer{position:fixed;bottom:20px;width:100%;text-align:center;color:var(--color-text-disabled);pointer-events:none}.header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 40px}.header__brand{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--color-text-tertiary);font-weight:400;letter-spacing:.05em;flex-shrink:0}.header__sound-mode{position:absolute;left:50%;transform:translate(-50%);color:var(--color-text-tertiary);pointer-events:none}.header__actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.header__icon-btn{color:var(--icon-stroke-muted);padding:0;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.header__icon-btn:hover{color:var(--icon-stroke)}@media(max-width:767px){.header{padding:24px var(--page-padding-mobile)}}.play-button{--responsive-size: clamp(80px, calc(50vh - 122px) , 200px);width:var(--responsive-size);height:var(--responsive-size);border-radius:50%;background:var(--color-bg);box-shadow:var(--shadow-raised);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;color:var(--icon-stroke);-webkit-tap-highlight-color:transparent}.play-button:active,.play-button--active:active{transform:scale(.98);box-shadow:var(--shadow-pressed)}.play-button__play-icon{margin-left:4px}.settings-section{margin-bottom:40px}.settings-section:last-child{margin-bottom:16px}.settings-section__title{font-family:var(--font-mono);font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--settings-section-color);margin-bottom:24px}.settings-appearance{display:flex;gap:12px}.settings-appearance__option{flex:1;display:flex;align-items:center;justify-content:center;height:48px;border-radius:16px;font-family:var(--font-mono);font-weight:400;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--settings-item-inactive-dot);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-appearance__option--active{background:var(--color-bg);box-shadow:var(--shadow-pressed-sm);color:var(--color-text-primary)}.settings-sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.settings-sound-card-wrapper{display:flex;flex-direction:column}.settings-sound-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:16px;background:var(--color-bg);box-shadow:var(--shadow-raised-sm);transition:box-shadow var(--transition-fast);position:relative;-webkit-tap-highlight-color:transparent}.settings-sound-card--active{box-shadow:var(--shadow-pressed-sm)}.settings-sound-card__icon{color:var(--settings-section-color);flex-shrink:0}.settings-sound-card--active .settings-sound-card__icon{color:var(--color-accent)}.settings-sound-card__name{font-family:var(--font-sans);font-weight:400;font-size:13px;color:var(--color-text-primary)}.settings-sound-card__dot{position:absolute;top:16px;right:16px;width:6px;height:6px;border-radius:50%;background:var(--settings-item-inactive-dot);flex-shrink:0}.settings-sound-card--active .settings-sound-card__dot{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.settings-sound-card__presets{display:flex;gap:6px;margin-top:8px}.settings-preset-chip{font-family:var(--font-mono);font-weight:400;font-size:9px;text-transform:uppercase;letter-spacing:.12em;padding:5px 10px;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:var(--shadow-raised-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-preset-chip--active{box-shadow:var(--shadow-pressed-sm);color:var(--color-accent)}.settings-volume{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.settings-volume__header{display:flex;justify-content:space-between;align-items:center}.settings-volume__label{font-family:var(--font-mono);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary)}.settings-volume__value{font-family:var(--font-mono);font-weight:400;font-size:12px;color:var(--color-text-primary)}.settings-volume__track{position:relative;height:8px;width:100%;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:var(--shadow-pressed-sm);cursor:pointer;touch-action:none}.settings-volume__fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow);pointer-events:none}.settings-volume__thumb{position:absolute;top:50%;width:24px;height:24px;border-radius:50%;background:var(--color-bg);box-shadow:var(--shadow-raised-sm);border:1px solid var(--color-border-subtle);transform:translate(-50%,-50%);cursor:grab;pointer-events:none}.settings-volume__thumb:active{cursor:grabbing}.settings-volume__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.settings-timer-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.settings-timer-chip{padding:10px 16px;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:var(--shadow-raised-sm);font-family:var(--font-mono);font-weight:400;font-size:12px;color:var(--color-text-secondary);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-timer-chip--selected{box-shadow:var(--shadow-pressed-sm);color:var(--color-accent)}.settings-timer-confirm{width:100%;padding:14px;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-weight:500;font-size:14px;letter-spacing:.05em;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-timer-confirm:disabled{opacity:.4;cursor:not-allowed}.settings-timer-confirm:not(:disabled):active{opacity:.85}.settings-timer-clear{display:block;margin:12px auto 0;text-align:center;font-family:var(--font-sans);font-weight:400;font-size:12px;color:var(--color-text-tertiary);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-timer-clear:hover{color:var(--color-text-secondary)}.settings-install-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:var(--shadow-raised-sm);font-family:var(--font-sans);font-weight:500;font-size:13px;color:var(--color-text-primary);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-install-btn:disabled{opacity:.4;cursor:not-allowed}.settings-install-btn:not(:disabled):active{box-shadow:var(--shadow-pressed-sm)}.settings-install-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-family:var(--font-sans);font-weight:400;font-size:13px;color:var(--color-text-secondary)}.settings-google-play{display:block;margin-top:16px;text-decoration:none;color:inherit}.settings-google-play__badge{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--color-bg);box-shadow:var(--shadow-raised-sm);color:var(--color-text-secondary);transition:box-shadow var(--transition-fast)}.settings-google-play__badge:active{box-shadow:var(--shadow-pressed-sm)}.settings-google-play__text{display:flex;flex-direction:column;flex:1}.settings-google-play__label{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary)}.settings-google-play__store{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-text-primary)}.settings-google-play__soon{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);padding:4px 8px;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:var(--shadow-pressed-sm)}.bottom-sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--scrim-overlay);backdrop-filter:var(--scrim-blur);-webkit-backdrop-filter:var(--scrim-blur);opacity:0;pointer-events:none;transition:opacity var(--transition-sheet)}.bottom-sheet-scrim--open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:101;background:var(--color-bg);border-top-left-radius:var(--radius-panel-top);border-top-right-radius:var(--radius-panel-top);border-top:1px solid var(--color-border-subtle);max-height:90vh;max-height:90dvh;overflow-y:auto;transform:translateY(100%);transition:transform var(--transition-sheet);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-sheet--open{transform:translateY(0)}.bottom-sheet::-webkit-scrollbar{display:none}.bottom-sheet{-ms-overflow-style:none;scrollbar-width:none}.bottom-sheet__handle{display:flex;align-items:center;justify-content:center;height:32px;padding-top:8px;width:100%}.bottom-sheet__handle-bar{width:48px;height:6px;border-radius:var(--radius-pill);background:var(--drag-handle-bg)}.bottom-sheet__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 0;margin-bottom:32px}.bottom-sheet__title{font-family:var(--font-sans);font-weight:400;font-size:20px;letter-spacing:-.01em;color:var(--color-text-primary)}.bottom-sheet__close-btn{color:var(--settings-section-color);padding:4px;transition:color var(--transition-fast)}.bottom-sheet__close-btn:hover{color:var(--color-text-secondary)}.bottom-sheet__content{padding:0 24px 48px}@media(min-width:768px){.bottom-sheet{left:50%;right:auto;width:480px;transform:translate(-50%,100%);border-radius:var(--radius-panel-top);max-height:80vh;max-height:80dvh}.bottom-sheet--open{transform:translate(-50%)}}.status-bar{position:fixed;bottom:48px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px var(--page-padding-mobile);font-family:var(--font-mono);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary);opacity:0;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none;z-index:50}.status-bar--visible{opacity:1;transform:translateY(0);pointer-events:auto}.status-bar__divider{width:1px;height:12px;background:var(--color-text-disabled)}@media(min-width:768px){.status-bar{padding:8px var(--page-padding-desktop)}}.install-banner{position:fixed;bottom:0;left:0;right:0;z-index:1100;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px var(--page-padding-mobile);background:var(--color-bg);box-shadow:var(--shadow-raised);animation:install-banner-slide-up .3s cubic-bezier(.32,.72,0,1) both}@keyframes install-banner-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-banner__text{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-primary);flex:1;min-width:0}.install-banner__install-btn{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-pill);padding:10px 20px;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.install-banner__install-btn:hover{opacity:.85}.install-banner__install-btn:active{opacity:.7}.install-banner__dismiss-btn{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);background:transparent;border:none;padding:10px 8px;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast)}.install-banner__dismiss-btn:hover{color:var(--color-text-secondary)}