:root{--color-bg: #F5F3EF;--color-bg-raised: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-input: #FFFFFF;--color-surface: #F0EDE8;--color-border: #E5E1DA;--color-border-focus: #D0CBC2;--color-text-primary: #1A1A2E;--color-text-secondary:#5A6072;--color-text-muted: #9098A8;--color-accent: #D4A017;--color-accent-hover: #C49415;--color-accent-muted: rgba(212, 160, 23, .12);--color-accent-text: #FFFFFF;--color-success: #34A853;--color-warning: #FBBC04;--color-danger: #EA4335;--color-info: #4285F4;--color-meal: #4CAF50;--color-activity: #2196F3;--color-alcohol: #9C27B0;--color-insulin: #FF7043;--color-event-meal: var(--color-meal);--color-event-activity: var(--color-activity);--color-event-alcohol: var(--color-alcohol);--color-event-insulin: var(--color-insulin);--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: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--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);--nav-height: 64px;--header-height: 56px}*,*: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-top:calc(var(--header-height) + var(--space-2));padding-bottom:calc(var(--nav-height) + var(--space-4) + var(--safe-area-bottom))}.top-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding);background:var(--color-bg);z-index:100}.top-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent)}.top-header-profile{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent-muted);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);cursor:pointer;transition:background var(--transition-fast);border:none}.top-header-profile:hover{background:var(--color-accent);color:var(--color-accent-text)}.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-bg-card);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-surface)}.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);box-shadow:var(--shadow-sm)}.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;align-items:flex-end;background-color:var(--color-bg-card);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;height:var(--nav-height);box-shadow:0 -2px 8px #0000000a}.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);position:relative}.bottom-nav-item--active{color:var(--color-accent)}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:var(--font-weight-medium)}.bottom-nav-fab{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-text);font-size:28px;line-height:1;border:none;cursor:pointer;box-shadow:0 4px 12px #d4a01759;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:-20px}.bottom-nav-fab:active{transform:scale(.93)}.bottom-nav-fab:hover{box-shadow:0 6px 16px #d4a01773}.bottom-nav-fab--active{background:var(--color-text-primary);box-shadow:0 4px 12px #00000040}.bottom-nav-fab-icon{display:block;transition:transform .25s ease}.bottom-nav-fab-icon--rotated{transform:rotate(45deg)}.fab-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;animation:fab-overlay-in .2s ease-out}@keyframes fab-overlay-in{0%{opacity:0}to{opacity:1}}.fab-tray{position:fixed;bottom:var(--nav-height);left:0;right:0;display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-5) var(--page-padding);padding-bottom:calc(var(--space-5) + var(--safe-area-bottom));background:var(--color-bg-card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -4px 24px #0000001f;z-index:95;transform:translateY(100%);transition:transform .25s ease;pointer-events:none}.fab-tray--open{transform:translateY(0);pointer-events:auto}.fab-tray-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:64px;padding:var(--space-2);background:none;border:none;cursor:pointer;transition:transform var(--transition-fast)}.fab-tray-item:active{transform:scale(.93)}.fab-tray-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow-sm)}.fab-tray-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);color:var(--color-text-primary)}.simulate-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;margin-bottom:var(--space-4)}.simulate-graph-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.simulate-graph-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:var(--shadow-sm)}.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-bg-card);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-surface);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)}.dashboard-page{padding-top:var(--space-4)}.dashboard-graph{margin-bottom:var(--space-6)}.dashboard-graph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.dashboard-graph-empty-icon{font-size:28px;margin-bottom:var(--space-2)}.glucose-mini-graph{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3) 0;box-shadow:var(--shadow-sm)}.glucose-mini-graph-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.glucose-mini-graph-svg{width:100%;height:140px;display:block}.glucose-mini-graph-label{font-size:10px;fill:var(--color-text-muted);font-family:var(--font-family)}.dashboard-history{padding-bottom:var(--space-8)}.dashboard-day+.dashboard-day{margin-top:var(--space-5)}.dashboard-date-heading{margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.dashboard-day-events{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-event-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dashboard-event-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.dashboard-event-info{flex:1;display:flex;flex-direction:column;gap:2px}.empty-state{padding:var(--space-6);text-align:center}.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-bg-card);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-4)}.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}.saved-page{padding-top:var(--space-4)}.saved-list{display:flex;flex-direction:column;gap:var(--space-3)}.saved-card{display:flex;flex-direction:column;overflow:hidden}.saved-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:none;border:none;width:100%;cursor:pointer;text-align:left;font-family:var(--font-family)}.saved-card-title{flex:1;display:flex;flex-direction:column;gap:2px}.saved-card-chevron{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform var(--transition-fast)}.saved-card-chevron--open{transform:rotate(90deg)}.saved-card-details{padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.saved-card-inputs{display:flex;flex-direction:column;gap:var(--space-1)}.saved-card-graph-placeholder{display:flex;align-items:center;justify-content:center;min-height:100px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.saved-card-delete{align-self:flex-start;color:var(--color-danger)}.settings-page{padding-top:var(--space-4)}.me-profile-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.me-avatar{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0}.me-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.me-profile-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.me-profile-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-sign-in-link{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-semi);text-decoration:none}.me-sign-in-link:hover{text-decoration:underline}.me-menu{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.me-menu-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-target-comfortable);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:var(--font-family);transition:background var(--transition-fast)}.me-menu-row:last-child{border-bottom:none}.me-menu-row:hover,.me-menu-row:active{background:var(--color-surface)}.me-menu-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.me-menu-label{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.me-menu-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);color:var(--color-text-muted);background:var(--color-surface);padding:2px var(--space-2);border-radius:var(--radius-full)}.me-menu-chevron{font-size:var(--font-size-lg);color:var(--color-text-muted);flex-shrink:0}.placeholder-page-header{margin-bottom:var(--space-4)}.placeholder-page-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:40vh;text-align:center}.placeholder-page-icon{font-size:40px}.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-bg-card);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-danger)}.onboarding-page{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-6) var(--page-padding);padding-bottom:calc(var(--space-8) + var(--safe-area-bottom));max-width:var(--content-max-width);margin:0 auto}.onboarding-content{flex:1;display:flex;flex-direction:column;justify-content:center}.onboarding-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-progress{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.onboarding-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);transition:background var(--transition-fast),width var(--transition-fast)}.onboarding-dot--active{background:var(--color-accent);width:24px;border-radius:4px}.onboarding-option-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.onboarding-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.onboarding-option:hover{border-color:var(--color-border-focus)}.onboarding-option--selected{border-color:var(--color-accent);background:var(--color-accent-muted)}.onboarding-option-icon{font-size:24px;flex-shrink:0}.onboarding-option-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.welcome-page{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-6) var(--page-padding);padding-bottom:calc(var(--space-8) + var(--safe-area-bottom));max-width:var(--content-max-width);margin:0 auto}.welcome-content{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:var(--space-6)}.welcome-emoji{font-size:64px}.welcome-subtitle{color:var(--color-text-secondary);line-height:var(--line-height-loose)}.welcome-highlight{background:var(--color-accent-muted);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-2);text-align:left;border-left:3px solid var(--color-accent)}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);padding-bottom:calc(var(--space-8) + var(--safe-area-bottom))}.tour-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);max-width:var(--content-max-width);width:100%;box-shadow:var(--shadow-lg);text-align:center}.tour-card-icon{font-size:40px;margin-bottom:var(--space-3)}.tour-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.tour-card-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-loose);margin-bottom:var(--space-6)}.tour-actions{display:flex;gap:var(--space-3)}.tour-actions .btn{flex:1}.connections-page{padding-top:var(--space-4)}.connection-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.connection-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md);flex-shrink:0}.connection-info{flex:1}.connection-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);color:var(--color-text-muted);background:var(--color-surface);padding:2px var(--space-2);border-radius:var(--radius-full)}.terms-scroll{max-height:300px;overflow-y:auto;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-loose);margin:var(--space-4) 0}.settings-section{margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3);padding:0 var(--space-1)}.settings-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.settings-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);min-height:var(--tap-target-comfortable)}.settings-row:last-child{border-bottom:none}.settings-row-label{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-row-sublabel{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular);margin-top:2px}.settings-row-value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-row-chevron{font-size:var(--font-size-lg);color:var(--color-text-muted);flex-shrink:0}.settings-row--clickable{cursor:pointer;transition:background var(--transition-fast)}.settings-row--clickable:hover,.settings-row--clickable:active{background:var(--color-surface)}.settings-row--danger .settings-row-label{color:var(--color-danger)}.settings-row--disabled{opacity:.5;pointer-events:none}.settings-input{width:100%;padding:var(--space-3);min-height:var(--tap-target-min);background:var(--color-bg-input);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)}.settings-input:focus{outline:none;border-color:var(--color-accent)}.settings-input::placeholder{color:var(--color-text-muted)}.settings-input--inline{width:auto;min-width:80px;max-width:120px;text-align:right;padding:var(--space-2) var(--space-3);min-height:36px}.settings-select{padding:var(--space-2) var(--space-3);padding-right:var(--space-6);min-height:36px;background:var(--color-bg-input);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);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239098A8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.settings-select:focus{outline:none;border-color:var(--color-accent)}.settings-toggle{position:relative;width:48px;height:28px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.settings-toggle input:checked+.settings-toggle-track{background:var(--color-accent)}.settings-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.settings-toggle input:checked+.settings-toggle-track:after{transform:translate(20px)}.settings-textarea{width:100%;min-height:100px;padding:var(--space-3);background:var(--color-bg-input);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}.settings-textarea:focus{outline:none;border-color:var(--color-accent)}.settings-phase-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);color:var(--color-text-muted);background:var(--color-surface);padding:2px var(--space-2);border-radius:var(--radius-full)}.settings-info{padding:var(--space-3) var(--space-4);background:var(--color-accent-muted);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base)}.settings-danger-zone{border-color:var(--color-danger)}.settings-danger-zone .settings-section-title{color:var(--color-danger)}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.settings-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);max-width:360px;width:100%;box-shadow:var(--shadow-lg);text-align:center}.settings-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.settings-modal-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-base)}.settings-modal-actions{display:flex;gap:var(--space-3)}.settings-modal-actions .btn{flex:1}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top,0px)}}