:root{--navy: #0F1B35;--blue: #1A6FBD;--blue-l: #E8F4FD;--blue-d: #0C447C;--green: #28A06E;--green-l: #E8F7F0;--amber: #E8A020;--amber-l: #FFF8EC;--red: #D43A3A;--red-l: #FFF0F0;--gray: #F2F4F7;--border: #E0E4EA;--text: #1A1A2E;--muted: #6B7280;--white: #ffffff;--font: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--nav-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--gray);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app-shell{max-width:430px;margin:0 auto;min-height:100vh;background:var(--white);position:relative;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--nav-h);-webkit-overflow-scrolling:touch}.screen::-webkit-scrollbar{display:none}.t-xs{font-size:10px}.t-sm{font-size:12px}.t-base{font-size:14px}.t-md{font-size:16px}.t-lg{font-size:18px}.t-xl{font-size:20px}.t-2xl{font-size:24px}.t-3xl{font-size:30px}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.c-muted{color:var(--muted)}.c-white{color:var(--white)}.c-navy{color:var(--navy)}.c-blue{color:var(--blue)}.c-green{color:var(--green)}.c-amber{color:var(--amber)}.c-red{color:var(--red)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--s2);border:none;border-radius:var(--r-md);font-family:var(--font);font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97);opacity:.9}.btn-primary{background:var(--blue);color:var(--white)}.btn-navy{background:var(--navy);color:var(--white)}.btn-green{background:var(--green);color:var(--white)}.btn-red{background:var(--red);color:var(--white)}.btn-ghost{background:var(--gray);color:var(--text)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-sm{height:36px;padding:0 var(--s4);font-size:12px;border-radius:var(--r-sm)}.btn-md{height:44px;padding:0 var(--s5);font-size:14px}.btn-lg{height:52px;padding:0 var(--s6);font-size:15px}.btn-xl{height:64px;padding:0 var(--s7);font-size:17px}.btn-full{width:100%}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s5)}.card-sm{padding:var(--s3) var(--s4)}.status-taken{color:var(--green);background:var(--green-l)}.status-due{color:var(--amber);background:var(--amber-l)}.status-missed{color:var(--red);background:var(--red-l)}.status-later{color:var(--muted);background:var(--gray)}.badge{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:2px 10px;font-size:10px;font-weight:700;line-height:1.4}.toggle{width:44px;height:24px;border-radius:12px;background:var(--border);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.toggle.on{background:var(--green)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--white);transition:transform .2s;box-shadow:var(--shadow-sm)}.toggle.on:after{transform:translate(20px)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.sep{height:1px;background:var(--border);margin:var(--s3) 0}.row{display:flex;gap:var(--s3)}.col{display:flex;flex-direction:column;gap:var(--s3)}.g8{gap:var(--s2)}.g12{gap:var(--s3)}.g16{gap:var(--s4)}.g20{gap:var(--s5)}.flex1{flex:1}.jc-between{justify-content:space-between}.jc-center{justify-content:center}.ai-center{align-items:center}.ai-start{align-items:flex-start}.wrap{flex-wrap:wrap}.input{width:100%;height:48px;border:1.5px solid var(--border);border-radius:var(--r-md);padding:0 var(--s4);font-family:var(--font);font-size:14px;color:var(--text);background:var(--white);transition:border-color .2s;outline:none}.input:focus{border-color:var(--blue)}.input-lg{height:56px;font-size:16px}.scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scroll-x::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkmark{0%{stroke-dashoffset:50;opacity:0}60%{opacity:1}to{stroke-dashoffset:0}}.animate-in{animation:fadeIn .3s ease forwards}.animate-pulse{animation:pulse 1.5s ease infinite}.animate-spin{animation:spin .8s linear infinite}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b35b3;z-index:100;display:flex;align-items:flex-end;justify-content:center}.overlay-center{align-items:center}.bg-navy{background:var(--navy)}.bg-blue{background:var(--blue)}.bg-gray{background:var(--gray)}.bg-white{background:var(--white)}