:root{--color-bg: #0A0A0A;--color-bg-raised: #141414;--color-bg-card: #1A1A1A;--color-bg-input: #1E1E1E;--color-surface: #222222;--color-border: #2A2A2A;--color-border-focus: #3A3A3A;--color-text-primary: #F5F5F5;--color-text-secondary:#A0A0A0;--color-text-muted: #666666;--color-accent: #F5C518;--color-accent-hover: #E0B316;--color-accent-muted: rgba(245, 197, 24, .15);--color-accent-text: #0A0A0A;--color-success: #2ECC71;--color-warning: #F39C12;--color-danger: #E74C3C;--color-info: #3498DB;--color-meal: #F5C518;--color-activity: #2ECC71;--color-alcohol: #9B59B6;--color-correction: #3498DB;--color-event-meal: var(--color-meal);--color-event-activity: var(--color-activity);--color-event-alcohol: var(--color-alcohol);--color-event-correction: var(--color-correction);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-loose: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-base: 0;--letter-spacing-wide: .02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--tap-target-min: 48px;--tap-target-comfortable: 56px;--content-max-width: 480px;--page-padding: var(--space-4);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;border:none;background:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}#root{display:flex;flex-direction:column;min-height:100dvh}.app-container{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--page-padding);padding-bottom:calc(var(--space-16) + var(--safe-area-bottom))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target-min);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semi);border-radius:var(--radius-md);transition:background-color var(--transition-fast),transform var(--transition-fast);user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-focus)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary);background-color:var(--color-bg-raised)}.btn-block{display:flex;width:100%}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.font-medium{font-weight:var(--font-weight-medium)}.font-semi{font-weight:var(--font-weight-semi)}.font-bold{font-weight:var(--font-weight-bold)}.disclaimer{padding:var(--space-4) 0;margin-top:auto;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-base);border-top:1px solid var(--color-border)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-1) 0;padding-bottom:calc(var(--space-1) + var(--safe-area-bottom));z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:var(--tap-target-min);min-height:var(--tap-target-min);justify-content:center;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.bottom-nav-item--active{color:var(--color-accent)}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:var(--font-weight-medium)}.stepped-select{border:none;padding:0;margin:0 0 var(--space-4) 0}.stepped-label{display:block;margin-bottom:var(--space-2);color:var(--color-text-secondary)}.stepped-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);user-select:none;-webkit-user-select:none}.stepped-btn:active{transform:scale(.96)}.stepped-btn--active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.stepped-btn-label{font-weight:var(--font-weight-medium)}.stepped-btn-sub{font-size:var(--font-size-xs)}.event-card{margin-bottom:var(--space-3)}.event-card--compact{padding:var(--space-3)}.event-card-header{display:flex;align-items:center;gap:var(--space-2)}.event-card-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.event-card-type{flex:1}.event-card-time{margin-left:auto}.event-tag-row{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.event-tag-pill{display:inline-block;padding:2px var(--space-2);background:var(--color-bg-raised);border-radius:var(--radius-full);color:var(--color-text-secondary)}.event-card-notes{margin-top:var(--space-2);font-style:italic}.event-card-glucose{margin-top:var(--space-2)}.event-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.home-page{padding-top:var(--space-6)}.home-header{margin-bottom:var(--space-6)}.event-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.event-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:100px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast)}.event-type-btn:hover{border-color:var(--event-color, var(--color-accent))}.event-type-btn:active{transform:scale(.97)}.event-type-icon{font-size:28px}.event-type-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.home-section{margin-bottom:var(--space-6)}.home-section h2{margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.quick-fav-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.quick-fav-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:80px;padding:var(--space-3);cursor:pointer;flex-shrink:0;transition:border-color var(--transition-fast)}.quick-fav-btn:hover{border-color:var(--color-accent)}.empty-state{padding:var(--space-6);text-align:center}.recent-list{display:flex;flex-direction:column}.log-page{padding-top:var(--space-4)}.log-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.log-form{display:flex;flex-direction:column}.log-textarea{width:100%;min-height:80px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);resize:vertical}.log-textarea:focus{outline:none;border-color:var(--color-accent)}.log-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:50vh}.log-success-icon{font-size:48px}.history-page{padding-top:var(--space-6)}.page-header{margin-bottom:var(--space-4)}.page-header p{margin-top:var(--space-1)}.history-filter{margin-bottom:var(--space-4)}.history-date-heading{margin-bottom:var(--space-2);margin-top:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.history-day:first-child .history-date-heading{margin-top:0}.favourites-page{padding-top:var(--space-6)}.favourites-list,.fav-card{display:flex;flex-direction:column;gap:var(--space-3)}.fav-card-header{display:flex;align-items:center;gap:var(--space-2)}.fav-card-actions{display:flex;gap:var(--space-2);align-items:center}.settings-page{padding-top:var(--space-6)}.auth-page{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-10);max-width:400px;margin:0 auto}.auth-header{text-align:center}.auth-card{display:flex;flex-direction:column;gap:var(--space-3)}.auth-icon{font-size:36px;text-align:center}.auth-label{color:var(--color-text-secondary)}.auth-input{width:100%;padding:var(--space-3);min-height:var(--tap-target-min);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base)}.auth-input:focus{outline:none;border-color:var(--color-accent)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-error{color:var(--color-event-correction)}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top,0px)}}.app-container{padding-bottom:calc(80px + var(--safe-area-bottom))}