.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--card-bg);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.logo-span{color:var(--primary)}.auth-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.auth-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.days-report-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.days-report-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:var(--shadow)}.days-report-label{color:#555;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.days-report-value{font-size:1rem;font-family:Roboto,sans-serif;font-weight:600}.custom-tooltip{padding:10px;background-color:#000;border-radius:12px;box-shadow:0 2px 5px #0003;font-size:12px;font-family:var(--font-family-mono);color:#fff}.custom-tooltip-label{font-weight:700;margin-bottom:5px}.custom-tooltip-item{display:flex;align-items:center;margin-bottom:5px}.custom-tooltip-item-color{width:10px;height:10px;border-radius:5px;margin-right:5px}.custom-tooltip-item-name{margin-right:5px;font-weight:700}.custom-tooltip-item-value{font-weight:700}.stacked-bar-container{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:var(--shadow)}.stacked-bar-header{display:flex;flex-direction:column;margin-bottom:1rem}.stacked-bar-header-title{color:#555;font-size:1rem;font-weight:600}.stacked-bar-header-subtitle{color:#555;font-size:12px;margin-top:2px}.domain-breakdown-chart{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.domain-breakdown-item{display:flex;justify-content:space-between;margin-bottom:4px}.domain-breakdown-progress-bar{height:4px;background:var(--bg);border-radius:4px;overflow:hidden}.domain-name{color:var(--text);font-size:13px;font-family:var(--font-family-main)}.domain-value{color:var(--text);font-size:13px;font-family:var(--font-family-mono)}.domain-breakdown-title{color:var(--text);font-size:15px;font-weight:600;margin-bottom:4px}.domain-breakdown-subtitle{color:var(--text-light);font-size:12px;margin-bottom:20px}.upgrade-callout-banner{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.upgrade-callout-banner-title{color:var(--text);font-size:14px;font-weight:600;margin-bottom:4px}.upgrade-callout-banner-subtitle{color:var(--text-light);font-size:12px}.upgrade-callout-banner-btn{background:linear-gradient(135deg,#5fa8a0,#4a7c59);border:none;border-radius:8px;padding:8px 20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .2s,filter .2s}.upgrade-callout-banner-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.premium-panel-container{display:flex;flex-direction:column;gap:24px}.premium-filter-container{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;gap:2.5rem;align-items:flex-start;flex-wrap:wrap}.filter-section{display:flex;flex-direction:column;gap:8px}.domain-section{flex:1;min-width:250px}.filter-label{color:var(--text-light);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.premium-filter-button{background:var(--card-bg);border:1.5px solid var(--border);border-radius:8px;padding:6px 14px;color:var(--text);font-size:11px;cursor:pointer;text-transform:capitalize;transition:all .2s}.premium-filter-button:hover:not(.active){border-color:var(--primary);color:var(--primary)}.premium-filter-button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #4a7c5926}.dropdown-trigger:hover{border-color:var(--primary)!important}.dropdown-trigger.open{border-color:var(--primary)!important;box-shadow:0 0 0 3px #4a7c591a}.dropdown-item:hover{background:#4a7c590d!important}.dropdown-item.active:hover{filter:brightness(.95)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0000001f;z-index:100;overflow:hidden;padding:4px}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;border-radius:6px;transition:background .2s;margin-bottom:2px}.dropdown-item-text{font-size:12px}.premium-main-chart-container{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px}.premium-main-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.premium-main-chart-header-title{color:var(--text);font-size:16px;font-weight:600}.premium-main-chart-header-subtitle{color:var(--text-light);font-size:12px;margin-top:2px}.premium-main-chart-header-badge{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:11px;color:var(--primary);letter-spacing:.05em;font-weight:600}.premium-bottom-stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.premium-bottom-stats-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem}.premium-bottom-stats-item-name{color:var(--text-light);font-size:11px;margin-bottom:6px}.premium-bottom-stats-item-value{color:var(--text);font-size:20px;font-family:DM Mono,monospace;font-weight:600}.premium-bottom-stats-item-range{color:var(--text-light);font-size:11px;margin-top:4px}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:90%;max-width:400px;box-shadow:0 10px 25px #0000001a;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text)}.close-btn{background:none;border:none;font-size:24px;color:var(--text-light);cursor:pointer}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:13px;font-weight:600;color:var(--text-light)}.input-group input{padding:10px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;outline:none}.input-group input:focus{border-color:#5fa8a0}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.cancel-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:8px 16px;color:var(--text);cursor:pointer;font-weight:500}.apply-btn{background:linear-gradient(135deg,#5fa8a0,#4a7c59);border:none;border-radius:8px;padding:8px 16px;color:#fff;cursor:pointer;font-weight:600}.apply-btn:hover{filter:brightness(1.1)}.premium-locked-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem;background:var(--bg)}.premium-locked-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:3rem;text-align:center;max-width:500px;box-shadow:0 8px 32px #0000000d}.premium-locked-icon{font-size:48px;margin-bottom:1.5rem}.premium-locked-title{color:var(--text);font-size:24px;font-weight:700;margin-bottom:1rem;font-family:Syne,sans-serif}.premium-locked-description{color:var(--text-light);font-size:15px;line-height:1.6;margin-bottom:2rem}.premium-locked-actions{display:flex;flex-direction:column;gap:12px}.premium-locked-btn-primary{background:linear-gradient(135deg,#5fa8a0,#4a7c59);border:none;border-radius:12px;padding:14px 24px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,filter .2s}.premium-locked-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.premium-locked-btn-secondary{background:transparent;border:1px solid var(--border);border-radius:12px;padding:12px 24px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.premium-locked-btn-secondary:hover{background:var(--hover-bg)}.premium-benefits-container{padding:2rem;display:flex;justify-content:center;background:var(--bg)}.premium-benefits-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:2.5rem;max-width:600px;width:100%;position:relative;box-shadow:0 4px 20px #0000000d}.benefits-back-btn{position:absolute;top:24px;left:24px;background:none;border:none;color:var(--text-light);cursor:pointer;font-size:14px;font-weight:500}.premium-benefits-title{text-align:center;font-family:Syne,sans-serif;font-size:28px;font-weight:800;margin-top:1rem;margin-bottom:.5rem;color:var(--text)}.premium-benefits-subtitle{text-align:center;color:var(--text-light);font-size:16px;margin-bottom:2.5rem}.benefits-table{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:2.5rem}.benefits-header,.benefits-row{display:grid;grid-template-columns:2fr 1fr 1.2fr;padding:14px 20px;background:var(--card-bg);align-items:center}.benefits-header{background:var(--hover-bg);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.feature-name{font-weight:500;color:var(--text)}.status{text-align:center;font-size:14px}.status.yes{color:#4a7c59;font-weight:600}.status.no{opacity:.5}.benefits-footer{text-align:center}.upgrade-cta-btn{background:linear-gradient(135deg,#5fa8a0,#4a7c59);border:none;border-radius:12px;padding:16px 32px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;width:100%;margin-bottom:12px;transition:transform .2s}.upgrade-cta-btn:hover{transform:scale(1.02)}.footer-note{font-size:12px;color:var(--text-light)}.dashboard-container{min-height:100vh;font-family:Syne,sans-serif;padding:1rem;flex:1}.dashboard-title{color:var(--title-text-color);font-size:1rem;font-family:var(--font-family-mono)}.dashboard-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.user-toggle-container{background:var(--background-color);border:1px solid var(--border);border-radius:12px;padding:.5rem;display:flex;gap:4px}.user-toggle-btn{background:var(--border);border:1px solid var(--border);border-radius:8px;padding:8px 20px;color:#555;font-size:13px;cursor:pointer;font-family:Syne,sans-serif;font-weight:600;text-transform:capitalize;transition:all .2s}.user-toggle-btn.active{background:var(--primary);color:#fff}.user-toggle-btn:hover{border:1.5px solid var(--primary)}.card-style{background:#fff;border:1px solid #e8f0eb;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #4a7c5912}.tag-style{display:inline-block;background:#eaf2ec;color:#4a7c59;border-radius:20px;padding:2px 12px;font-size:12px;font-weight:600;margin-bottom:10px;letter-spacing:.5px;text-transform:uppercase}.list-item-style{background:#f7faf8;border:1px solid #e8f0eb;border-radius:8px;padding:12px 16px;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:14px}.privacy-container{max-width:720px;margin:1rem auto;padding:0 1rem;font-family:Roboto,sans-serif;line-height:1.8;color:#1a1a1a;background:#f5f8f6;border-radius:16px}.header-style{text-align:center;padding:48px 0 32px}.privacy-label{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.brand-label{color:#4a7c59;font-weight:600;margin-top:6px}.last-updated-label{color:#888;font-size:13px}.list-item-content{color:#555;font-size:14px}:root{--primary: #4A7C59;--primary-dark: #3a6246;--danger: #E57373;--bg: #F6F8F7;--card-bg: #FFFFFF;--text: #2E3A34;--text-light: #666;--border: #E4EAE7;--shadow: 0 4px 12px rgba(46, 58, 52, .04);--title-text-color: #444;--font-family-mono: "DM Mono", monospace}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--card-bg);color:var(--text)}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--primary);display:flex;align-items:center;gap:.2rem}.logo-img{height:3rem;width:auto}main{display:flex;padding:2rem;justify-content:space-around}.modal-overlay{position:fixed;inset:0;background:#2e3a3466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:3rem 2rem;border-radius:24px;width:100%;max-width:400px;position:relative;box-shadow:0 20px 40px #0000001a;text-align:center}.modal-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2rem;color:var(--text-light);cursor:pointer}.modal-content h2{margin-bottom:.5rem;color:var(--text)}.modal-content p{color:var(--text-light);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.google-auth-btn{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:.8rem;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-weight:600;color:var(--text);transition:all .2s;font-size:1rem}.google-auth-btn:hover{background:#f9fbfb;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.google-auth-btn img{height:1.2rem}.settings-container{max-width:1000px;margin:2rem auto;padding:0 2rem}.settings-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.settings-header h1{margin:0;font-size:2rem;color:var(--text)}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border);padding:.5rem 1rem;border-radius:8px;color:var(--text-light);cursor:pointer;font-weight:600;transition:all .2s}.back-btn:hover{background:var(--bg);color:var(--primary);border-color:var(--primary)}.settings-grid{display:grid;grid-template-columns:350px 1fr;gap:3rem}.settings-section{background:var(--card-bg);padding:2rem;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.settings-section h2{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:var(--text)}.section-desc{color:var(--text-light);font-size:.9rem;margin-bottom:1.5rem}.profile-display{display:flex;flex-direction:column;align-items:center}.profile-large{width:120px;height:120px;border-radius:50%;margin-bottom:1.5rem;border:4px solid var(--bg);box-shadow:var(--shadow)}.user-name{font-weight:700;font-size:1.1rem;margin:0;color:var(--text)}.user-email{font-size:.9rem;color:var(--text-light);margin:.25rem 0 0}.focus-list.settings-list{max-height:400px;overflow-y:auto;padding-right:.5rem}.focus-item.settings-item{padding:.75rem 1rem;margin-bottom:.75rem;background:#f9fbfa;border:1px solid transparent}.delete-icon-btn{background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;align-items:center;transition:color .2s}.delete-icon-btn:hover{color:var(--danger)}.focus-areas{background:var(--card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow)}.focus-areas h3{color:var(--text)}.focus-form{display:flex;gap:.5rem;margin-bottom:1.25rem}.focus-form input{flex:1;padding:.6rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.focus-form input:focus{border-color:var(--primary)}.focus-form button{background:var(--primary);color:#fff;border:none;padding:0 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.focus-form button:disabled{opacity:.5;cursor:default}.focus-list{list-style:none;padding:0;margin:0}.focus-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;background:var(--bg);border-radius:8px;margin-bottom:.5rem;font-size:.9rem}.empty-msg,.auth-notice,.loading{font-size:.85rem;color:var(--text-light);text-align:center;margin:1rem 0}.delete-btn{background:none;border:none;color:var(--text-light);font-size:1.25rem;cursor:pointer;line-height:1;padding:0 .25rem}.delete-btn:hover{color:var(--danger)}#user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}#user-name{font-size:1rem;font-weight:600;color:var(--text);margin-right:1rem}#user-profile{display:flex;align-items:center;gap:.5rem}.mindful-dashboard{display:flex;flex-direction:column;flex-grow:1;margin-left:1rem}