:root{--bg:#f7f8f9;--bg-elevated:#fff;--text:#1a1d1f;--text-muted:#667085;--border:#e4e7eb;--primary:#1f9d6d;--primary-dark:#157a54;--primary-bg:#1f9d6d1a;--danger:#d9534f;--danger-bg:#d9534f1f;--shadow:#14281e14 0 10px 25px -5px, #14281e0f 0 4px 6px -2px;--medical:#2563eb;--medical-light:#60a5fa;--medical-dark:#1d4ed8;--medical-bg:#2563eb14;--medical-gradient:linear-gradient(135deg, var(--medical-light), var(--medical-dark));--achievement:#d97706;--achievement-bg:#d977061f;--achievement-gradient:linear-gradient(135deg, #fbbf24, #d97706);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15181b;--bg-elevated:#1e2226;--text:#f0f1f3;--text-muted:#9aa2ab;--border:#2b3036;--primary:#34c98a;--primary-dark:#26a071;--primary-bg:#34c98a26;--danger:#e57373;--danger-bg:#e5737326;--shadow:#0006 0 10px 25px -5px, #0000004d 0 4px 6px -2px;--medical:#60a5fa;--medical-light:#93c5fd;--medical-dark:#3b82f6;--medical-bg:#60a5fa1f;--medical-gradient:linear-gradient(135deg, var(--medical-light), var(--medical-dark));--achievement:#fbbf24;--achievement-bg:#fbbf2424;--achievement-gradient:linear-gradient(135deg, #fde68a, #f59e0b)}}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);touch-action:pan-y;margin:0;position:fixed;inset:0}#root{-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden auto}h1,h2,h3{color:var(--text);margin:0}p{color:var(--text-muted);margin:0}button{font:inherit}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:background .15s,transform 50ms,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--primary-bg);color:var(--primary-dark);border-color:#0000}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger);filter:brightness(.92)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.icon{stroke:currentColor;fill:none;flex-shrink:0;width:1em;height:1em}.auth-page{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;width:100%;max-width:420px;padding:36px}.auth-card-wide{max-width:560px}.auth-title{text-align:center;justify-content:center;align-items:center;gap:10px;font-size:28px;display:flex}.brand-icon{border-radius:9px;flex-shrink:0;width:32px;height:32px}.brand-icon-plain{background:var(--primary);color:#fff;box-sizing:border-box;border-radius:9px;flex-shrink:0;width:32px;height:32px;padding:7px}.auth-subtitle{text-align:center;margin-top:8px;margin-bottom:24px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.auth-form input,.auth-form select,.auth-form textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.auth-form .btn{margin-top:8px}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:8px;padding:10px 12px;font-size:14px}.auth-success{background:var(--primary-bg);color:var(--primary-dark);text-align:center;border-radius:8px;padding:14px 16px;font-size:14px}.auth-forgot-link{color:var(--text-muted);margin-top:-8px;font-size:13px;text-decoration:underline;display:inline-block}.auth-forgot-link:hover{color:var(--primary-dark)}.auth-privacy-note{text-align:center;color:var(--text-muted);margin-top:4px;font-size:12px}.auth-privacy-link{font:inherit;font-size:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-privacy-link:hover{color:var(--primary-dark)}.auth-switch{text-align:center;margin-top:20px;font-size:14px}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.dashboard{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1080px;margin:0 auto;padding:24px;display:flex}.dashboard-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-brand{flex-shrink:1;align-items:center;gap:12px;min-width:0;display:flex}.dashboard-header>a.btn,.dashboard-header>button.btn{white-space:nowrap;flex-shrink:0}.dashboard-brand h1,.dashboard-brand p{overflow-wrap:break-word}.dashboard-header h1{font-size:24px;line-height:1.15}.dashboard-header p{margin-top:4px}.brand-line{display:inline}@media (width<=480px){.dashboard-header h1{font-size:18px}.brand-icon,.brand-icon-plain{width:28px;height:28px}.brand-line{line-height:1.2;display:block}}.dashboard-loading{text-align:center;padding:60px 0}.quote-of-day{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-lg);padding:18px 22px}.quote-of-day-label{text-transform:uppercase;letter-spacing:.08em;opacity:.85;align-items:center;gap:6px;font-size:12px;display:flex}.quote-of-day p{color:#fff;margin-top:6px;font-size:18px;font-weight:500}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.dashboard-grid>*{min-width:0}@media (width<=800px){.dashboard-grid{grid-template-columns:1fr}}.calendar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-header h2{text-transform:capitalize;font-size:18px}.calendar-nav-btn{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.calendar-nav-btn .icon{width:18px;height:18px}.calendar-nav-btn:hover{background:var(--primary-bg);color:var(--primary-dark)}.calendar-nav-btn:disabled{opacity:.35;cursor:not-allowed}.calendar-nav-btn:disabled:hover{background:var(--bg);color:var(--text-muted)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-weekdays{margin-bottom:6px}.calendar-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.calendar-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-md);cursor:pointer;min-width:0;color:var(--text);justify-content:center;align-items:center;font-weight:600;transition:transform 50ms,box-shadow .15s;display:flex;position:relative}.calendar-cell:hover:not(:disabled){box-shadow:0 0 0 2px var(--primary) inset}.calendar-cell:active:not(:disabled){transform:scale(.96)}.calendar-cell-empty{cursor:default;background:0 0;border:none}.calendar-cell-disabled{opacity:.35;cursor:not-allowed}.calendar-cell-today{border-color:var(--primary);border-width:2px}.calendar-cell-smokefree{background:var(--primary-bg);color:var(--primary-dark)}.calendar-cell-smoked{background:var(--danger-bg);color:var(--danger)}.calendar-cell-icon{display:flex;position:absolute;bottom:4px;right:4px}.calendar-cell-icon .icon{width:11px;height:11px}.calendar-cell-note-dot{opacity:.6;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.calendar-legend{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-top:16px;font-size:13px;display:flex}.calendar-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot-free{background:var(--primary)}.legend-dot-smoked{background:var(--danger)}.legend-dot-note{background:var(--text-muted)}.stats-panel{flex-direction:column;gap:16px;display:flex}.stats-progress,.stat-card{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.stats-progress{padding:20px}.stats-progress-header{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.progress-bar{background:var(--border);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-dark));height:100%;transition:width .3s}.stats-progress-caption{margin-top:10px;font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{flex-direction:column;align-items:center;gap:6px;min-width:0;padding:18px 10px;display:flex}.stat-icon{background:var(--primary-bg);width:30px;height:30px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.stat-icon .icon{width:16px;height:16px}.stat-value{color:var(--primary);font-size:24px;font-weight:700}.stat-label{text-align:center;color:var(--text-muted);font-size:12px}.stat-card-cta{cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}.stat-card-cta:hover{border-color:var(--primary);background:var(--primary-bg)}.stat-card-medical .stat-icon{background:var(--medical-bg);color:var(--medical)}.stat-card-medical .stat-value{color:var(--medical-dark)}.stat-card-achievement .stat-icon{background:var(--achievement-bg);color:var(--achievement)}.stat-card-achievement .stat-value{color:var(--achievement)}.stat-card-reveal{appearance:none;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.stat-card-reveal:hover{border-color:var(--achievement);background:var(--achievement-bg)}.stat-card-reveal:active{transform:scale(.97)}.stat-reveal-hint{color:var(--achievement);font-size:12px;font-weight:600}.stat-cta-text{text-align:center;color:var(--text-muted);font-size:12px;line-height:1.4}.modal-overlay{z-index:50;background:#0a140f80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow);border-radius:16px;padding:28px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.modal-date{text-transform:capitalize;padding-right:24px;font-size:18px}.modal-quote{background:var(--primary-bg);border-left:3px solid var(--primary);border-radius:var(--radius-sm);color:var(--text);align-items:flex-start;gap:10px;margin:16px 0;padding:14px 16px;font-size:14px;font-style:italic;display:flex}.modal-quote .quote-icon{color:var(--primary);flex-shrink:0;width:18px;height:18px;margin-top:2px}.modal-toggle{cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-weight:600;display:flex}.modal-toggle input{width:18px;height:18px;accent-color:var(--primary)}.modal-field{color:var(--text-muted);flex-direction:column;gap:6px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.modal-field select,.modal-field textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;border-radius:8px;padding:10px 12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-small{text-align:center;max-width:400px}.modal-legal{text-align:left;max-width:640px}.modal-legal .modal-date{text-transform:none}.modal-legal p{color:var(--text);margin-bottom:10px;font-size:14px}.modal-legal h4{margin-top:20px;margin-bottom:8px;font-size:15px}.modal-legal ul{margin:0 0 10px;padding-left:18px}.modal-legal li{color:var(--text);margin-bottom:4px;font-size:14px}.modal-legal a{color:var(--medical-dark)}.legal-updated{color:var(--text-muted);margin-bottom:14px;font-size:12px}.app-footer{border-top:1px solid var(--border);text-align:center;margin-top:24px;padding-top:16px}.app-footer p{color:var(--text-muted);font-size:11px;line-height:1.6}.app-footer a{color:var(--text-muted);text-decoration:underline}.app-footer a:hover{color:var(--primary-dark)}.app-footer-link{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.app-footer-link:hover{color:var(--primary-dark)}.reminder-text{color:var(--text-muted);margin:12px 0 20px;font-size:14px}.reminder-later{width:100%;margin-top:12px}.day-choice{gap:10px;margin:16px 0;display:flex}.day-choice-vertical{flex-direction:column}.day-choice-btn{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg);min-width:0;color:var(--text);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.day-choice-btn:disabled{opacity:.6;cursor:not-allowed}.day-choice-free.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary-dark)}.day-choice-smoked.active{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.health-tip{background:linear-gradient(var(--medical-bg), var(--medical-bg)) padding-box, var(--medical-gradient) border-box;border-radius:var(--radius-md);border:2px solid #0000;margin-bottom:12px;padding:14px 16px;position:relative}.health-tip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--medical-dark);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.health-tip p{color:var(--text);margin-top:6px;font-size:14px}.health-sources{color:var(--text-muted);margin-top:10px;font-size:11px}.health-sources a{color:var(--medical-dark);text-underline-offset:2px;text-decoration:underline}.health-sources a:hover{color:var(--medical)}.profile-menu{flex-shrink:0;position:relative}.profile-menu-avatar{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.profile-menu-avatar:hover{background:var(--primary-dark)}.profile-menu-dropdown{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);z-index:40;border-radius:12px;min-width:220px;max-width:min(280px,100vw - 32px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.profile-menu-info{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.profile-menu-name{color:var(--text);font-size:14px;font-weight:700}.profile-menu-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-menu-item{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.profile-menu-item:hover{background:var(--primary-bg)}.profile-menu-logout{border-top:1px solid var(--border);color:var(--danger)}.today-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.today-cards>*{min-width:0}@media (width<=700px){.today-cards{grid-template-columns:1fr}}.health-of-day{background:linear-gradient(var(--bg-elevated), var(--bg-elevated)) padding-box, var(--medical-gradient) border-box;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:2px solid #0000;padding:18px 22px;position:relative}.health-of-day-label{text-transform:uppercase;letter-spacing:.08em;color:var(--medical-dark);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.health-of-day p{color:var(--text);margin-top:6px;font-size:15px}.quiz-form{text-align:left;flex-direction:column;gap:24px;display:flex}.quiz-question{flex-direction:column;gap:10px;display:flex}.quiz-label{color:var(--text);font-size:15px;font-weight:600}.quiz-options{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--primary)}.chip-selected{background:var(--primary);border-color:var(--primary);color:#fff}.quiz-text-input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}.quiz-subfield{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.quiz-subfield input{font:inherit;border:1px solid var(--border);background:var(--bg);width:80px;color:var(--text);border-radius:8px;padding:8px 10px}.profile-saved{background:var(--primary-bg);color:var(--primary-dark);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px;font-weight:600}.profile-meta{border-top:1px solid var(--border);margin-top:24px;padding-top:20px;font-size:14px}.profile-meta p{color:var(--text-muted);margin-bottom:6px}.profile-meta strong{color:var(--text)}.admin-list{flex-direction:column;gap:16px;display:flex}.admin-card{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:20px}.admin-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.admin-card-header>div:first-child{overflow-wrap:break-word;min-width:0}.admin-card-name{color:var(--text);font-size:16px;font-weight:700;display:block}.admin-card-email{color:var(--text-muted);font-size:13px;display:block}.admin-delete-btn{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:12px}.admin-badge{background:var(--primary-bg);color:var(--primary-dark);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.admin-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}@media (width<=600px){.admin-grid{grid-template-columns:repeat(2,1fr)}}.admin-grid>div{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.admin-value{color:var(--primary);font-size:16px;font-weight:700}.admin-profile{border-top:1px solid var(--border);padding-top:12px}.admin-profile p{color:var(--text-muted);margin-top:6px;font-size:13px}.admin-profile strong{color:var(--text)}.badges-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:20px;padding:20px}.badges-title{margin-bottom:16px;font-size:16px}.badges-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}@media (width<=800px){.badges-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=480px){.badges-grid{grid-template-columns:repeat(3,1fr)}}.badge{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);text-align:center;opacity:.55;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:14px 8px;transition:opacity .2s,transform .15s;display:flex}.badge-unlocked{opacity:1;background:linear-gradient(var(--bg-elevated), var(--bg-elevated)) padding-box, var(--achievement-gradient) border-box;border:2px solid #0000}.badge-icon{background:var(--border);width:34px;height:34px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.badge-unlocked .badge-icon{background:var(--achievement-gradient);color:#fff}.badge-icon .icon{width:16px;height:16px}.badge-label{color:var(--text);font-size:12px;font-weight:700}.badge-sublabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}