:root{font-family:Literata,Georgia,serif;--font-display: "Source Sans 3", sans-serif;font-optical-sizing:auto;line-height:1.7;font-weight:400;font-size:18px;--text-primary: #2c231c;--text-secondary: #5c4d3e;--text-muted: #8a7968;--bg-page: #faf5ef;--bg-warm: #f4ede4;--bg-glow: #fff8f0;--terracotta: #b86b4a;--terracotta-soft: rgba(184, 107, 74, .15);--terracotta-wash: rgba(184, 107, 74, .07);--clay: #a68560;--clay-soft: rgba(166, 133, 96, .18);--clay-wash: rgba(166, 133, 96, .08);--sage: #6e8a62;--sage-soft: rgba(110, 138, 98, .18);--sage-wash: rgba(110, 138, 98, .07);--sand: #c4b49e;--sand-soft: rgba(196, 180, 158, .3);--amber: #c49a3c;--amber-soft: rgba(196, 154, 60, .18);--amber-wash: rgba(196, 154, 60, .07);--dusk: #7e6e8a;--dusk-soft: rgba(126, 110, 138, .18);--dusk-wash: rgba(126, 110, 138, .07);--card-bg: rgba(255, 255, 255, .55);--card-bg-hover: rgba(255, 255, 255, .8);--card-border: rgba(160, 140, 115, .12);--card-border-hover: rgba(160, 140, 115, .25);--card-shadow: 0 2px 12px rgba(120, 100, 75, .06);--card-shadow-hover: 0 6px 24px rgba(120, 100, 75, .1);--button-bg: rgba(160, 140, 115, .1);--button-bg-hover: rgba(160, 140, 115, .18);--button-bg-active: var(--terracotta-soft);--button-text: var(--text-secondary);--space-xs: .35rem;--space-sm: .65rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.2rem;--text-xl: 1.6rem;--text-2xl: 2.2rem;--text-3xl: 2.8rem;--letter-wide: .02em;--letter-wider: .06em;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}body{min-width:320px;min-height:100vh;min-height:100dvh;background:var(--bg-page)}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.65em 1.3em;font-size:var(--text-base);font-weight:400;font-family:inherit;letter-spacing:var(--letter-wide);background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .35s var(--ease-out)}button:hover{background:var(--button-bg-hover);color:var(--text-primary)}button:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}::selection{background:var(--terracotta-soft);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a08c7333;border-radius:4px}@media(max-width:480px){:root{font-size:16px;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--text-xl: 1.4rem;--text-2xl: 1.8rem;--text-3xl: 2.2rem}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);-webkit-text-size-adjust:100%}}.practice-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-xl);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;aspect-ratio:1;box-shadow:var(--card-shadow);transition:all .4s var(--ease-out)}.practice-card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.practice-card-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);line-height:1.3}@media(max-width:480px){.practice-card{padding:var(--space-md) var(--space-lg);min-height:44px;aspect-ratio:auto}}.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg);gap:var(--space-2xl)}.home-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.home-title{font-size:var(--text-3xl);font-weight:300;letter-spacing:var(--letter-wide);color:var(--text-primary);line-height:1.2}.home-link{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-sm);letter-spacing:var(--letter-wider);transition:color .3s;min-height:44px;display:flex;align-items:center}.home-link:hover{color:var(--text-secondary);background:none}.home-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.action-btn{padding:1em 1.4em;font-size:var(--text-sm);letter-spacing:var(--letter-wider);border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;transition:all .3s var(--ease-out);min-width:140px}.action-btn:hover{color:var(--text-secondary);border-color:var(--card-border-hover);background:var(--card-bg-hover)}.action-btn--view-all{padding:1em 1.4em;font-size:var(--text-sm)}.favorites-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:960px}.favorites-heading{font-size:var(--text-sm);font-weight:400;color:var(--text-muted);letter-spacing:var(--letter-wider)}.favorites-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.favorite-chip{padding:1em 1.4em;font-size:var(--text-sm);letter-spacing:var(--letter-wider);border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--terracotta-soft);color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-out)}.favorite-chip:hover{color:var(--terracotta);border-color:var(--terracotta);background:var(--card-bg-hover)}.category-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-lg);width:100%;max-width:1060px}.category-door{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);cursor:pointer;min-height:220px;box-shadow:var(--card-shadow);transition:all .4s var(--ease-out)}.category-door:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.category-door--breath{border-bottom:3px solid var(--terracotta-soft)}.category-door--breath:hover{border-bottom-color:var(--terracotta)}.category-door--body{border-bottom:3px solid var(--clay-soft)}.category-door--body:hover{border-bottom-color:var(--clay)}.category-door--senses{border-bottom:3px solid var(--sage-soft)}.category-door--senses:hover{border-bottom-color:var(--sage)}.category-door--imagination{border-bottom:3px solid var(--amber-soft)}.category-door--imagination:hover{border-bottom-color:var(--amber)}.category-door--contemplation{border-bottom:3px solid var(--dusk-soft)}.category-door--contemplation:hover{border-bottom-color:var(--dusk)}.door-name{font-size:var(--text-lg);font-weight:500;color:var(--text-primary);letter-spacing:var(--letter-wider)}.door-count{font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.home:has(.practice-list){justify-content:flex-start}.practice-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%;max-width:960px}@media(max-width:840px){.practice-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.practice-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:840px){.category-choices{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.home{padding:calc(var(--space-xl) + env(safe-area-inset-top)) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom));gap:var(--space-xl)}.home-title{font-size:var(--text-2xl)}.home-actions{gap:var(--space-lg)}.category-choices{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.category-door{min-height:140px;padding:var(--space-lg) var(--space-md)}.practice-list{grid-template-columns:1fr}.action-btn{min-height:44px;display:flex;align-items:center;justify-content:center}}.session-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.duration-presets{display:flex;align-items:center;gap:var(--space-sm)}.duration-btn{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:400;color:var(--text-muted);background:var(--card-bg);border:1px solid var(--card-border);transition:all .3s var(--ease-out)}.duration-btn:hover{color:var(--text-secondary);border-color:var(--card-border-hover);background:var(--card-bg-hover)}.duration-btn.active{color:var(--terracotta);background:var(--terracotta-wash);border-color:var(--terracotta-soft)}.duration-unit{font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--space-xs)}.control-btn{padding:.7em 2.5em;font-size:var(--text-base);letter-spacing:var(--letter-wider);text-transform:lowercase;border-radius:var(--radius-full)}.start-btn{background:var(--terracotta-wash);border-color:var(--terracotta-soft);color:var(--terracotta)}.start-btn:hover{background:var(--terracotta-soft);color:var(--terracotta)}.stop-btn{color:var(--text-muted)}.paused-controls{display:flex;gap:var(--space-md)}.preparing-label{font-size:var(--text-lg);font-weight:400;font-style:italic;color:var(--text-muted)}@media(max-width:480px){.control-btn{padding:.8em 2.2em;min-height:44px}.duration-btn{width:44px;height:44px}.paused-controls{gap:var(--space-sm)}}.session{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-xl) var(--space-lg)}.session-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.session-nav{display:flex;align-items:center;gap:var(--space-lg);width:100%;max-width:600px;justify-content:center}.nav-arrow{background:none!important;border:none;color:var(--text-secondary);padding:var(--space-sm);cursor:pointer;transition:color .3s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{color:var(--text-primary);background:none!important}.nav-arrow-spacer{width:48px;flex-shrink:0}.session-title{flex:1;min-width:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;letter-spacing:var(--letter-wide);color:var(--text-primary);line-height:1.2;text-align:center}.session-subtitle{display:flex;align-items:center;gap:var(--space-xs);line-height:1}.subtitle-separator{color:var(--text-muted);font-size:var(--text-sm);font-weight:300}.favorite-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-family:inherit;font-size:var(--text-sm);font-weight:300;letter-spacing:var(--letter-wider);transition:color .3s}.favorite-btn:hover{color:var(--terracotta);background:none}.favorite-btn--active{color:var(--terracotta)}.session-number{font-size:var(--text-sm);font-weight:300;color:var(--text-muted);letter-spacing:var(--letter-wider)}.session-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) 0}.session-mobile-nav{display:none}.footer-slot{display:flex;align-items:center;justify-content:center;min-height:40px}.footer-spacer{min-height:40px}.session-translation{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;line-height:1.9;color:var(--text-secondary);text-align:center;max-width:520px}.session-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);height:200px;flex-shrink:0}.prep-countdown{font-size:var(--text-lg);font-weight:300;color:var(--sand);letter-spacing:var(--letter-wider);opacity:.5}.session-timer{font-size:var(--text-sm);font-weight:300;color:var(--sand);letter-spacing:var(--letter-wider);font-variant-numeric:tabular-nums;opacity:.5}.session-timer--finished{opacity:1;color:var(--terracotta)}@media(max-width:520px){.session{padding:calc(var(--space-lg) + env(safe-area-inset-top)) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom))}.session-title{font-size:var(--text-xl)}.nav-arrow{min-width:44px;min-height:44px}.nav-arrow-spacer{width:44px}.session-footer{height:auto;min-height:160px;padding-bottom:var(--space-md)}.session-translation{padding:0 var(--space-sm);font-size:var(--text-base)}.session-nav .nav-arrow,.session-nav .nav-arrow-spacer{display:none}.session-mobile-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-top:var(--space-sm)}.session-mobile-nav .nav-arrow{min-width:44px;min-height:44px}}.about-overlay{position:fixed;inset:0;z-index:100;background:#2c231c4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.about-modal{background:var(--bg-glow);border-radius:var(--radius-lg);padding:var(--space-2xl);max-width:520px;width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.about-text{font-size:var(--text-base);font-weight:400;color:var(--text-primary);line-height:1.8}.about-story{font-size:var(--text-base);font-weight:300;font-style:italic;color:var(--text-secondary);line-height:1.8}@media(max-width:520px){.about-overlay{padding:var(--space-md);padding-top:calc(var(--space-md) + env(safe-area-inset-top));padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.about-modal{padding:var(--space-xl) var(--space-lg);max-height:none}}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.home-link{position:fixed;top:var(--space-lg);left:var(--space-lg);z-index:10;background:none;border:none;color:var(--text-muted);font-size:var(--text-base);font-weight:300;letter-spacing:var(--letter-wider);cursor:pointer;transition:color .3s;padding:var(--space-sm)}.home-link:hover{background:none;color:var(--text-secondary)}.home-icon{display:none}.about-btn{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:10;background:none;border:none;color:var(--text-muted);padding:var(--space-sm);cursor:pointer;transition:color .3s}.about-btn:hover{background:none;color:var(--text-secondary)}@media(max-width:480px){.home-link{top:calc(var(--space-md) + env(safe-area-inset-top));left:var(--space-md);min-height:44px;min-width:44px;display:flex;align-items:center;font-size:0;padding:var(--space-sm)}.home-icon{display:block}.home-text{display:none}.about-btn{top:calc(var(--space-md) + env(safe-area-inset-top));right:var(--space-md);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}}