@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";*,:before,:after,html,button,a,.tab-btn,.dashboard-panel-icon-btn,.dashboard-panel-title-btn,.analytics-period-btn,.analytics-compare-btn,.settings-personality-card{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}.btn:active,.btn-icon:active,.tab-btn:active,.dashboard-panel-icon-btn:active,.dashboard-panel-title-btn:active,.analytics-period-btn:active,.analytics-compare-btn:active,.analytics-view-tab:active,.settings-personality-card:active{box-shadow:0 0 0 1px #8b5cf647, 0 0 20px var(--accent-purple-glow);transform:scale(.98)}:root{--bg-primary:#0a0b10;--bg-secondary:#131520;--bg-glass:#131520b3;--bg-glass-hover:#191c2bcc;--border-glass:#ffffff0f;--border-glass-glow:#8b5cf633;--text-primary:#f8fafc;--text-secondary:#aab6c7;--text-muted:#7e8ca1;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf666;--accent-teal:#10b981;--accent-teal-glow:#10b98166;--accent-blue:#06b6d4;--accent-blue-glow:#06b6d466;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b66;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e66;--hydration-color:#38bdf8;--hydration-color-glow:#38bdf866;--font-display:"Outfit", sans-serif;--font-body:"DM Sans", sans-serif;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-instant:.12s;--duration-fast:.2s;--duration-normal:.24s;--duration-slow:.36s;--transition-smooth:transform var(--duration-normal) var(--ease-out-quart), opacity var(--duration-normal) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart), color var(--duration-fast) var(--ease-out-quart), filter var(--duration-normal) var(--ease-out-quart);--transition-spring:transform var(--duration-slow) var(--ease-out-expo), opacity var(--duration-slow) var(--ease-out-expo), background-color var(--duration-normal) var(--ease-out-expo), border-color var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-slow) var(--ease-out-expo);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--radius-pill:30px;--bg-overlay:#040508d9;--bg-glass-light:#ffffff08;--bg-glass-medium:#ffffff0d;--bg-glass-thick:#ffffff1a;--bg-glass-focus:#ffffff0f;--bg-glass-handle:#ffffff2e;--bg-glass-active:#ffffff1f;--border-glass-active:#fff3;--shadow-color-light:#0000004d;--shadow-color-medium:#0006;--shadow-color:#00000080;--shadow-color-dark:#0009;--accent-rose-hover:#e11d48;--accent-purple-hover:#7c3aed;--accent-purple-glow-hover:#8b5cf699;--accent-purple-active:#8b5cf61f;--accent-purple-active-border:#8b5cf633;--accent-purple-focus:#8b5cf633;--bg-radial-1:#8b5cf614;--bg-radial-2:#06b6d414}body.theme-cyberpunk{--bg-primary:#0a0115;--bg-secondary:#130325;--bg-glass:#130325b8;--bg-glass-hover:#1a0432d1;--border-glass-glow:#ec489940;--accent-purple:#d946ef;--accent-purple-glow:#d946ef59;--accent-teal:#f43f5e;--accent-teal-glow:#f43f5e59;--accent-blue:#ec4899;--accent-blue-glow:#ec489959;--bg-radial-1:#d946ef12;--bg-radial-2:#f43f5e12}body.theme-ocean{--bg-primary:#010a15;--bg-secondary:#031427;--bg-glass:#031427b8;--bg-glass-hover:#041c37d1;--border-glass-glow:#0ea5e940;--accent-purple:#0ea5e9;--accent-purple-glow:#0ea5e959;--accent-teal:#38bdf8;--accent-teal-glow:#38bdf859;--accent-blue:#0284c7;--accent-blue-glow:#0284c759;--bg-radial-1:#0ea5e912;--bg-radial-2:#0284c712}body.theme-emerald{--bg-primary:#010a05;--bg-secondary:#031c10;--bg-glass:#031c10b8;--bg-glass-hover:#042616d1;--border-glass-glow:#10b98140;--accent-purple:#10b981;--accent-purple-glow:#10b98159;--accent-teal:#34d399;--accent-teal-glow:#34d39959;--accent-blue:#059669;--accent-blue-glow:#05966959;--bg-radial-1:#10b98112;--bg-radial-2:#05966912}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%, var(--bg-radial-1) 0%, transparent 40%), radial-gradient(circle at 90% 80%, var(--bg-radial-2) 0%, transparent 40%);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:0 8px 32px 0 var(--shadow-color-light);transition:var(--transition-smooth);border-radius:20px;padding:1.5rem}.glass-card:hover{border-color:var(--border-glass-glow);transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf61a}.glass-card.dashboard-today-strip:hover,.glass-card.voice-log-card:hover,.glass-card.dashboard-panel:hover{transform:none}.glass-card.dashboard-today-strip:active,.glass-card.voice-log-card:active{box-shadow:0 0 0 1px #8b5cf638, 0 0 20px var(--accent-purple-glow);transform:scale(.995)}.header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.logo-container{align-items:center;gap:.75rem;display:flex}.header-logo{border-radius:var(--radius-md);width:56px;height:56px;box-shadow:0 0 20px var(--accent-purple-glow);transition:var(--transition-smooth)}.header-logo:hover{box-shadow:0 0 28px var(--accent-purple-glow-hover);transform:scale(1.06)rotate(3deg)}.loading-logo{border-radius:var(--radius-xl);width:96px;height:96px;box-shadow:0 0 30px var(--accent-purple-glow);margin-bottom:1.5rem;animation:2s infinite alternate logoPulse}@keyframes logoPulse{0%{transform:scale(1);box-shadow:0 0 25px #8b5cf64d}to{transform:scale(1.06);box-shadow:0 0 42px #8b5cf699}}.logo-text{color:var(--text-primary);align-items:center;gap:.25rem;font-size:1.75rem;font-weight:800;display:flex}.logo-text span{color:var(--accent-purple);-webkit-text-fill-color:initial}.nav-tabs{background:0 0;border:none;border-radius:0;gap:0;padding:0;display:flex;position:relative}.tab-btn{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;transition:color .25s,background-color .25s;display:flex;position:relative}.tab-btn:after{content:"";background:var(--accent-purple);border-radius:var(--radius-xs);height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:20%;right:20%;transform:scaleX(0)}.tab-btn:hover{color:var(--text-secondary);background:0 0}.tab-btn.active{color:var(--text-primary);box-shadow:none;border-radius:var(--radius-sm);background:#8b5cf60f}.tab-btn.active:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.tab-btn:after,.tab-btn{transition:none}}@keyframes glowPulse{0%{box-shadow:0 0 5px var(--accent-purple-glow);border-color:var(--accent-purple)}to{box-shadow:0 0 20px var(--accent-purple-glow);border-color:var(--accent-purple)}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes pulseBorder{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes motionFadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes motionTabPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes motionCheckPop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toastOut{to{opacity:0;transform:translate(100%)scale(.95)}}.motion-enter{animation:motionFadeSlideUp var(--duration-normal) var(--ease-out-quint) both}.motion-enter-fade{animation:motionFadeIn var(--duration-normal) var(--ease-out-quint) both}@keyframes motionFadeIn{0%{opacity:0}to{opacity:1}}.motion-stagger{animation:motionFadeSlideUp var(--duration-normal) var(--ease-out-quint) both;animation-delay:calc(min(var(--i,0), 9) * 45ms)}.motion-tab-panel{animation:motionTabPanelIn var(--duration-fast) var(--ease-out-quint) both}.motion-check-pop{animation:motionCheckPop var(--duration-instant) var(--ease-out-expo) both}.motion-spin{animation:1s linear infinite spin}.btn{font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-purple);color:var(--text-primary);box-shadow:0 4px 15px var(--accent-purple-glow)}.btn-primary:hover{background:var(--accent-purple-hover);box-shadow:0 6px 20px var(--accent-purple-glow-hover);transform:translateY(-1px)scale(1.02)}.btn-primary:active{box-shadow:0 0 0 1px #8b5cf647, 0 0 20px var(--accent-purple-glow);transform:scale(.97)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff0d}.btn-secondary:hover{background:var(--bg-glass-thick);border-color:var(--text-secondary)}.btn-danger{background:var(--accent-rose);color:var(--text-primary);box-shadow:0 4px 15px var(--accent-rose-glow)}.btn-danger:hover{background:var(--accent-rose-hover);transform:translateY(-1px);box-shadow:0 6px 20px #f43f5e99}.btn-icon{background:var(--bg-glass-medium);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-glass-thick);border-color:var(--text-secondary)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:overlayFadeIn var(--duration-fast) var(--ease-out-quint) both;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass-glow);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:0 25px 50px -12px var(--shadow-color), 0 0 40px var(--accent-purple-glow);animation:.3s cubic-bezier(.16,1,.3,1) modalIn;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.panel-settings-overlay{z-index:1100}.panel-settings-drawer{background:var(--bg-secondary,#131520);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:min(420px,94vw);min-height:0;max-height:min(88vh,100dvh - 2rem);box-shadow:0 25px 50px -12px var(--shadow-color-dark);flex-direction:column;padding:1.25rem;display:flex;overflow:hidden}.panel-settings-drawer-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.panel-settings-close{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.panel-settings-drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.panel-settings-drawer .panel-settings-input,.panel-settings-drawer select.panel-settings-input{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-glass,#ffffff0f);color:var(--text-primary);outline:none;padding:.45rem .6rem;font-size:.85rem}.panel-settings-drawer select.panel-settings-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;padding-right:1.75rem}.panel-settings-drawer select.panel-settings-input option{background:var(--bg-secondary);color:var(--text-primary)}.micro-color-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.input-label{font-family:var(--font-display);color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-field{border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;padding:.8rem 1rem;font-size:1rem}.input-field:focus,.input-field:focus-visible{box-shadow:0 0 0 1px #8b5cf633, 0 0 16px var(--accent-purple-glow);background:var(--bg-glass-focus);border-color:#8b5cf673;outline:none}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before{content:attr(data-tooltip);background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-smooth);box-shadow:0 4px 12px var(--shadow-color-light);z-index:100;padding:.4rem .8rem;font-size:.8rem;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:before,[data-tooltip]:focus-within:before,[data-tooltip]:active:before{opacity:1;transform:translate(-50%)translateY(0)}.toast-container{z-index:2000;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:0 10px 25px var(--shadow-color-medium);background:#131520f2;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes bottomSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{display:none}.dashboard-panel-grid{--dashboard-macro-track-count:5;--dashboard-macro-track-row:calc(1rem + .9rem * 1.35 + .4rem + .5rem);--dashboard-panel-body-max:calc(var(--dashboard-macro-track-count) * var(--dashboard-macro-track-row));--dashboard-panel-chrome:calc(1.1rem + 1.25rem + 2.75rem + .85rem);--dashboard-panel-max-height:calc(var(--dashboard-panel-chrome) + var(--dashboard-panel-body-max));grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:1rem;display:grid}.dashboard-panel{touch-action:pan-y;cursor:grab;outline:none;flex-direction:column;min-height:0;padding:1.1rem 1.25rem 1.25rem;display:flex}.dashboard-hero-grid .dashboard-panel{cursor:default}.dashboard-panel-title-btn{cursor:pointer;text-align:left;color:var(--text-primary);font-family:var(--font-display);border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;flex:1;align-items:center;gap:.45rem;padding:0;font-size:1rem;font-weight:700;display:flex}.dashboard-page{flex-direction:column;gap:1rem;width:100%;display:flex}.dashboard-tab-panel{flex-direction:column;display:flex}.dashboard-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.dashboard-voice-slot,.dashboard-presets-slot{margin:0}.voice-log-root{flex-direction:column;gap:0;width:100%;display:flex}.voice-log-card{text-align:center;border:1px solid var(--border-glass);background:var(--bg-glass);flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem 1.1rem 1.1rem;transition:border-color .25s,box-shadow .25s,transform .2s;display:flex;box-shadow:0 8px 32px #00000047}.voice-log-card__hero{flex-direction:column;align-items:center;gap:.85rem;display:flex}.voice-log-card__actions{z-index:1;justify-content:center;align-items:center;gap:1.25rem;display:flex}.voice-log-form{border-top:1px solid #ffffff0a;gap:.65rem;width:100%;margin:0;padding-top:.15rem;display:flex}.voice-log-form .input-field{border-radius:14px;flex:1;padding:.85rem 1rem;font-size:.92rem}.voice-log-card.is-recording{box-shadow:0 0 0 1px #8b5cf633, 0 0 28px var(--accent-purple-glow);background:#8b5cf60a;border-color:#8b5cf673}.settings-page{grid-template-columns:1fr;gap:1rem;display:grid}.settings-section{flex-direction:column;gap:1rem;display:flex}.settings-section-title{color:var(--text-primary);font-size:1.15rem;font-family:var(--font-display);border-bottom:1px solid #ffffff08;align-items:center;gap:.5rem;margin:0;padding-bottom:.5rem;display:flex}.settings-section-lead{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.settings-hint-card{background:#10b9810a;border-color:#10b9811f}.settings-personality-card{border:1px solid var(--border-glass);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:#ffffff03;border-radius:16px;flex-direction:column;gap:.45rem;padding:1.1rem .95rem;display:flex}.settings-personality-card:hover{background:#ffffff08;border-color:#ffffff24}.settings-personality-card.is-active{box-shadow:0 0 0 1px #8b5cf626, 0 0 18px var(--accent-purple-glow);background:#8b5cf614;border-color:#8b5cf666}.settings-personality-card__label{font-size:.95rem;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.settings-personality-card.is-active .settings-personality-card__label{color:var(--accent-purple)}.settings-personality-card__desc{color:var(--text-secondary);font-size:.75rem;line-height:1.35}.settings-reminders-section{gap:1.1rem}.settings-reminders-spotlight{background:radial-gradient(at 0 0,#8b5cf61f,#0000 55%),#8b5cf60a;border:1px solid #8b5cf62e;border-radius:16px;align-items:flex-start;gap:1rem;padding:1rem 1.05rem;display:flex;box-shadow:0 0 24px #8b5cf60f}.settings-reminders-spotlight.is-active{background:radial-gradient(at 0 0,#10b9811a,#0000 55%),#10b98108;border-color:#10b98138;box-shadow:0 0 20px #10b98114}.settings-reminders-spotlight__icon{width:44px;height:44px;color:var(--accent-purple);box-shadow:0 0 18px var(--accent-purple-glow);background:#8b5cf61f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-reminders-spotlight.is-active .settings-reminders-spotlight__icon{color:var(--accent-teal);background:#10b9811f;box-shadow:0 0 16px #10b98140}.settings-reminders-spotlight__copy{flex-direction:column;gap:.45rem;min-width:0;display:flex}.settings-reminders-spotlight__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-purple);font-size:.68rem;font-weight:700;font-family:var(--font-display);margin:0}.settings-reminders-spotlight.is-active .settings-reminders-spotlight__eyebrow{color:var(--accent-teal)}.settings-reminders-spotlight__title{color:var(--text-primary);font-size:1.2rem;font-weight:800;font-family:var(--font-display);margin:0;line-height:1.2}.settings-reminders-spotlight__lead{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.5}.settings-reminders-spotlight__status{flex-wrap:wrap;gap:.45rem;margin-top:.15rem;display:flex}.settings-reminders-pill{font-size:.72rem;font-weight:600;font-family:var(--font-display);color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff05;border-radius:99px;align-items:center;gap:.35rem;padding:.28rem .65rem;display:inline-flex}.settings-reminders-pill.is-on{color:var(--text-primary);background:#10b98114;border-color:#10b98147}.settings-reminders-spotlight__cta{color:var(--accent-purple);font-size:.78rem;font-weight:600;font-family:var(--font-display);margin:.15rem 0 0}.settings-reminders-block{border-top:1px solid #ffffff0a;padding-top:.15rem}.settings-reminders-block+.settings-reminders-block{margin-top:.35rem}.settings-reminders-form{flex-direction:column;gap:.9rem;padding-top:.85rem;display:flex}.settings-reminders-toggle{cursor:pointer;color:var(--text-primary);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.settings-reminders-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-purple)}.settings-reminders-times{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.85rem;display:grid}.settings-reminders-times.is-disabled{opacity:.5}.settings-reminders-time-field{flex-direction:column;gap:.3rem;display:flex}.settings-reminders-time-field label{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-display)}.settings-reminders-time-field input{border:1px solid var(--border-glass);color:var(--text-primary);background:#ffffff05;border-radius:8px;outline:none;padding:.6rem;font-size:.85rem}.settings-reminders-time-field input:focus-visible{border-color:#8b5cf673}.settings-reminders-save{align-self:flex-start;padding:.6rem 1.25rem;font-size:.85rem}.tab-btn--hub svg{filter:drop-shadow(0 0 6px var(--accent-purple-glow))}.tab-badge{background:var(--accent-purple);width:7px;height:7px;box-shadow:0 0 8px var(--accent-purple-glow);pointer-events:none;border-radius:50%;position:absolute;top:.2rem;right:.35rem}.settings-ai-provider-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.settings-google-btn{justify-content:center;width:100%;padding:.75rem 1rem;font-size:.9rem}.account-section{flex-direction:column;gap:.85rem;display:flex}.account-card{border:1px solid var(--border-glass);background:#ffffff08;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.account-card__avatar{width:44px;height:44px;font-family:var(--font-display);color:var(--text-primary);background:linear-gradient(135deg,#8b5cf659,#06b6d440);border:1px solid #8b5cf640;border-radius:12px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:700;display:grid}.account-card__body{flex:1;min-width:0}.account-card__email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.account-card__meta{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.account-provider-pill,.account-sync-pill{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.account-sync-pill.is-syncing{color:var(--accent-cyan);border-color:#38bdf840}.account-sync-pill.is-error{color:var(--accent-rose-light);border-color:#f43f5e4d}.account-inline-msg{align-items:flex-start;gap:.4rem;margin:0;font-size:.82rem;line-height:1.45;display:flex}.account-inline-msg--ok{color:var(--accent-teal)}.account-inline-msg--err{color:var(--accent-rose-light)}.account-actions{flex-wrap:wrap;gap:.55rem;display:flex}.account-action-btn{align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;display:inline-flex}.account-action-btn--muted{opacity:.85}.account-divider{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.78rem;display:flex}.account-divider:before,.account-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.account-mode-tabs{border:1px solid var(--border-glass);background:#ffffff08;border-radius:12px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;display:grid}.account-mode-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:9px;padding:.55rem .75rem;font-size:.85rem;font-weight:600}.account-mode-tab.is-active{color:var(--text-primary);background:#8b5cf633;box-shadow:0 0 12px #8b5cf626}.account-form{flex-direction:column;gap:.75rem;display:flex}.account-field{flex-direction:column;gap:.35rem;display:flex}.account-field__label{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:inline-flex}.account-form__hint{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.account-form__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.account-form__submit{justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.7rem 1rem;display:inline-flex}.account-link-btn{color:var(--accent-purple);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.account-link-btn:hover{text-decoration:underline}.account-forgot{align-self:flex-start}.account-google-btn{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.account-spin{animation:.8s linear infinite account-spin}@keyframes account-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.account-spin{animation:none}}.account-conflict-modal{max-width:420px;position:relative}.account-conflict-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;top:.85rem;right:.85rem}.account-conflict-modal__title{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;margin:0 2rem .5rem 0;font-size:1.25rem}.account-conflict-modal__lead{color:var(--text-secondary);margin:0 0 .75rem;font-size:.88rem;line-height:1.5}.account-conflict-modal__meta{color:var(--text-muted);margin:0 0 1rem;font-size:.8rem}.account-conflict-modal__actions{flex-direction:column;gap:.6rem;display:flex}.account-conflict-modal__choice{text-align:left;align-items:flex-start;gap:.65rem;width:100%;padding:.85rem 1rem;display:flex}.account-conflict-modal__choice strong{margin-bottom:.15rem;font-size:.9rem;display:block}.account-conflict-modal__choice small{opacity:.85;font-size:.78rem;font-weight:400;line-height:1.35;display:block}.account-conflict-modal__skip{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:.75rem;padding:.5rem;font-size:.8rem}.account-conflict-modal__skip:hover{color:var(--text-secondary)}.settings-personality-card:disabled{opacity:.45;cursor:not-allowed}.dashboard-panel.is-dragging{cursor:grabbing;touch-action:none;-webkit-user-select:none;user-select:none}.dashboard-panel:focus-visible{box-shadow:0 0 0 1px #8b5cf659, 0 0 22px var(--accent-purple-glow);outline:none}.dashboard-panel:not(.is-collapsed){max-height:var(--dashboard-panel-max-height);overflow:hidden}.dashboard-panel.is-collapsed{min-height:auto;max-height:none}.dashboard-panel-header{flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.dashboard-panel-icon-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s,border-color .2s;display:flex}.dashboard-panel-icon-btn:hover{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff14}.dashboard-panel-icon-btn:focus-visible{box-shadow:0 0 0 1px #8b5cf659, 0 0 16px var(--accent-purple-glow);outline:none}.dashboard-panel.is-collapsed .dashboard-panel-header{margin-bottom:0}.dashboard-today-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.65rem 1rem;display:flex}.dashboard-today-strip-main{align-items:baseline;gap:.6rem;min-width:0;display:flex}.dashboard-today-strip-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:700;font-family:var(--font-display)}.dashboard-today-strip-count{color:var(--text-secondary);font-size:.88rem;font-family:var(--font-display)}.dashboard-today-strip-count strong{color:var(--text-primary);margin-right:.15rem;font-size:1.05rem;font-weight:800}.dashboard-today-strip-slots{font-size:.78rem;font-family:var(--font-display);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-weight:600;display:flex}.dashboard-today-strip-slots span{border:1px solid var(--border-glass);opacity:.45;background:#ffffff05;border-radius:99px;padding:.25rem .5rem}.dashboard-today-strip-slots span.is-active{opacity:1;color:var(--text-primary);background:#8b5cf614;border-color:#8b5cf640}.dashboard-micro-list{flex-direction:column;gap:0;min-height:0;display:flex}.hydration-tracker{width:100%;min-height:0}.hydration-tracker-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem 1rem;width:100%;display:grid}.hydration-tracker--standalone .hydration-tracker-layout{gap:1.25rem 1.75rem}.hydration-tracker-controls{flex-direction:column;gap:.65rem;min-width:0;display:flex}.hydration-tracker-summary{flex-direction:column;gap:.15rem;display:flex}.hydration-tracker-amount{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem;font-weight:800;line-height:1.1}.hydration-tracker-target{font-family:var(--font-display);color:var(--text-muted);font-size:.78rem;font-weight:600}.hydration-tracker-progress{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:99px;width:100%;height:6px;margin-top:.15rem;overflow:hidden}.hydration-tracker-progress-fill{background:var(--hydration-color);height:100%;box-shadow:0 0 10px var(--hydration-color-glow);border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1)}.hydration-tracker-goal-pill{color:var(--accent-teal);font-size:.72rem;font-weight:600;font-family:var(--font-display);background:#10b9811a;border:1px solid #10b98140;border-radius:99px;align-self:flex-start;align-items:center;gap:.35rem;padding:.3rem .65rem;display:inline-flex}.hydration-tracker-actions{flex-direction:column;gap:.28rem;display:flex}.hydration-tracker-add-btn{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-display);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:.4rem;padding:.36rem .55rem;font-size:.74rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:flex}.hydration-tracker-add-btn:hover{color:var(--hydration-color);background:#38bdf814;border-color:#38bdf840}.hydration-tracker-add-btn span:last-child{color:var(--text-muted);font-size:.65rem;font-weight:500}.hydration-tracker-add-btn--ghost{color:var(--text-secondary);background:0 0;justify-content:center}.hydration-tracker-undo{border:1px dashed var(--border-glass);width:100%;color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.hydration-tracker-undo:hover{color:var(--text-secondary);border-color:#ffffff1f}.hydration-tracker-custom-form{align-items:center;gap:.35rem;width:100%;display:flex}.hydration-tracker-custom-form input{border:1px solid var(--border-glass);min-width:0;color:var(--text-primary);text-align:center;background:#ffffff08;border-radius:10px;flex:1;padding:.45rem .65rem;font-size:.85rem}.hydration-tracker-visual{flex-shrink:0;justify-content:center;align-items:center;padding:.15rem .25rem;display:flex}.hydration-drop{--drop-w:128px;--drop-h:178px;width:var(--drop-w);height:calc(var(--drop-h) + 18px);animation:4.5s ease-in-out infinite hydration-drop-float;position:relative}.hydration-tracker--standalone .hydration-drop{--drop-w:152px;--drop-h:210px}.hydration-drop--splash{animation:4.5s ease-in-out infinite hydration-drop-float,.65s cubic-bezier(.16,1,.3,1) hydration-drop-splash}.hydration-drop__glow{background:radial-gradient(circle, var(--hydration-color-glow) 0%, transparent 70%);opacity:.55;filter:blur(10px);pointer-events:none;z-index:0;border-radius:50%;width:78%;height:52%;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.hydration-drop__svg{width:var(--drop-w);height:var(--drop-h);filter:drop-shadow(0 10px 24px #00000073);margin:0 auto;display:block;overflow:visible}.hydration-drop__outline{fill:#0c122059;stroke:#bae6fd59;stroke-width:2px}.hydration-drop__liquid{transition:transform .85s cubic-bezier(.16,1,.3,1)}.hydration-drop__wave{fill:#ffffff38;animation:7s linear infinite hydration-wave-drift}.hydration-drop__shine{fill:#ffffff24;pointer-events:none}.hydration-drop__label{pointer-events:none;z-index:3;text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.hydration-drop__label strong{font-family:var(--font-display);color:#fff;text-shadow:0 2px 12px #000000a6;filter:drop-shadow(0 0 10px var(--hydration-color-glow));font-size:1.55rem;font-weight:800;line-height:1}.hydration-tracker--standalone .hydration-drop__label strong{font-size:1.9rem}.hydration-drop__label span{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;font-size:.62rem;font-weight:700}.hydration-drop__orb{background:radial-gradient(circle at 35% 30%, #ffffff8c, var(--hydration-color) 55%, #0ea5e933 100%);box-shadow:0 0 12px var(--hydration-color-glow);opacity:.75;pointer-events:none;border-radius:50%;position:absolute}.hydration-drop__orb--1{width:11px;height:14px;animation:5.5s ease-in-out infinite hydration-orb-float;top:8%;right:2%}.hydration-drop__orb--2{opacity:.55;width:8px;height:10px;animation:4.2s ease-in-out infinite reverse hydration-orb-float;bottom:14%;left:0}.hydration-drop__orb--3{opacity:.45;width:6px;height:8px;animation:6.8s ease-in-out 1.2s infinite hydration-orb-float;top:28%;left:6%}@keyframes hydration-drop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hydration-drop-splash{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-6px)scale(1.05)}70%{transform:translateY(2px)scale(.97)}to{transform:translateY(0)scale(1)}}@keyframes hydration-wave-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hydration-orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.08)}}@media (width<=380px){.hydration-tracker-layout{grid-template-columns:1fr}.hydration-tracker-visual{order:-1;margin:0 auto}.hydration-tracker-actions{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.hydration-tracker-add-btn--ghost{grid-column:1/-1}}.dashboard-panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-right:.15rem;overflow:hidden auto}.dashboard-panel-body::-webkit-scrollbar{width:5px}.dashboard-panel-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}@media (width<=767px){.app-container{padding:1rem 1rem 95px!important}.header{border-bottom:1px solid var(--border-glass)!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;margin-bottom:1.5rem!important;padding-bottom:.75rem!important}.logo-container{justify-content:center!important;gap:.85rem!important;width:100%!important}.header-logo{border-radius:12px!important;width:48px!important;height:48px!important}.nav-tabs{-webkit-backdrop-filter:blur(20px)saturate(1.2)!important;z-index:999!important;width:100%!important;box-shadow:0 -4px 24px var(--shadow-color-medium)!important;background:#0a0b10f2!important;border:none!important;border-top:1px solid #ffffff0a!important;border-radius:0!important;justify-content:space-around!important;gap:0!important;margin:0!important;padding:.35rem .5rem!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.tab-btn{border-radius:var(--radius-sm)!important;box-shadow:none!important;background:0 0!important;flex-direction:column!important;flex:1!important;align-items:center!important;gap:.15rem!important;min-height:44px!important;padding:.5rem .1rem!important;font-size:.7rem!important}.tab-btn:after{display:none!important}.tab-btn span{letter-spacing:.02em!important;font-size:.6rem!important;font-weight:500!important;display:block!important}.tab-btn svg{width:20px!important;height:20px!important;transition:transform .2s!important}.tab-btn--hub svg{width:23px!important;height:23px!important}.tab-badge{top:.1rem!important;right:calc(50% - 16px)!important}.tab-btn.active{color:var(--accent-purple)!important;box-shadow:0 0 0 1px #8b5cf633, 0 0 14px var(--accent-purple-glow)!important;background:0 0!important;border:none!important}.tab-btn.active svg{filter:drop-shadow(0 0 6px var(--accent-purple-glow))!important;transform:translateY(-1px)!important}.tab-btn.active span{color:var(--accent-purple)!important;font-weight:600!important}.modal-overlay{justify-content:center!important;align-items:flex-end!important;padding:0!important}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;max-height:88vh!important;box-shadow:0 -10px 40px var(--shadow-color-dark)!important;border-bottom:none!important;animation:.35s cubic-bezier(.16,1,.3,1) bottomSheetIn!important}.bottom-sheet-handle{background:var(--bg-glass-handle)!important;border-radius:99px!important;flex-shrink:0!important;width:36px!important;height:5px!important;margin:8px auto 0!important;display:block!important}.dashboard-panel-grid{grid-template-columns:1fr!important}.panel-settings-overlay{justify-content:center!important;align-items:flex-end!important;padding:0!important}.panel-settings-drawer{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;max-height:min(92dvh, calc(100dvh - env(safe-area-inset-top,0px) - .25rem))!important;padding:0 1rem calc(1.25rem + env(safe-area-inset-bottom,0px)) 1rem!important;box-shadow:0 -10px 40px var(--shadow-color-dark)!important;border-bottom:none!important;border-left:none!important;border-right:none!important;animation:.35s cubic-bezier(.16,1,.3,1) both bottomSheetIn!important}.panel-settings-drawer-header{padding-top:.35rem}.dashboard-panel-icon-btn{width:44px!important;height:44px!important}.glass-card{border-radius:var(--radius-md)!important;padding:1rem!important}.btn,.btn-icon,.tab-btn{min-height:40px!important}.toast-container{bottom:max(80px, calc(80px + env(safe-area-inset-bottom)))!important;width:90%!important;left:5%!important;right:5%!important}.toast{justify-content:center!important;width:100%!important;padding:.8rem 1rem!important;font-size:.85rem!important}input,textarea,select{font-size:16px!important}}:focus-visible{box-shadow:0 0 0 1px #8b5cf659, 0 0 18px var(--accent-purple-glow);outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-container{padding-top:max(1.5rem, env(safe-area-inset-top));padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right))}@media (width<=767px){.app-container{padding-top:max(1rem, env(safe-area-inset-top))!important;padding-bottom:max(95px, calc(80px + env(safe-area-inset-bottom)))!important}.nav-tabs{padding-bottom:max(.5rem, env(safe-area-inset-bottom))!important}}.tab-btn,.btn,.btn-icon{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (width<=540px){.dashboard-hero-grid{grid-template-columns:1fr}}.glass-card-deep{-webkit-backdrop-filter:blur(24px)}.glass-card-light{-webkit-backdrop-filter:blur(8px)}@keyframes ringPulseWarning{0%,to{filter:drop-shadow(0 0 4px var(--accent-rose-glow))}50%{filter:drop-shadow(0 0 8px var(--accent-rose-glow))}}.panel-collapse-wrapper{opacity:0;flex:1;grid-template-rows:0fr;min-height:0;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1);display:grid}.panel-collapse-wrapper.expanded{opacity:1;flex:1;grid-template-rows:1fr;min-height:0;overflow:hidden}.panel-collapse-content{min-height:0;overflow:hidden}.panel-collapse-content.dashboard-panel-body{height:100%;max-height:min(100%, var(--dashboard-panel-body-max));overflow:hidden auto}.dashboard-panel--compact:not(.is-collapsed) .panel-collapse-content.dashboard-panel-body{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width>=768px){.dashboard-panel-grid{align-items:stretch}.dashboard-panel:not(.is-collapsed){height:100%;min-height:0}.dashboard-panel.is-collapsed{align-self:start;height:auto}}@media (width<=767px){.search-header-container{order:1!important}.search-body-container{flex:1!important;order:2!important;overflow-y:auto!important}.search-field-container{border-top:1px solid var(--border-glass)!important;background:var(--bg-secondary)!important;order:3!important}}.analytics-page{flex-direction:column;gap:1.25rem;width:100%;display:flex}.analytics-toolbar{z-index:20;flex-direction:column;gap:.85rem;padding:1rem 1.1rem;display:flex;position:sticky;top:0}.analytics-toolbar-actions{width:100%;display:flex}.analytics-compare-btn{border:1px solid var(--border-glass);color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.analytics-compare-btn.is-active{color:var(--accent-purple);background:#8b5cf626;border-color:#8b5cf659}.analytics-chart-title-row{justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.15rem;display:flex}.analytics-chart-title-row .analytics-chart-title{min-width:0;margin:0}.analytics-compare-btn--chart{white-space:nowrap;flex-shrink:0;align-self:center}.analytics-insights{padding:.85rem 1rem}.analytics-insights-head{color:var(--accent-amber);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.78rem;font-weight:700;display:flex}.analytics-insights-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.analytics-insight{color:var(--text-secondary);font-size:.82rem;font-family:var(--font-display);border-left:2px solid #ffffff14;padding-left:.65rem;line-height:1.4}.analytics-insight--positive{border-left-color:var(--accent-teal);color:#e2fff8e0}.analytics-insight--warning{border-left-color:var(--accent-amber);color:#fff4dce6}.analytics-insights-more{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-top:.45rem;padding:0;font-size:.72rem;font-weight:600;display:inline-flex}.analytics-insights-more .is-flipped{transform:rotate(180deg)}.analytics-view-tabs{grid-template-columns:1fr 1fr;gap:.45rem;width:100%;display:grid}.analytics-view-tab{border:1px solid var(--border-glass);color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:#ffffff05;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .7rem;display:flex}.analytics-view-tab span:first-child{color:var(--text-primary);font-size:.82rem;font-weight:700}.analytics-view-tab.is-active{background:#8b5cf61a;border-color:#8b5cf666}.analytics-view-tab.is-active span:first-child{color:var(--accent-purple)}.analytics-view-tab-hint{color:var(--text-muted);font-size:.65rem;line-height:1.3}.analytics-view-panel{flex-direction:column;gap:.85rem;display:flex}.analytics-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;display:grid;overflow:hidden}.analytics-stat-strip-item{border-right:1px solid var(--border-glass);flex-direction:column;gap:.1rem;min-width:0;padding:.75rem .85rem;display:flex}.analytics-stat-strip-item:last-child{border-right:none}.analytics-stat-strip-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem;font-weight:600;font-family:var(--font-display)}.analytics-stat-strip-value{color:var(--text-primary);font-size:1.05rem;font-weight:800;font-family:var(--font-display);line-height:1.2}.analytics-stat-strip-meta{color:var(--text-muted);font-size:.68rem;font-family:var(--font-display);line-height:1.35}.analytics-micro-panel{flex-direction:column;gap:.5rem;display:flex}.analytics-micro-panel-intro{color:var(--text-muted);font-size:.72rem;font-family:var(--font-display);margin:0}.analytics-micro-compact-list{flex-direction:column;gap:.45rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.analytics-micro-compact-row{grid-template-columns:1fr auto;align-items:center;gap:.2rem .65rem;display:grid}.analytics-micro-compact-name{color:var(--text-secondary);font-size:.78rem;font-weight:600;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.analytics-micro-compact-value{color:var(--text-primary);font-size:.75rem;font-weight:700;font-family:var(--font-display);white-space:nowrap}.analytics-micro-compact-target{color:var(--text-muted);font-weight:500}.analytics-micro-compact-track{background:#ffffff0a;border-radius:99px;grid-column:1/-1;height:4px;overflow:hidden}.analytics-micro-compact-fill{border-radius:99px;height:100%;transition:width .5s}.analytics-micro-expand-btn{border:1px dashed var(--border-glass);color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:.35rem;margin-top:.15rem;padding:.35rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.analytics-micro-expand-btn .is-flipped{transform:rotate(180deg)}.analytics-chart-card--hero{min-height:280px}.analytics-chart-card--heatmap{min-height:auto;padding-bottom:1rem}.analytics-chart-card--medium{min-height:260px}.analytics-chart-card--micros{min-height:auto;padding-bottom:1rem}.analytics-chart-canvas--hero{min-height:220px}.analytics-chart-canvas--medium,.analytics-chart-canvas--doughnut-sm{min-height:200px}.analytics-chart-empty--compact{min-height:120px}.analytics-toolbar-copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.analytics-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800;line-height:1.2}.analytics-range-label{color:var(--text-muted);font-size:.78rem;font-family:var(--font-display);margin:0}.analytics-period-bar{border:1px solid var(--border-glass);background:#ffffff05;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;display:grid;overflow:hidden}.analytics-period-btn{border:none;border-right:1px solid var(--border-glass);min-height:2.75rem;color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);background:0 0;padding:.65rem .35rem;font-size:.82rem;font-weight:700}.analytics-period-btn:last-child{border-right:none}.analytics-period-btn.is-active{background:var(--accent-purple);color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.analytics-period-btn:focus-visible{box-shadow:0 0 0 1px #8b5cf659, 0 0 16px var(--accent-purple-glow);outline:none}.analytics-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;display:grid}.analytics-summary-card{align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;display:flex}.analytics-summary-body{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.analytics-summary-delta{font-size:.7rem;font-weight:600;font-family:var(--font-display)}.analytics-summary-delta--up{color:var(--accent-amber)}.analytics-summary-delta--down{color:var(--accent-teal)}.analytics-summary-delta--flat{color:var(--text-muted)}.analytics-summary-ring{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.analytics-summary-ring:after{content:"";background:var(--bg-secondary);border-radius:50%;position:absolute;inset:4px}.analytics-summary-ring span{z-index:1;font-size:.62rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary);position:relative}.analytics-sparkline{opacity:.9;margin-top:.35rem}.analytics-chart-subtitle{color:var(--text-muted);font-size:.72rem;font-family:var(--font-display);margin:-.55rem 0 .65rem}.analytics-chart-footnote{color:var(--text-muted);font-size:.72rem;font-family:var(--font-display);margin:.65rem 0 0}.analytics-chart-canvas--short{min-height:200px}.analytics-heatmap{flex-wrap:wrap;gap:4px;padding:.25rem 0;display:flex}.analytics-heatmap-cell{cursor:pointer;border:none;border-radius:3px;width:14px;height:14px;padding:0;transition:transform .15s,box-shadow .15s}.analytics-heatmap-cell:hover{transform:scale(1.15);box-shadow:0 0 8px #ffffff26}.analytics-heatmap-cell--0{background:#ffffff0a}.analytics-heatmap-cell--1{background:#8b5cf659}.analytics-heatmap-cell--2{background:#f59e0b8c}.analytics-heatmap-cell--3{background:#10b981b3;box-shadow:0 0 6px #10b98159}.analytics-micro-rows>div{margin-bottom:.35rem!important}.analytics-summary-icon{border:1px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.analytics-summary-kicker{color:var(--text-secondary);font-size:.74rem;font-family:var(--font-display);margin-bottom:.15rem;display:block}.analytics-summary-value{color:var(--text-primary);font-size:1.45rem;font-weight:800;font-family:var(--font-display);line-height:1.15;display:block}.analytics-summary-unit{color:var(--text-muted);font-size:.78rem;font-weight:550}.analytics-summary-meta{color:var(--text-muted);font-size:.72rem;font-family:var(--font-display);margin-top:.2rem;display:block}.analytics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.analytics-chart-card{flex-direction:column;min-height:320px;padding:1.15rem 1.25rem;display:flex}.analytics-chart-card--compact{min-height:340px}.analytics-chart-title{color:var(--text-primary);font-size:1rem;font-family:var(--font-display);align-items:center;gap:.5rem;margin:0 0 .85rem;display:flex}.analytics-chart-title--bordered{border-bottom:1px solid #ffffff08;padding-bottom:.5rem}.analytics-chart-canvas{flex:1;width:100%;min-height:240px;position:relative}.analytics-chart-canvas--doughnut{justify-content:center;align-items:center;min-height:260px;display:flex}.analytics-chart-empty{text-align:center;height:100%;min-height:220px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;font-size:.88rem;display:flex}.analytics-empty-doughnut{width:100%;height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;font-size:.88rem;display:flex}.analytics-empty-doughnut-ring{opacity:.15;width:130px;height:130px}.analytics-micro-rows{flex-direction:column;flex:1;justify-content:center;gap:.85rem;display:flex}.analytics-micro-row-head{color:var(--text-primary);justify-content:space-between;gap:.75rem;font-size:.84rem;font-weight:600;display:flex}.analytics-micro-row-head span:last-child{color:var(--text-secondary);text-align:right;flex-shrink:0;font-weight:500}.analytics-micro-track{background:#ffffff08;border-radius:99px;width:100%;height:6px;margin-top:.25rem;overflow:hidden}.analytics-micro-fill{border-radius:99px;height:100%}.analytics-micro-footnote{color:var(--text-muted);align-items:center;gap:.25rem;margin-top:.65rem;font-size:.7rem;display:flex}@media (width<=480px){.analytics-toolbar{border-radius:14px;margin-left:-.15rem;margin-right:-.15rem;padding:.85rem .9rem}.analytics-period-btn{min-height:2.85rem;font-size:.76rem}.analytics-stat-strip{grid-template-columns:1fr}.analytics-stat-strip-item{border-right:none;border-bottom:1px solid var(--border-glass)}.analytics-stat-strip-item:last-child{border-bottom:none}.analytics-view-tab-hint{display:none}.analytics-chart-card{min-height:260px;padding:1rem}.analytics-chart-card--hero,.analytics-chart-card--heatmap,.analytics-chart-card--micros{min-height:auto}}@media (prefers-reduced-motion:reduce){.analytics-period-btn{transition:none}}