:root{--bg-primary: #1c1f24;--bg-secondary: #252a31;--bg-elevated: #2f343d;--bg-input: #1a1d22;--border-subtle: rgba(255, 255, 255, .08);--border-hairline: rgba(255, 255, 255, .055);--border-focus: rgba(110, 231, 215, .45);--ambient-teal: rgba(94, 184, 176, .045);--ambient-journal: rgba(155, 143, 184, .035);--shadow-panel: 0 1px 0 rgba(0, 0, 0, .12), 0 12px 40px rgba(0, 0, 0, .18);--shadow-focus-ring: 0 0 0 1px rgba(94, 184, 176, .22), 0 0 24px rgba(94, 184, 176, .08), 0 0 48px rgba(155, 143, 184, .04);--text-primary: #e8eaed;--text-secondary: #9aa0a8;--text-muted: #6b7280;--accent-ai: #e8a838;--accent-search: #5eb8b0;--accent-success: #6eb89a;--accent-warning: #d97a6c;--accent-health: #6db5c5;--accent-journal: #9b8fb8;--status-live: var(--accent-success);--status-error: var(--accent-warning);--note-food: #c9a227;--note-sleep: #7b8fd4;--note-mood: #9b7bb8;--note-exercise: #4fa882;--note-journal: #c4b8a8;--note-medication: #5eb0c4;--note-reminder: #d4a84a;--note-lab: #6a8eb5;--note-default: #7a828d;--header-h: 3.25rem;--sidebar-w: 13.5rem;--rail-w: 3rem;--chat-dock-collapsed: 2.75rem;--radius-sm: 6px;--radius-md: 10px;--shadow-glow: 0 0 24px rgba(232, 168, 56, .06);--font-ui: "Inter", system-ui, sans-serif;--font-editorial: "Instrument Serif", Georgia, serif;--transition-fast: .14s ease;--transition-slow: .24s ease;color-scheme:dark}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{--bg-primary: #f6f7f9;--bg-secondary: #ffffff;--bg-elevated: #ffffff;--bg-input: #ffffff;--border-subtle: rgba(15, 23, 42, .12);--border-hairline: rgba(15, 23, 42, .08);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;color-scheme:light}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:14px;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:#5eb8b040}.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}.ux-btn{font-family:inherit;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.ux-btn:hover{background:var(--bg-elevated);border-color:#ffffff24}.ux-btn:active{opacity:.92}.ux-btn--primary{background:#5eb8b026;border-color:#5eb8b059;color:var(--text-primary)}.ux-btn--primary:hover{background:#5eb8b038;border-color:#5eb8b073}.ux-btn--primary--ack{background:#6eb89a2e;border-color:#6eb89a6b;color:var(--text-primary)}.ux-btn--primary--ack:hover{background:#6eb89a38;border-color:#6eb89a80}.ux-btn--ghost{background:transparent;border-color:transparent}.ux-btn--ghost:hover{background:#ffffff0f}.ux-btn--sm{padding:.35rem .65rem;font-size:.75rem}.ux-btn--icon{padding:.45rem;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem}.ux-input,.ux-select,.ux-textarea{font-family:inherit;font-size:.875rem;width:100%;padding:.5rem .65rem;margin-top:.35rem;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ux-input:hover,.ux-select:hover,.ux-textarea:hover{border-color:#ffffff24}.ux-input:focus,.ux-select:focus,.ux-textarea:focus{outline:none;border-color:#5eb8b073;box-shadow:0 0 0 3px #5eb8b01f}.ux-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.125rem}.ux-required{color:var(--accent-warning)}.ux-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);padding:1.2rem;box-shadow:0 1px #ffffff05,0 12px 32px #00000029;transition:border-color var(--transition-fast),box-shadow var(--transition-slow)}.ux-card:hover{border-color:#ffffff1f;box-shadow:0 1px #ffffff08,0 16px 38px #0003}.ux-card:focus-within{border-color:#5eb8b038;box-shadow:var(--shadow-panel),var(--shadow-focus-ring)}.ux-card--capture{padding:1.25rem 1.35rem}.ux-card--capture .ux-textarea--capture-main{min-height:7.5rem;font-size:.9375rem;line-height:1.55}.ux-capture-secondary{margin-top:.25rem;padding-top:1rem;border-top:1px solid var(--border-hairline)}.ux-capture-secondary .ux-label{font-size:.75rem;font-weight:500;color:var(--text-muted)}.ux-capture-secondary .ux-input,.ux-capture-secondary .ux-select,.ux-capture-secondary .ux-textarea{font-size:.8125rem;margin-top:.3rem;border-color:var(--border-hairline);background:#1a1d22a6}.ux-capture-secondary .ux-stack-tight{gap:.45rem}.ux-capture-secondary-title{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem}.ux-settings-api-keys>summary{cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-secondary);list-style:none}.ux-settings-api-keys>summary::-webkit-details-marker{display:none}.ux-settings-api-keys[open]>summary{margin-bottom:.35rem}.ux-settings-api-keys-body{padding-top:.15rem}.ux-empty-state{margin:0;padding:.5rem 0 0}.ux-empty-state-heading{font-size:.9375rem;font-weight:500;color:var(--text-secondary);margin:0 0 .35rem;letter-spacing:-.01em}.ux-empty-state-detail{font-size:.8125rem;line-height:1.5;margin:0}.ux-capture-feedback{font-size:.8125rem;color:var(--accent-success);letter-spacing:.02em}.ux-capture-submit-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.ux-card--elevated{background:var(--bg-elevated)}.ux-card-title{font-size:.71875rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#e8eaedb8;margin:0 0 .85rem}.ux-muted{color:var(--text-muted)}.ux-error{color:var(--accent-warning);font-size:.875rem;margin-top:.5rem}.ux-meta{font-size:.75rem;color:#9aa0a8d9}.ux-code-block{margin:0 0 .35rem;padding:.5rem .65rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;overflow:auto;max-height:8rem}.ux-note-chip{display:inline-block;align-self:flex-start;flex-shrink:0;white-space:nowrap;font-size:.67rem;font-weight:560;letter-spacing:.03em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--chip-accent, var(--note-default));background:#ffffff0d;color:#e8eaedc7}.ux-note-item{border:1px solid var(--border-hairline);border-radius:calc(var(--radius-md) - 2px);padding:.85rem .9rem;margin-bottom:.55rem;background:linear-gradient(180deg,#ffffff05,#fff0)}.ux-note-item:last-child{margin-bottom:0}.ux-note-item--match{border-color:#5eb8b03b;box-shadow:inset 0 0 0 1px #5eb8b014,0 0 20px #5eb8b012}.ux-note-meta{opacity:.78}.ux-memory-match-label{display:inline-flex;align-items:center;margin-bottom:.35rem;padding:.14rem .45rem;border-radius:999px;border:1px solid rgba(94,184,176,.3);background:#5eb8b01f;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;color:#d1efebe6}.ux-card--insight{position:relative;overflow:hidden}.ux-card--insight:after{content:"";position:absolute;inset:-35% auto auto -20%;width:16rem;height:10rem;background:radial-gradient(ellipse at center,rgba(155,143,184,.16) 0%,rgba(155,143,184,.03) 55%,transparent 100%);pointer-events:none}.ux-insight-signal{display:inline-flex;align-items:center;gap:.4rem;margin:-.2rem 0 .65rem;padding:.16rem .48rem;border-radius:999px;border:1px solid rgba(232,168,56,.22);background:#e8a83814;font-size:.68rem;letter-spacing:.045em;text-transform:uppercase;color:#ebcf9adb}.ux-insight-dot{width:.36rem;height:.36rem;border-radius:50%;background:var(--accent-ai);box-shadow:0 0 12px #e8a83859;animation:uxPulse 4.8s ease-in-out infinite}.ux-search-view{position:relative}.ux-search-subtitle{margin-top:-.45rem;margin-bottom:.7rem}.ux-search-context{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid rgba(94,184,176,.2);background:linear-gradient(90deg,#5eb8b014,#5eb8b005)}.ux-search-context-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#c6e6e2e6}.ux-card--search-results{border-color:#5eb8b029}.ux-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:.5rem 0}.ux-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.ux-dashboard-stat-value{font-size:1.35rem;font-weight:650;color:var(--text-primary)}.ux-shimmer{position:relative;overflow:hidden}.ux-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff14,#fff0);animation:ux-shimmer 1.2s infinite}@keyframes ux-shimmer{to{transform:translate(100%)}}@media (max-width: 768px){.ux-note-item{padding:.72rem .78rem}.ux-search-context{align-items:flex-start;flex-direction:column}}@keyframes uxPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.16)}}@media (prefers-reduced-motion: reduce){.ux-insight-dot{animation:none}}.ux-note-chip[data-type=food]{--chip-accent: var(--note-food)}.ux-note-chip[data-type=sleep]{--chip-accent: var(--note-sleep)}.ux-note-chip[data-type=mood]{--chip-accent: var(--note-mood)}.ux-note-chip[data-type=exercise]{--chip-accent: var(--note-exercise)}.ux-note-chip[data-type=journal]{--chip-accent: var(--note-journal)}.ux-note-chip[data-type=medication]{--chip-accent: var(--note-medication)}.ux-note-chip[data-type=reminder]{--chip-accent: var(--note-reminder)}.ux-note-chip[data-type=lab_result],.ux-note-chip[data-type=lab]{--chip-accent: var(--note-lab)}.ux-shell{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary);isolation:isolate}.ux-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 55% at 50% -15%,var(--ambient-teal) 0%,transparent 58%),radial-gradient(ellipse 70% 50% at 100% 100%,var(--ambient-journal) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 0% 80%,rgba(94,184,176,.02) 0%,transparent 45%)}.ux-shell>*{position:relative;z-index:1}.ux-shell-header{flex-shrink:0;height:var(--header-h);display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-bottom:1px solid var(--border-hairline);background:#1c1f24e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.ux-shell-brand{font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap}.ux-shell-search-wrap{position:relative;flex:1;max-width:28rem;min-width:0;border-radius:999px;transition:box-shadow var(--transition-fast),background var(--transition-fast)}.ux-shell-search-wrap:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:radial-gradient(ellipse 120% 200% at 50% 50%,rgba(94,184,176,.07) 0%,transparent 68%);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.ux-shell-search-wrap:focus-within:before{opacity:1}.ux-shell-search-wrap:focus-within{box-shadow:0 0 0 2px #5eb8b033,0 0 28px #5eb8b01a}.ux-shell-search{position:relative;z-index:1;width:100%;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--border-hairline);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.8125rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ux-shell-search::placeholder{color:var(--text-muted)}.ux-shell-search:focus{outline:none;border-color:#5eb8b066;box-shadow:0 0 0 3px #5eb8b01a}.ux-shell-header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.ux-shell-weather{font-size:.75rem;color:var(--text-muted);padding:0 .5rem;white-space:nowrap}.ux-superme{display:flex;align-items:center;gap:.35rem;font-size:.6875rem;color:var(--text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm)}.ux-superme-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);opacity:.6}button.ux-superme--header{font:inherit;border:none;background:transparent;cursor:pointer;color:inherit}button.ux-superme--header:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ux-superme--active{color:var(--status-error);border:1px solid rgba(217,122,108,.35)}.ux-superme--active .ux-superme-dot{width:8px;height:8px;background:var(--status-error);opacity:1;animation:supeme-pulse 1.5s ease-in-out infinite}.ux-shell-profile{display:flex;align-items:center;gap:.5rem;margin-left:.25rem}.ux-shell-body{flex:1;display:flex;min-height:0}.ux-shell-sidebar-overlay{display:none}@media (max-width: 768px){.ux-shell-sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:35;top:var(--header-h)}.ux-shell-sidebar{position:fixed;left:0;top:var(--header-h);bottom:0;width:var(--sidebar-w);transform:translate(-100%);transition:transform var(--transition-slow);z-index:40;box-shadow:8px 0 24px #00000059}.ux-shell-sidebar.open{transform:translate(0)}}.ux-shell-sidebar{width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border-hairline);background:var(--bg-secondary);display:flex;flex-direction:column;padding:.75rem 0}.ux-shell-nav{display:flex;flex-direction:column;gap:2px;padding:0 .5rem}.ux-nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.8125rem;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.ux-nav-item:hover{background:#ffffff0f;color:var(--text-primary)}.ux-nav-item--active{background:#5eb8b01f;color:var(--text-primary);font-weight:600;box-shadow:inset 3px 0 #5eb8b0a6,0 0 20px #5eb8b00f}.ux-nav-icon{font-size:.95rem;opacity:.85;width:1.25rem;text-align:center}.ux-shell-center{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.ux-shell-main{flex:1;overflow:auto;padding:1.25rem 1.5rem;min-height:0}.ux-shell-rail{width:var(--rail-w);flex-shrink:0;border-left:1px solid var(--border-hairline);background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;padding:.75rem 0;gap:.5rem}.ux-chat-dock{flex-shrink:0;border-top:1px solid var(--border-hairline);background:linear-gradient(180deg,#1c1f24f7,#1e2228);transition:min-height var(--transition-slow)}.ux-chat-dock--dormant.ux-chat-dock--collapsed{box-shadow:inset 0 1px #ffffff05}.ux-chat-dock--collapsed{min-height:var(--chat-dock-collapsed)}.ux-chat-dock--expanded{min-height:11rem}.ux-chat-dock-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast)}.ux-chat-dock-bar:hover{background:#ffffff0a;border-top-color:#5eb8b01f}.ux-chat-dock-bar:focus{outline:none}.ux-chat-dock-bar:focus-visible{background:#ffffff0d;box-shadow:inset 0 1px #5eb8b033}.ux-chat-dock-title{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280e0}.ux-chat-dock-body{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.65rem}.ux-chat-dock-hint{font-size:.8125rem;color:var(--text-muted);line-height:1.45;margin:0}.ux-chat-dock-composer{display:flex;gap:.5rem;align-items:flex-end}.ux-chat-dock-composer textarea{flex:1;min-height:2.5rem;max-height:5rem;resize:none;font-family:inherit;font-size:.8125rem;padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted)}.ux-mobile-menu{display:none}@media (max-width: 768px){.ux-mobile-menu{display:inline-flex}.ux-shell-search-wrap{max-width:none}.ux-shell-weather{display:none}}.ux-auth-page{min-height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.ux-auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.ux-auth-card{width:100%;max-width:22rem}.ux-supeme-indicator{position:fixed;top:.75rem;right:.75rem;z-index:9999;display:flex;align-items:center;gap:.4rem;background:var(--bg-elevated);border:1px solid var(--status-error);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--status-error)}.ux-supeme-dot{width:8px;height:8px;border-radius:50%;background:var(--status-error);animation:supeme-pulse 1.5s ease-in-out infinite}@keyframes supeme-pulse{0%,to{opacity:1}50%{opacity:.3}}.ux-auth-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem}.ux-stack{display:flex;flex-direction:column;gap:.85rem}.ux-stack-tight{gap:.5rem}.ux-section-title{font-size:1.0625rem;font-weight:650;margin:0 0 1rem;letter-spacing:-.015em;color:var(--text-primary)}.ux-dash-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.ux-dash-timeline{margin-top:.25rem}.ux-timeline-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--border-hairline)}.ux-timeline-item:last-child{border-bottom:none}.ux-editorial-sample{font-family:var(--font-editorial);font-size:1rem;font-style:italic;color:var(--text-secondary);line-height:1.55;margin:0}.ux-sample-tag{display:inline-block;margin-top:.5rem;font-family:var(--font-ui);font-size:.6875rem;font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}
