body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:40px;font-weight:700;line-height:1.2;margin:0}@media (max-width: 768px){h1,.h1{font-size:32px}}h2,.h2{font-size:24px;font-weight:600;line-height:1.3;margin:0}@media (max-width: 768px){h2,.h2{font-size:20px}}h3,.h3{font-size:20px;font-weight:600;line-height:1.4;margin:0}p,.body{font-size:16px;line-height:1.5;font-weight:400;margin:0}small,.small{font-size:14px;line-height:1.4;font-weight:400}.label{font-size:15px;font-weight:500}button,.button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:500}code,pre,.mono{font-family:JetBrains Mono,Courier New,monospace;font-size:14px}.muted{color:#6b7280}.text-on-dark{color:#e5e7eb}.text-on-dark-muted{color:#9ca3af}.onboarding-text{font-size:17px;line-height:1.6}.onboarding-heading{font-size:28px;font-weight:600;line-height:1.3}@media (max-width: 768px){.onboarding-heading{font-size:24px}}.android-top-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;padding-top:calc(var(--safe-area-inset-top, 0px) + 8px);background:var(--surface);border-bottom:1px solid var(--border);min-height:56px;position:fixed;top:0;left:0;right:0;z-index:100}.android-brand{display:inline-flex;align-items:center;flex-shrink:0}.android-brand-logo{height:28px;width:auto}.android-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:50%;transition:background .15s}.android-menu-btn:active{background:var(--icon-hover-bg)}.android-askbar{flex:1;min-width:0;margin-right:12px;display:flex;align-items:center;gap:8px}.android-askbar-input{flex:1;min-width:0;padding:8px 12px;border-radius:20px;border:1px solid var(--border);background:var(--pill-bg);font-size:14px;outline:none}.android-askbar-input:focus{border-color:var(--primary-violet, #6C4CE4)}.android-askbar-submit{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:var(--primary-violet, #6C4CE4);color:#fff;flex-shrink:0;cursor:pointer;transition:opacity .15s,transform .15s}.android-askbar-submit:disabled{opacity:.45;cursor:not-allowed}.android-askbar-submit.asking:disabled{opacity:1;cursor:progress}.askbar-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:askbar-spin .8s linear infinite}@keyframes askbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.android-askbar-submit:not(:disabled):active{transform:scale(.96)}.android-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;padding:0}.android-profile-btn:active{opacity:.7}.android-profile-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid var(--border);flex-shrink:0}.android-profile-avatar img{width:100%;height:100%;object-fit:cover}.android-profile-menu{position:absolute;top:calc(var(--safe-area-inset-top, 0px) + 56px);right:8px;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:101;overflow:hidden}.android-profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .15s}.android-profile-menu-item:active{background:var(--icon-hover-bg)}.android-profile-menu-item lucide-icon{color:var(--muted)}.android-profile-menu-item-priority{font-weight:700;color:#5b21b6;background:#6c4ce414}.android-profile-menu-item-priority lucide-icon{color:#5b21b6}.android-profile-menu-divider{height:1px;background:var(--border);margin:4px 0}.android-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:50%;transition:background .15s}.android-edit-btn.active{background:#6c4ce41a;color:var(--primary-violet, #6C4CE4)}.android-edit-btn:active{background:var(--icon-hover-bg)}.android-category-tabs{display:flex;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:1;white-space:nowrap;min-height:48px;max-height:48px}.android-category-tabs::-webkit-scrollbar{display:none}.android-category-tab{flex-shrink:0;padding:14px 20px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;height:48px;display:flex;align-items:center}.android-category-tab.active{color:var(--primary-violet, #6C4CE4);border-bottom-color:var(--primary-violet, #6C4CE4);font-weight:600}.android-category-tab:active{background:var(--icon-hover-bg)}.android-bottom-nav{display:flex;justify-content:space-around;align-items:center;background:var(--surface);border-top:1px solid var(--border);min-height:56px;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:0 8px;padding-bottom:env(safe-area-inset-bottom)}.android-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s;padding:6px 12px;min-width:0}.android-bottom-nav-item.active{color:var(--primary-violet, #6C4CE4)}.android-bottom-nav-item:active{background:var(--icon-hover-bg)}.android-bottom-nav-item span{font-size:12px;font-weight:500}.android-menu-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--surface);box-shadow:2px 0 8px #00000026;z-index:200;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.android-menu-drawer.open{transform:translate(0)}.android-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.android-menu-overlay.open{opacity:1;visibility:visible}.android-menu-header{padding:24px 16px;padding-top:calc(max(env(safe-area-inset-top,0px),30px) + 24px);border-bottom:1px solid var(--border)}.android-menu-header-title{font-size:20px;font-weight:700;color:var(--text)}.android-menu-items{padding:8px 0}.android-menu-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .15s}.android-menu-item:active{background:var(--icon-hover-bg)}.android-menu-item lucide-icon{color:var(--muted)}.android-content{padding-top:calc(56px + var(--safe-area-inset-top, 0px) + 8px);padding-bottom:calc(56px + var(--safe-area-inset-bottom, 0px))}.edit-mode-active .life-card-container{cursor:move;border:2px dashed var(--primary-violet, #6C4CE4)}.edit-mode-active .android-category-tab{cursor:move}.owt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;border-radius:999px;padding:9px 18px;border:1.5px solid var(--color-primary);background:transparent;color:var(--color-primary);transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .1s ease}.owt-btn:hover:not(:disabled):not(.is-loading){background:var(--surface-soft)}.owt-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6c4ce447}.owt-btn:disabled,.owt-btn[disabled]{opacity:.48;cursor:not-allowed;pointer-events:none}.owt-btn.is-loading{cursor:default;opacity:.8;pointer-events:none}.owt-btn.working{opacity:.72;pointer-events:none}.owt-btn.success{border-color:#2dd4bf66;background:#2dd4bf14;color:#0d9488;box-shadow:none;pointer-events:none;transform:none}.owt-btn lucide-icon,.owt-btn svg{flex-shrink:0}.owt-btn--sm{font-size:13px;padding:6px 14px}.owt-btn--primary{background:#6c4ce4;border-color:#6c4ce4;color:#fff;box-shadow:0 3px 10px #6c4ce438}.owt-btn--primary:hover:not(:disabled):not(.is-loading){background:#5538c7;border-color:#5538c7;box-shadow:0 5px 16px #6c4ce452;transform:translateY(-1px)}.owt-btn--primary:disabled,.owt-btn--primary[disabled]{background:#c4b8f4;border-color:#c4b8f4;color:#fff;box-shadow:none;transform:none;opacity:1}.owt-btn--primary.is-loading{background:var(--surface-soft);border-color:#6c4ce440;color:#6c4ce4;box-shadow:none;transform:none}.owt-btn--primary.success{background:#2dd4bf14;border-color:#2dd4bf66;color:#0d9488}.owt-btn--ghost{border-color:transparent;background:transparent;color:var(--text)}.owt-btn--ghost:hover:not(:disabled):not(.is-loading){background:var(--surface-soft);color:var(--color-primary);border-color:transparent}.owt-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 3px 10px #dc262638}.owt-btn--danger:hover:not(:disabled):not(.is-loading){background:#b91c1c;border-color:#b91c1c;box-shadow:0 5px 16px #dc262652;transform:translateY(-1px)}.owt-btn--danger:disabled,.owt-btn--danger[disabled]{background:#fca5a5;border-color:#fca5a5;color:#fff;box-shadow:none;transform:none;opacity:1}.owt-btn--ghost.owt-btn--danger{background:transparent;border-color:var(--text-danger);color:var(--text-danger);box-shadow:none}.owt-btn--ghost.owt-btn--danger:hover:not(:disabled):not(.is-loading){background:var(--danger-ghost-bg);border-color:var(--text-danger);box-shadow:none;transform:none}.owt-btn--ghost.owt-btn--danger:disabled,.owt-btn--ghost.owt-btn--danger[disabled]{background:transparent;border-color:var(--text-danger);color:var(--text-danger);opacity:.48}.owt-btn .owt-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:owt-spin .7s linear infinite;flex-shrink:0}@keyframes owt-spin{to{transform:rotate(360deg)}}:root{--color-primary: #6C4CE4;--color-dark: #1E1B3A;--color-light: #ffffff;--color-accent: #2DD4BF;--color-cta: #F59E0B;--expiry-safe: #10B981;--expiry-warning: #F59E0B;--expiry-danger: #F43F5E;--app-bg: var(--color-light);--surface: #ffffff;--text: var(--color-dark);--muted: #6b7280;--text-subtle: #64748b;--text-accent: var(--color-primary);--text-success: #0f766e;--text-warning: #b45309;--text-danger: #b91c1c;--text-danger-strong: #dc2626;--border: #e6e8ee;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .14);--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--focus-ring: #c7d2fe;--focus-shadow: 0 0 0 6px rgba(66, 153, 225, .06);--primary: var(--color-primary);--on-primary: #ffffff;--hover-green: rgba(45, 212, 191, .08);--hover-border: rgba(45, 212, 191, .35);--pill-bg: #f3f4f6;--surface-soft: #f4f2ff;--pill-lavender: #f8f6ff;--pill-lavender-hover: #ede9fe;--pill-lavender-active: #ddd6fe;--group-bg: #ffffff;--container-bg: #ffffff;--input-elevated-bg: #ffffff;--input-elevated-border: #d1d5db;--input-elevated-placeholder: #6b7280;--hint-text: #4c1d95;--default-border: #f8fafc;--hover-accent-border: #2DD4BF;--hover-accent-shadow: 0 4px 10px rgba(45, 212, 191, .18);--hover-accent-bg: rgba(45, 212, 191, .04);--icon-hover-bg: #f1f3f4;--icon-button-muted: #6b7280;--icon-button-hover: var(--text);--danger-ghost-bg: rgba(220, 38, 38, .06);--danger-ghost-bg-strong: rgba(220, 38, 38, .12);--danger-ghost-border: rgba(220, 38, 38, .35);--expiry-safe-bg: rgba(16, 185, 129, .1);--expiry-warning-bg: rgba(245, 158, 11, .1);--expiry-danger-bg: rgba(244, 63, 94, .1);--askbar-bg: #f2f6fc}html,body{background:var(--app-bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body.android-native{padding:0}body.android-native .main{padding:0!important}*,*:before,*:after{box-sizing:border-box}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}button,input,textarea,select{font:inherit}.page-container{max-width:860px;margin:0 auto;padding:12px 16px}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.app-card--padded{padding:14px 16px}.section-divider{border:none;border-top:1px solid var(--border);margin:14px 0}.form-control{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);transition:border-color .2s}.form-control::placeholder{color:var(--muted)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c4ce41f}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn:hover:not(:disabled):not(.success){background:var(--pill-bg);border-color:var(--muted)}.action-btn:disabled{opacity:.55;cursor:not-allowed}.action-btn.working{color:var(--muted);pointer-events:none}.action-btn.success,.action-btn--success{border-color:#2dd4bf66;background:#2dd4bf14;color:#0d9488;pointer-events:none}.action-btn.danger,.action-btn--danger-ghost{border-color:#dc26264d;color:#dc2626}.action-btn.danger:hover:not(:disabled),.action-btn--danger-ghost:hover:not(:disabled){background:#dc26260f;border-color:#dc262680}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;border:none;border-radius:8px;background:#dc2626;color:#fff;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.55;cursor:not-allowed}[data-theme=dark]{--color-light: #121218;--app-bg: #121218;--surface: #1e1e26;--text: #e5e7eb;--muted: #9ca3af;--text-subtle: #94a3b8;--text-accent: #a78bfa;--text-success: #5eead4;--text-warning: #fbbf24;--text-danger: #fda4af;--text-danger-strong: #f87171;--border: #2e2e3a;--pill-bg: #262630;--surface-soft: #24223a;--pill-lavender: #24223a;--pill-lavender-hover: #2e2b48;--pill-lavender-active: #383456;--group-bg: #1e1e26;--container-bg: #1e1e26;--input-elevated-bg: rgba(255, 255, 255, .08);--input-elevated-border: rgba(255, 255, 255, .3);--input-elevated-placeholder: #cbd5e1;--hint-text: #c4b5fd;--default-border: #2e2e3a;--hover-green: rgba(45, 212, 191, .12);--expiry-ok-bg: rgba(34, 197, 94, .12);--expiry-warning-bg: rgba(245, 158, 11, .12);--expiry-urgent-bg: rgba(239, 68, 68, .12);--expiry-expired-bg: #262630;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .4);--focus-ring: #6366f1;--focus-shadow: 0 0 0 6px rgba(99, 102, 241, .15);--icon-hover-bg: rgba(255, 255, 255, .08);--icon-button-muted: #9ca3af;--icon-button-hover: #e5e7eb;--danger-ghost-bg: rgba(248, 113, 113, .14);--danger-ghost-bg-strong: rgba(248, 113, 113, .22);--danger-ghost-border: rgba(248, 113, 113, .4);--askbar-bg: #262630;--expiry-safe-bg: rgba(16, 185, 129, .15);--expiry-warning-bg: rgba(245, 158, 11, .15);--expiry-danger-bg: rgba(244, 63, 94, .15);color-scheme:dark}[data-theme=dark] .action-btn.success,[data-theme=dark] .action-btn--success{background:#2dd4bf1f;color:#2dd4bf}@media (min-width: 769px){[data-theme=dark] .header-outer .brand{width:52px;height:52px;border-radius:999px;background:#fff;box-shadow:0 8px 20px #00000047;justify-content:center;padding:4px}[data-theme=dark] .header-outer .brand-logo{height:40px;width:auto}}