*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--primary-glow:#6366f12e;--accent:#818cf8;--accent-2:#a5b4fc;--bg:#f7f7fe;--surface:#fff;--surface-2:#f0f0fc;--text:#1e1b4b;--muted:#6b6b9a;--border:#e0e0f5;--success:#22c55e;--success-bg:#f0fdf4;--success-border:#86efac;--danger:#ef4444;--danger-bg:#fef2f2;--radius:14px;--shadow:0 1px 6px #6366f114;--shadow-md:0 4px 24px #6366f11f;--shadow-lg:0 12px 48px #6366f129;--shadow-glow:0 0 0 3px var(--primary-glow);--cat-indigo:#6366f1;--cat-indigo-bg:#eef2ff;--cat-violet:#7c3aed;--cat-violet-bg:#f5f3ff;--cat-pink:#ec4899;--cat-pink-bg:#fdf2f8;--cat-rose:#f43f5e;--cat-rose-bg:#fff1f2;--cat-sky:#0284c7;--cat-sky-bg:#f0f9ff;--cat-teal:#0d9488;--cat-teal-bg:#f0fdfa;--cat-amber:#d97706;--cat-amber-bg:#fffbeb;--cat-emerald:#059669;--cat-emerald-bg:#ecfdf5}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:400;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.03em;font-weight:800;line-height:1.2}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-in{animation:.3s forwards fadeIn}.animate-up{animation:.4s forwards slideUp}.animate-pop{animation:.22s forwards pop}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--surface-2) 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.chip.selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow);font-weight:600}.tag-chip{background:var(--primary-light);color:var(--primary);text-transform:capitalize;letter-spacing:.01em;border-radius:100px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.cat-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;gap:5px;padding:4px 11px;font-size:.72rem;font-weight:700;display:inline-flex}.cat-badge.date_idea{background:var(--cat-indigo-bg);color:var(--cat-indigo)}.cat-badge.small_gesture{background:var(--cat-sky-bg);color:var(--cat-sky)}.cat-badge.affirmation{background:var(--cat-pink-bg);color:var(--cat-pink)}.cat-badge.conversation{background:var(--cat-teal-bg);color:var(--cat-teal)}.cat-badge.thoughtful_act{background:var(--cat-violet-bg);color:var(--cat-violet)}.cat-badge.surprise{background:var(--cat-rose-bg);color:var(--cat-rose)}.cat-badge.quality_time{background:var(--cat-indigo-bg);color:var(--cat-indigo)}.cat-badge.words_of_affirmation{background:var(--cat-pink-bg);color:var(--cat-pink)}.cat-badge.acts_of_service{background:var(--cat-violet-bg);color:var(--cat-violet)}.cat-badge.physical_touch{background:var(--cat-rose-bg);color:var(--cat-rose)}.cat-badge.receiving_gifts,.cat-badge.gifts{background:var(--cat-sky-bg);color:var(--cat-sky)}.cat-badge.fun{background:var(--cat-amber-bg);color:var(--cat-amber)}.cat-badge.adventure{background:var(--cat-emerald-bg);color:var(--cat-emerald)}.tip-border-date_idea{border-left:4px solid var(--cat-indigo)!important}.tip-border-small_gesture{border-left:4px solid var(--cat-sky)!important}.tip-border-affirmation{border-left:4px solid var(--cat-pink)!important}.tip-border-conversation{border-left:4px solid var(--cat-teal)!important}.tip-border-thoughtful_act{border-left:4px solid var(--cat-violet)!important}.tip-border-surprise{border-left:4px solid var(--cat-rose)!important}.tip-border-quality_time{border-left:4px solid var(--cat-indigo)!important}.tip-border-words_of_affirmation{border-left:4px solid var(--cat-pink)!important}.tip-border-acts_of_service{border-left:4px solid var(--cat-violet)!important}.tip-border-physical_touch{border-left:4px solid var(--cat-rose)!important}.tip-border-receiving_gifts{border-left:4px solid var(--cat-sky)!important}.tip-border-fun{border-left:4px solid var(--cat-amber)!important}.tip-border-adventure{border-left:4px solid var(--cat-emerald)!important}.ll-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;align-items:flex-start;gap:12px;width:100%;padding:16px;transition:all .15s;display:flex}.ll-card:hover{border-color:var(--primary);background:var(--primary-light)}.ll-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-glow)}.ll-card.selected .ll-name{color:var(--primary)}.ll-emoji{flex-shrink:0;font-size:1.5rem;line-height:1}.ll-name{letter-spacing:-.01em;margin-bottom:2px;font-size:.95rem;font-weight:700}.ll-desc{color:var(--muted);font-size:.8rem;line-height:1.5}.progress-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:32px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.btn{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a;transform:translateY(-1px);box-shadow:0 6px 20px #22c55e40}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-light);box-shadow:var(--shadow-glow)}.btn-ghost{color:var(--muted);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text);border-color:var(--muted)}.btn-lg{border-radius:12px;padding:14px 28px;font-size:1rem}.btn-sm{padding:7px 15px;font-size:.825rem}.btn-full{width:100%}.btn-xl{letter-spacing:-.01em;border-radius:14px;width:100%;padding:17px 32px;font-size:1rem;font-weight:700}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.loading-center{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.9rem;display:flex}.top-nav{-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffe0;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.top-nav-brand{color:var(--primary);letter-spacing:-.03em;flex-shrink:0;align-items:center;gap:6px;margin-right:auto;font-size:1rem;font-weight:800;text-decoration:none;display:flex}.top-nav-right{align-items:center;gap:2px;display:flex}.top-nav-link{color:var(--muted);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.top-nav-link.active{color:var(--primary);background:var(--primary-light);font-weight:700}.top-nav-username{color:var(--muted);margin-left:8px;font-size:.82rem;font-weight:500}.top-nav-logout{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;margin-left:8px;padding:6px 12px;font-family:inherit;font-size:.825rem;font-weight:500;transition:all .15s}.top-nav-logout:hover{background:var(--surface-2);color:var(--text)}.bottom-nav{-webkit-backdrop-filter:saturate(180%)blur(24px);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff0;border-top:1px solid #00000012;flex-direction:row;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #6366f112}.bottom-nav-item{color:var(--muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:6px 4px;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-icon-bg{border-radius:14px;justify-content:center;align-items:center;width:48px;height:28px;margin-bottom:1px;transition:background .2s;display:flex}.bottom-nav-item.active .bottom-nav-icon-bg{background:var(--primary-light)}.bottom-nav-icon{font-size:1.2rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:block}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.15)}.bottom-nav-label{letter-spacing:.01em;font-size:.6rem;font-weight:700;line-height:1}@media (width<=720px){.bottom-nav{display:flex}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.top-nav-link,.top-nav-username{display:none}.btn-xl{padding:15px 20px;font-size:.95rem}.dashboard-layout{flex-direction:column!important;gap:16px!important}.dashboard-sidebar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-flow:row!important;gap:12px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.dashboard-sidebar::-webkit-scrollbar{display:none}.dashboard-sidebar>*{flex:none!important;width:172px!important;min-width:172px!important}.upgrade-grid{grid-template-columns:1fr!important}}@media (width<=540px){body{font-size:14px}.top-nav{padding:0 16px}.bottom-nav-label{font-size:.58rem}}