body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary, #f9f9f9);color:var(--text-primary, #333)}#app{min-height:100vh;display:grid;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto}header{grid-area:header;position:sticky;top:0;z-index:100}main{grid-area:main;display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 100px);padding-top:2rem}.container{max-width:500px;width:100%;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;text-align:center}@media (min-width: 769px){.container{max-width:800px}}h1{font-size:2rem;margin-bottom:1.5rem;color:#3498db}p{margin-bottom:1.5rem;color:#7f8c8d}form input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}button{width:100%;padding:.75rem;margin-bottom:.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;background-color:#2ecc71;color:#fff;transition:background .3s}button:hover{background-color:#27ae60}.add-drink-button,.save-button{background-color:#2ecc71}.add-drink-button:hover,.save-button:hover{background-color:#27ae60}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.button-group button{width:auto;padding:.75rem 1.5rem}.error{color:#e74c3c;margin-top:1rem;font-weight:700}.success{color:#2ecc71;margin-top:1rem;font-weight:700}.dashboard-container{padding:1.5rem;text-align:center;max-width:800px;margin:0 auto}.dashboard-container h1{margin-bottom:1.5rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 8px #0000000f}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#2c3e50}.stat-label{display:block;font-size:.7rem;color:#7f8c8d;margin-top:.25rem}.stat-card.positive .stat-value{color:#27ae60}.stat-card.neutral .stat-value{color:#7f8c8d}.goal-card{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem;text-align:left}.goal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem;color:#6c757d}.goal-numbers{font-weight:700;color:#2c3e50}.goal-bar-container{margin-bottom:.75rem}.goal-message{font-size:.85rem;color:#e67e22;margin:0}.goal-message.success{color:#27ae60}.insights-card{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem;text-align:left}.insights-card h3{margin:0 0 1rem;font-size:1rem;color:#2c3e50}.day-bars{display:flex;justify-content:space-between;align-items:flex-end;height:80px;padding:.5rem 0;gap:.5rem}.day-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.day-bar-fill{width:100%;max-width:30px;background:linear-gradient(180deg,#3498db,#2980b9);border-radius:4px 4px 0 0;margin-top:auto;min-height:4px;transition:height .3s ease}.day-label{font-size:.65rem;color:#7f8c8d;margin-top:.5rem}.insight-text{font-size:.85rem;color:#6c757d;margin:1rem 0 0;padding-top:.75rem;border-top:1px solid #eee}.retry-btn{background:#6c757d;padding:.5rem 1.5rem}.retry-btn:hover{background:#5a6268}.chart-wrapper{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem}.chart-wrapper h3{margin:0 0 1rem;font-size:1rem;color:#2c3e50;text-align:left}.chart-wrapper canvas{width:100%!important;height:200px!important}@media (max-width: 480px){.stats-row{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card{padding:.75rem .5rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.6rem}.day-bars{height:60px}}.ai-advice-section{margin-top:2rem;padding:1.5rem;border:1px solid #ddd;border-radius:8px;text-align:left}.ai-advice-content{line-height:1.6;font-size:1rem}.ai-advice-content h1{font-size:1.5rem;margin:1rem 0 .5rem}.ai-advice-content ul{list-style-type:disc;margin-left:1.5rem}.spinner{margin:1rem auto}.main-container{padding:2rem;text-align:center}.references-table{width:100%;border-collapse:collapse;margin-top:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.references-table th,.references-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}.references-table th{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;font-weight:600}.references-table tr:hover{background-color:var(--bg-secondary)}.references-table a{color:var(--info);text-decoration:none;font-weight:500;transition:color .2s ease}.references-table a:hover{color:var(--accent);text-decoration:underline}@media (max-width: 768px){.references-table{overflow-x:auto}}@media (min-width: 769px){.references-table{max-width:900px;margin-left:auto;margin-right:auto}}.logo-container{margin-top:1.5rem;text-align:center}.logo-image{max-width:100%;height:auto;max-height:200px;border-radius:12px;box-shadow:0 4px 16px var(--shadow-lg);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.logo-image:hover{transform:scale(1.02);box-shadow:0 8px 24px var(--shadow-lg)}.mindfulness-section{margin-top:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:1rem}.mindfulness-button{background-color:#9b59b6;color:#fff;position:relative}.mindfulness-button:hover{background-color:#8e44ad}.mindfulness-content{margin-top:1rem;text-align:left}.mindfulness-tabs{display:flex;justify-content:space-around;margin-bottom:1rem}.mindfulness-tabs button{padding:.5rem 1rem;border:none;background:#e0e0e0;color:#333;cursor:pointer;transition:background .3s,color .3s;border-radius:4px}.mindfulness-tabs button:hover{background:#d0d0d0}.mindfulness-tabs button.active-tab{background:#2ecc71;color:#fff}.tab-content{padding:1rem;border:1px solid #ddd;border-radius:4px;animation:fadeIn .3s ease-in}.cbt-section{margin-top:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:1rem}.cbt-button{background-color:#3498db;color:#fff}.cbt-button:hover{background-color:#2980b9}.cbt-content{margin-top:1rem;text-align:left}.cbt-tabs{display:flex;justify-content:space-around;margin-bottom:1rem}.cbt-tabs button{padding:.5rem 1rem;border:none;background:#e0e0e0;color:#333;cursor:pointer;transition:background .3s,color .3s;border-radius:4px}.cbt-tabs button:hover{background:#d0d0d0}.cbt-tabs button.active-tab{background:#2ecc71;color:#fff}.action-button{background-color:#2ecc71;margin-top:1rem}.action-button:hover{background-color:#27ae60}.action-button:disabled{background-color:#ccc;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.trigger-list{list-style-type:disc;margin-top:1rem;padding-left:1.5rem;max-height:200px;overflow-y:auto}.trigger-list li{margin-bottom:.5rem;color:#333;font-size:.95rem}.info{color:#7f8c8d;font-style:italic}.section{margin-top:1.5rem;padding:1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;text-align:left;box-shadow:0 2px 8px var(--shadow);transition:box-shadow .2s ease}.section:hover{box-shadow:0 4px 16px var(--shadow-lg)}.section h2{color:var(--accent);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-light)}.section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:1.25rem 0 .5rem}.section-content{line-height:1.7;font-size:1rem;color:var(--text-secondary)}.section-content h3{font-size:1.25rem;margin:1.25rem 0 .5rem;color:var(--text-primary);font-weight:600}.section-content h4{color:var(--accent);font-size:1.1rem;margin:1rem 0 .5rem}.section-content ul{list-style-type:disc;margin-left:1.5rem}.section-content strong{color:var(--text-primary)}.resources-list{list-style-type:none;margin-top:1rem;padding-left:0}.resources-list li{margin-bottom:.75rem;padding:.75rem 1rem;background-color:var(--bg-primary);border-radius:8px;border-left:3px solid var(--accent);font-size:1rem;color:var(--text-secondary);transition:all .2s ease}.resources-list li:hover{background-color:var(--accent-light);border-left-color:var(--accent-hover)}.resources-list a{color:var(--info);text-decoration:none;font-weight:500;transition:color .2s ease}.resources-list a:hover{color:var(--accent);text-decoration:underline}@media (max-width: 768px){.section,.resources-list,.logo-container{width:95%;margin-left:auto;margin-right:auto}.logo-image{max-height:150px}}.trigger-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.trigger-form label{font-weight:700;color:#3498db;font-size:1rem}.trigger-form input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}@media (max-width: 768px){.trigger-form{gap:.5rem}.trigger-form input{font-size:.95rem}}.timer-display{font-size:2rem;color:#2ecc71;text-align:center;margin:1rem 0}.step-list{list-style:none;padding:0}.step-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.step-list input[type=checkbox]{width:1.2rem;height:1.2rem}.step-list label{font-size:1rem;color:#333}textarea{width:100%;height:100px;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-top:1rem;resize:vertical}.reflection-list{list-style-type:disc;margin-top:1rem;padding-left:1.5rem;max-height:200px;overflow-y:auto}.reflection-list li{margin-bottom:.5rem;color:#333;font-size:.95rem}.streak-counter{position:absolute;right:1rem;background-color:#2ecc71;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.9rem}@media (max-width: 768px){.timer-display{font-size:1.5rem}textarea{height:80px}.streak-counter{font-size:.8rem;padding:.2rem .4rem}}.goal-progress-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1.25rem;margin:1.5rem 0;box-shadow:0 2px 8px #00000014}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.goal-label{font-size:.875rem;color:#6c757d;font-weight:500}.goal-value{font-size:1.25rem;font-weight:700;color:#2c3e50}.goal-bar-bg{height:8px;background:#dee2e6;border-radius:4px;overflow:hidden}.goal-bar-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:4px;transition:width .5s ease}.goal-bar-fill.over{background:linear-gradient(90deg,#e74c3c,#c0392b)}.goal-status{margin-top:.75rem;font-size:.875rem;margin-bottom:0}.goal-status.success{color:#27ae60}.goal-status.warning{color:#e67e22}.saved-triggers h4{margin:0 0 .5rem;font-size:.9rem;color:#6c757d}@media (max-width: 480px){.support-cards{gap:.5rem}.support-card{padding:.75rem .5rem}.card-icon{width:32px;height:32px;font-size:1rem}.card-title{font-size:.75rem}.card-desc{font-size:.65rem}.tool-panel{padding:1rem}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pico-primary, #3498db);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--pico-primary, #3498db);color:#fff;padding:.5rem 1rem;z-index:9999;border-radius:0 0 4px;text-decoration:none}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.main-menu[data-v-2795be4b]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:linear-gradient(to bottom,#fafcfdfa,#f0f7f4f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(16,185,129,.12);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #10b9810f}.nav-brand[data-v-2795be4b]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.nav-brand-icon[data-v-2795be4b]{font-size:1.4rem;display:inline-block;animation:drinkPop-2795be4b .4s ease}@keyframes drinkPop-2795be4b{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.nav-brand-text[data-v-2795be4b]{font-size:1.1rem;letter-spacing:-.02em;color:var(--text-primary)}.hamburger[data-v-2795be4b]{display:flex!important;align-items:center;gap:.5rem;padding:.5rem .75rem!important;background:#fffc!important;border:1px solid rgba(16,185,129,.15)!important;border-radius:10px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b98114;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hamburger[data-v-2795be4b]:hover{background:#fffffff2;border-color:#10b9814d;box-shadow:0 4px 12px #10b9811f}.hamburger-icon[data-v-2795be4b]{font-size:1.1rem}.hamburger-text[data-v-2795be4b]{font-weight:500}.nav-desktop[data-v-2795be4b]{display:none;gap:.5rem;align-items:center}.nav-link[data-v-2795be4b]{display:block;padding:.5rem 1rem;color:var(--text-primary);text-decoration:none;border-radius:10px;font-weight:500;background:#ffffffb3;border:1px solid rgba(16,185,129,.1);box-shadow:0 2px 8px #10b9810f;transition:all .2s ease}.nav-link[data-v-2795be4b]:hover{background:#fffffff2;border-color:#10b98140;box-shadow:0 4px 12px #10b9811f;transform:translateY(-1px);color:var(--accent)}.nav-link[aria-current=page][data-v-2795be4b]{background:var(--accent-light);color:var(--accent);border-color:#10b9814d;box-shadow:0 2px 8px #10b98126}.nav-button[data-v-2795be4b]{padding:.5rem 1rem;background:#fff9;border:1px solid rgba(16,185,129,.1);color:var(--text-secondary);font-weight:500;cursor:pointer;border-radius:10px;transition:all .2s ease;box-shadow:0 2px 6px #10b9810a}.nav-button[data-v-2795be4b]:hover{background:#ffffffe6;border-color:#10b98133;color:var(--text-primary);transform:translateY(-1px)}.nav-overlay[data-v-2795be4b]{position:fixed;inset:0;background:#0006;z-index:200}.nav-mobile[data-v-2795be4b]{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:var(--bg-primary);box-shadow:4px 0 20px #00000026;z-index:300;display:flex;flex-direction:column}.nav-mobile-header[data-v-2795be4b]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(16,185,129,.12);background:linear-gradient(to bottom,#fafcfdfa,#f0f7f4f2)}.nav-close[data-v-2795be4b]{padding:.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.nav-close[data-v-2795be4b]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-mobile-links[data-v-2795be4b]{padding:.75rem;flex:1;overflow-y:auto}.nav-mobile-link[data-v-2795be4b]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--text-primary);border-radius:10px;font-weight:500;transition:all .2s ease}.nav-mobile-link[data-v-2795be4b]:hover{background:var(--bg-secondary)}.nav-mobile-link.active[data-v-2795be4b]{background:var(--accent-light);color:var(--accent)}.nav-mobile-button[data-v-2795be4b]{width:100%;background:transparent;border:none;text-align:left;cursor:pointer;font-size:1rem}.nav-mobile-icon[data-v-2795be4b]{font-size:1.1rem;width:1.5rem;text-align:center}.nav-mobile-divider[data-v-2795be4b]{height:1px;background:var(--border);margin:.75rem 0}.slide-enter-active[data-v-2795be4b],.slide-leave-active[data-v-2795be4b]{transition:transform .3s ease}.slide-enter-from[data-v-2795be4b],.slide-leave-to[data-v-2795be4b]{transform:translate(-100%)}.fade-enter-active[data-v-2795be4b],.fade-leave-active[data-v-2795be4b]{transition:opacity .3s ease}.fade-enter-from[data-v-2795be4b],.fade-leave-to[data-v-2795be4b]{opacity:0}@media (min-width: 768px){.hamburger[data-v-2795be4b]{display:none}.nav-brand[data-v-2795be4b],.nav-desktop[data-v-2795be4b]{display:flex}.nav-mobile[data-v-2795be4b],.nav-overlay[data-v-2795be4b]{display:none}}@media (max-width: 767px){.main-menu>.nav-brand[data-v-2795be4b]{display:none}}@media (prefers-reduced-motion: reduce){.slide-enter-active[data-v-2795be4b],.slide-leave-active[data-v-2795be4b],.fade-enter-active[data-v-2795be4b],.fade-leave-active[data-v-2795be4b]{transition:none}}