*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4a7c59;--primary-dark: #2d4a3e;--secondary: #81c784;--background: #f5f5f5;--surface: #ffffff;--text: #2d4a3e;--text-light: #6b8e7e;--error: #e57373;--warning: #ffb74d}body{font-family:system-ui,-apple-system,sans-serif;background:var(--background);color:var(--text);line-height:1.6}.cta-button{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s}.cta-button:hover{background:var(--primary-dark)}.secondary-button{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:10px 22px;border-radius:8px;font-size:16px;cursor:pointer}.back-button{color:var(--text-light);text-decoration:none;font-size:14px}.control-button{background:var(--surface);color:var(--primary);border:2px solid var(--primary);padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;margin:8px}.control-button.secondary{border-color:var(--text-light);color:var(--text-light)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-light)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:40px;height:40px;border:4px solid var(--background);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing{max-width:1000px;margin:0 auto;padding:20px}.landing-header{text-align:center;padding:40px 0}.landing-header h1{font-size:48px;color:var(--primary)}.hero{text-align:center;padding:60px 20px;background:var(--surface);border-radius:16px;margin:20px 0}.hero h2{font-size:32px;margin-bottom:16px}.hero p{margin-bottom:24px;color:var(--text-light)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:40px 0}.feature{background:var(--surface);padding:24px;border-radius:12px;text-align:center}.feature h3{color:var(--primary);margin-bottom:8px}.pricing{text-align:center;padding:40px 0}.pricing-cards{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.pricing-card{background:var(--surface);padding:32px;border-radius:12px;min-width:200px}.pricing-card.featured{border:2px solid var(--primary)}.price{font-size:32px;font-weight:700;color:var(--primary);margin:16px 0}.savings{color:var(--secondary);font-size:14px;margin-bottom:16px}.landing-footer{display:flex;justify-content:center;gap:24px;padding:40px 0;flex-wrap:wrap}.landing-footer a{color:var(--text-light);text-decoration:none;font-size:14px}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--surface);border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:16px}.user-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.user-name{font-weight:600}.user-level{display:flex;align-items:center;gap:8px}.xp-bar{width:100px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:var(--secondary);transition:width .3s}.xp-text{font-size:12px;color:var(--text-light)}.sign-out-button{background:transparent;color:var(--text-light);border:1px solid var(--text-light);padding:8px 16px;border-radius:6px;cursor:pointer}.dashboard-main{flex:1;padding:24px;display:flex;flex-direction:column;align-items:center}.garden-container{position:relative;max-width:100%;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px #0000001a}.garden-canvas{display:block;max-width:100%;height:auto}.garden-empty-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.garden-stats{margin:16px 0;color:var(--text-light)}.dashboard-actions{margin-top:24px}.start-session-button{display:inline-block;background:var(--primary);color:#fff;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:18px;font-weight:600;transition:background .2s}.start-session-button:hover{background:var(--primary-dark)}.dashboard-nav{display:flex;justify-content:center;gap:8px;padding:16px;background:var(--surface);border-top:1px solid #e0e0e0}.dashboard-nav a{padding:12px 24px;color:var(--text-light);text-decoration:none;border-radius:8px;transition:background .2s}.dashboard-nav a:hover{background:var(--background)}.dashboard-nav a.active{background:var(--primary);color:#fff}.breathe{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px}.breathe-setup{max-width:800px;width:100%}.breathe-setup h1{text-align:center;margin:24px 0}.pattern-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0}.pattern-card{background:var(--surface);border:2px solid transparent;padding:20px;border-radius:12px;text-align:left;cursor:pointer;transition:border-color .2s}.pattern-card:hover{border-color:var(--secondary)}.pattern-card.selected{border-color:var(--primary);background:#4a7c591a}.pattern-card h3{color:var(--primary);margin-bottom:8px}.pattern-card p{font-size:14px;color:var(--text-light)}.warning-badge{display:inline-block;background:var(--warning);color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;margin-top:8px}.duration-selector{margin:32px 0}.duration-selector h2{margin-bottom:16px}.duration-presets{display:flex;gap:12px;flex-wrap:wrap}.duration-button{background:var(--surface);border:2px solid #e0e0e0;padding:12px 24px;border-radius:8px;cursor:pointer;transition:border-color .2s}.duration-button.selected{border-color:var(--primary);background:#4a7c591a}.custom-duration{margin-top:16px}.custom-duration input{width:60px;padding:8px;border:1px solid #e0e0e0;border-radius:4px;margin:0 8px}.health-disclaimer{background:#ffb74d1a;border:1px solid var(--warning);padding:20px;border-radius:12px;margin:24px 0}.health-disclaimer h3{color:var(--warning);margin-bottom:8px}.general-disclaimer{font-size:14px;color:var(--text-light);margin-top:12px}.breathe-active{justify-content:center;text-align:center}.timer-display{font-size:48px;font-weight:700;color:var(--primary);margin-bottom:24px}.breathing-circle{margin:24px 0}.phase-name{font-size:24px;color:var(--text-light);margin-bottom:24px}.breathe-controls{display:flex;justify-content:center;flex-wrap:wrap}.breathe-complete{justify-content:center;text-align:center}.breathe-complete h1{color:var(--primary);margin-bottom:16px}.breathe-complete p{font-size:18px;margin:8px 0}.breathe-complete .cta-button{margin:24px 8px 8px}.stats{min-height:100vh;padding:24px;max-width:900px;margin:0 auto}.stats-header{margin-bottom:32px}.stats-header h1{margin-top:16px}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--surface);padding:24px;border-radius:12px;text-align:center}.stat-value{display:block;font-size:36px;font-weight:700;color:var(--primary)}.stat-label{font-size:14px;color:var(--text-light)}.stats-section{margin-bottom:32px}.stats-section h2{margin-bottom:16px}.activity-calendar{display:flex;gap:4px;flex-wrap:wrap}.calendar-day{width:20px;height:20px;border-radius:4px;background:#e0e0e0}.calendar-day.level-1{background:#c8e6c9}.calendar-day.level-2{background:#81c784}.calendar-day.level-3{background:#4caf50}.calendar-day.level-4{background:#2e7d32}.pattern-stats{display:flex;flex-direction:column;gap:12px}.pattern-stat{display:flex;justify-content:space-between;padding:12px 16px;background:var(--surface);border-radius:8px}.session-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;justify-content:space-between;padding:12px 16px;background:var(--surface);border-radius:8px}.session-pattern{font-weight:500}.session-duration,.session-date{color:var(--text-light)}.settings{min-height:100vh;padding:24px;max-width:800px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-header h1{margin-top:16px}.settings-section{margin-bottom:32px}.settings-section h2{margin-bottom:16px}.theme-preview{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.theme-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.theme-card{background:var(--surface);border:2px solid transparent;padding:16px;border-radius:12px;text-align:left;cursor:pointer;transition:border-color .2s}.theme-card:hover{border-color:var(--secondary)}.theme-card.selected{border-color:var(--primary);background:#4a7c591a}.theme-card h3{color:var(--primary);margin-bottom:4px;font-size:16px}.theme-card p{font-size:13px;color:var(--text-light)}.legal-page{max-width:800px;margin:0 auto;padding:40px 24px}.legal-page h1{margin-bottom:8px}.legal-page .last-updated{color:var(--text-light);margin-bottom:32px}.legal-page h2{margin-top:32px;margin-bottom:16px;color:var(--primary)}.legal-page p,.legal-page ul{margin-bottom:16px}.legal-page ul{padding-left:24px}.legal-page li{margin-bottom:8px}@media(max-width:768px){.landing-header h1{font-size:36px}.hero h2{font-size:24px}.dashboard-header,.user-info{flex-direction:column;align-items:flex-start}.timer-display{font-size:36px}.breathing-circle{width:300px;height:300px}}