.splash-screen{height:100vh;background-color:var(--accent-blue-gray);display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.splash-logo{max-width:400px;width:80%;height:auto;object-fit:contain}@media (max-width: 768px){.splash-logo{max-width:300px}}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.home-page{height:calc(100vh - 70px);background-color:var(--background-white);overflow-y:auto;overflow-x:hidden;position:fixed;top:0;left:0;right:0;bottom:70px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.home-content{display:flex;flex-direction:column}.home-header{background-color:var(--background-section);padding:var(--spacing-lg-minus) var(--spacing-md) var(--spacing-2xl) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg-minus)}.home-logo{width:120px;height:auto;margin:0 0 var(--spacing-xs) 0}.begin-section h3,.daily-suggestions h3{margin:0 0 var(--spacing-xs-plus) 0}.begin-section{display:flex;flex-direction:column;padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg-minus)}.meditation-shortcut{background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-xs-plus);cursor:pointer;box-shadow:var(--shadow-md);-webkit-tap-highlight-color:transparent}.meditation-shortcut:active{opacity:.7}.shortcut-image{width:100px;height:100px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative}.shortcut-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2xs)}.shortcut-info h3,.shortcut-info p{margin:0}.quote-box{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg-minus) var(--spacing-md);box-shadow:var( --shadow-md);margin:0 var(--spacing-md) var(--spacing-lg-minus) var(--spacing-md)}.quote-text{font-style:italic;line-height:var(--line-height-loose);margin:0 0 var(--spacing-xs-plus) 0}.quote-author{margin:0}.daily-suggestions{display:flex;flex-direction:column;padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg)}.suggestions-scroll{display:flex;gap:var(--spacing-xs-plus);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-2xs);margin:0 calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.suggestions-scroll::-webkit-scrollbar{display:none}.suggestion-card{flex-shrink:0;width:140px;display:flex;flex-direction:column;gap:var(--spacing-xs);cursor:pointer;-webkit-tap-highlight-color:transparent}.suggestion-card:active{opacity:.7}.suggestion-image{width:140px;height:140px;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--border-light)}.suggestion-info{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.suggestion-info h4{margin:0}@media (max-width: 768px){.home-header{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg-minus) var(--spacing-sm)}.begin-section,.daily-suggestions{padding:0 var(--spacing-sm)}.quote-box{margin:0 var(--spacing-sm) var(--spacing-lg-minus) var(--spacing-sm)}.suggestions-scroll{margin:0 calc(-1 * var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.meditate-screen{height:calc(100vh - 70px);overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:fixed;top:0;left:0;right:0;bottom:70px}.chapter-section{margin-bottom:var(--spacing-lg)}.chapter-section h2.heading-serif{margin:var(--spacing-md) 0 var(--spacing-sm) var(--spacing-sm);color:var(--primary-blue)}.meditations-scroll{display:flex;overflow-x:auto;gap:var(--spacing-xs-plus);padding:0 var(--spacing-sm);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.meditations-scroll::-webkit-scrollbar{display:none}.meditation-card{flex-shrink:0;width:140px;display:flex;flex-direction:column;gap:var(--spacing-xs);cursor:pointer;-webkit-tap-highlight-color:transparent}.meditation-card:active{opacity:.7}.card-image{width:140px;height:140px;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--border-light)}.card-content{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.card-content h4{margin:0}.card-duration{font-size:var(--font-size-sm);color:var(--gray-light)}.audio-player-screen{height:100vh;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;-webkit-overflow-scrolling:auto}.player-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm)}.close-button{width:44px;height:44px;background:none;border:none;color:var(--primary-blue);font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center}.close-button:active{opacity:.7}.download-button{width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.download-button:active:not(:disabled){opacity:.7}.download-button:disabled{cursor:not-allowed}.download-icon{width:32px;height:32px}.player-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);max-width:500px;margin:0 auto;width:100%}.cover-art{width:90%;max-width:400px;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.track-info{text-align:center;margin-bottom:var(--spacing-lg)}.track-info h2{margin-bottom:var(--spacing-xs)}.progress-section{width:100%;margin-bottom:var(--spacing-lg)}.progress-bar{width:100%;height:var(--height-progress-bar);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--light-gray);outline:none;border-radius:var(--radius-2xs);margin-bottom:var(--spacing-xs)}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-blue-gray);cursor:pointer;border-radius:50%}.progress-bar::-moz-range-thumb{width:16px;height:16px;background:var(--accent-blue-gray);cursor:pointer;border-radius:50%;border:none}.time-display{display:flex;justify-content:space-between}.controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.control-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--gray-text);transition:none;-webkit-tap-highlight-color:transparent}.control-button:active{opacity:.7}.control-button svg{width:32px;height:32px}.play-button svg{width:48px;height:48px}@media (max-width: 768px){.cover-art{width:85%}}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;overflow-y:auto;padding-bottom:var(--height-tab-bar-mobile)}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;border-top:1px solid var(--border-light);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-md);z-index:1000}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2xs);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--light-gray);transition:none;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--accent-blue-gray)}.tab-item:active{opacity:.7}.tab-icon{width:32px;height:32px}.tab-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}@media (max-width: 768px){.tab-bar{height:var(--height-tab-bar-mobile)}}.install-prompt{position:fixed;bottom:0;left:0;right:0;height:35vh;min-height:280px;max-height:400px;background:linear-gradient(to top,var(--black-overlay-primary) 0%,var(--black-overlay-secondary) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:var(--spacing-lg-minus);padding-bottom:calc(var(--spacing-lg-minus) + env(safe-area-inset-bottom));z-index:9999;animation:slideUpLarge .3s ease-out;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-install-prompt)}.install-prompt-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.install-prompt-content{display:flex;flex-direction:column;gap:var(--spacing-lg-minus);height:100%;justify-content:center;align-items:center;text-align:center}.install-prompt-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.install-prompt-logo{width:80px;height:80px;border-radius:var(--radius-lg);box-shadow:var(--shadow-logo)}.install-prompt-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin:0;color:#fff}.install-prompt-instructions{display:flex;flex-direction:column;gap:var(--spacing-xs-plus);max-width:90%}.install-prompt-instructions p{font-size:var(--font-size-lg);color:var(--white-overlay-light);margin:0;font-weight:var(--font-weight-medium)}.install-prompt-steps{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-2xs);font-size:var(--font-size-md);color:var(--white-overlay-lighter);line-height:var(--line-height-loose)}.install-prompt-steps span{display:inline-flex;align-items:center}.install-prompt-steps .highlight{font-weight:var(--font-weight-semibold);color:var(--accent-blue-gray);padding:var(--spacing-2xs) var(--spacing-2xs)}.share-icon{display:inline-flex;color:var(--accent-blue-gray);margin:0 var(--spacing-2xs);flex-shrink:0}@media (max-width: 768px){.install-prompt{height:33vh;min-height:260px;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.install-prompt-logo{width:70px;height:70px}.install-prompt-header h2{font-size:var(--font-size-3xl)}.install-prompt-instructions p{font-size:var(--font-size-md)}.install-prompt-steps{font-size:var(--font-size-base)}}.open-in-safari-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.open-in-safari-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:400px;padding:32px 24px;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.open-in-safari-close{position:absolute;top:12px;right:12px}.open-in-safari-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.open-in-safari-icon{color:#007aff;margin-bottom:8px}.open-in-safari-content h2{font-size:24px;font-weight:var(--font-weight-semibold);color:#000;margin:0}.open-in-safari-content p{font-size:16px;color:#666;margin:0;line-height:1.5}.open-safari-button{width:100%;padding:16px;background:#007aff;color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:var(--font-weight-semibold);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s}.open-safari-button:active{background:#0062cc}.dismiss-button{background:none;border:none;color:#007aff;font-size:16px;cursor:pointer;padding:12px;-webkit-tap-highlight-color:transparent}.dismiss-button:active{opacity:.5}@media (max-width: 768px){.open-in-safari-modal{padding:28px 20px}.open-in-safari-content h2{font-size:22px}.open-in-safari-content p{font-size:15px}.open-safari-button{font-size:16px;padding:14px}}.app{min-height:100vh;display:flex;flex-direction:column}.app-container{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}.page-transition{animation:fadeIn .3s ease-in-out}@font-face{font-family:PP Eiko;src:url(/fonts/PPEiko-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:PP Eiko;src:url(/fonts/PPEiko-Heavy.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:PP Eiko;src:url(/fonts/PPEiko-Thin.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:PP Eiko;src:url(/fonts/PPEiko-LightItalic.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:PP Eiko;src:url(/fonts/PPEiko-BlackItalic.otf) format("opentype");font-weight:900;font-style:italic}:root{--background-white: #FFFFFF;--primary-blue: #0C4A6E;--accent-blue-gray: rgb(137, 166, 187);--gray-text: #666666;--light-gray: #CCCCCC;--gray-light: #999;--border-light: #E0E0E0;--background-section: #E8EEF2;--black-overlay-primary: rgba(0, 0, 0, .96);--black-overlay-secondary: rgba(0, 0, 0, .92);--white-overlay-light: rgba(255, 255, 255, .9);--white-overlay-lighter: rgba(255, 255, 255, .85);--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-xs-plus: 12px;--spacing-sm: 16px;--spacing-md: 20px;--spacing-lg-minus: 24px;--spacing-lg: 40px;--spacing-xl: 60px;--spacing-2xl: 32px;--radius-2xs: 2px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-round: 50%;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-install-prompt: 0 -4px 20px rgba(0, 0, 0, .3);--shadow-logo: 0 4px 12px rgba(0, 0, 0, .3);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--line-height-loose: 1.6;--font-sans: "PP Eiko", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-system: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--height-progress-bar: 4px;--height-tab-bar-mobile: 70px}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:auto;width:100%;height:100%;scroll-behavior:smooth}body{font-family:var(--font-system);font-weight:var(--font-weight-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-white);color:var(--primary-blue);overflow-x:hidden;width:100%;height:100%;overscroll-behavior:auto;-webkit-overflow-scrolling:touch}#root{min-height:100vh;display:flex;flex-direction:column}button,a{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}.full-screen{height:100vh;display:flex;flex-direction:column}.full-screen-with-tabs{height:calc(100vh - 70px);position:fixed;top:0;left:0;right:0;bottom:70px}.center-content{display:flex;justify-content:center;align-items:center}.scroll-y{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scroll-x{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}@media (max-width: 768px){body{font-size:16px}}h1,.heading-1{font-family:var(--font-sans);font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--primary-blue);margin:0}h2,.heading-2{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--primary-blue);margin:0}h3,.heading-3{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--primary-blue);margin:0}h4,.heading-4{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--primary-blue);margin:0}h5,.heading-5{font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--primary-blue);margin:0}h6,.heading-6{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--gray-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0}h1.heading-serif,.heading-1-serif{font-family:var(--font-serif);font-size:var(--font-size-4xl);font-weight:var(--font-weight-regular);font-style:italic;line-height:var(--line-height-snug);color:var(--primary-blue);margin:0}h2.heading-serif,.heading-2-serif{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:var(--font-weight-regular);font-style:italic;line-height:var(--line-height-normal);color:var(--primary-blue);margin:0}h3.heading-serif,.heading-3-serif{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);font-style:italic;line-height:var(--line-height-normal);color:var(--primary-blue);margin:0}h4.heading-serif,.heading-4-serif{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);font-style:italic;line-height:var(--line-height-relaxed);color:var(--primary-blue);margin:0}@media (max-width: 768px){h1,.heading-1,h1.heading-serif,.heading-1-serif{font-size:26px}h2.heading-serif,.heading-2-serif{font-size:var(--font-size-2xl)}}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-system{font-family:var(--font-system)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.italic{font-style:italic}.not-italic{font-style:normal}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.primary-blue{color:var(--primary-blue)}.text-gray{color:var(--gray-text)}.text-light-gray{color:var(--gray-light)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-serif-italic{font-family:var(--font-serif);font-style:italic}.text-pp-eiko{font-family:var(--font-sans)}.text-display{font-family:var(--font-sans);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight)}.text-body{font-family:var(--font-system);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--primary-blue)}.text-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--gray-text);line-height:var(--line-height-normal)}.whitespace-pre-line{white-space:pre-line}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.btn-reset{background:none;border:none;cursor:pointer;transition:none;-webkit-tap-highlight-color:transparent}.btn-reset:active{opacity:.7}.btn-close{background:#ffffff1a;border:none;color:#ffffffe6;font-size:20px;cursor:pointer;padding:8px;width:36px;height:36px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.btn-close:active{background:#fff3}.btn-close-light{background:#0000000d;color:#666}.btn-close-light:active{background:#0000001a}.card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.card-interactive{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:none}.card-interactive:active{opacity:.7}.img-cover{width:100%;height:100%;object-fit:cover}.tap-feedback{cursor:pointer;-webkit-tap-highlight-color:transparent}.tap-feedback:active{opacity:.7}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:400px;padding:32px 24px;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}@media (max-width: 768px){.modal{padding:28px 20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpLarge{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-up-large{animation:slideUpLarge .3s ease-out}