:root{--color-bg-primary: #fcfaf7;--color-bg-secondary: #f2efe9;--color-bg-sidebar: #ffffff;--color-text-primary: #1b1f23;--color-text-secondary: #4a4d51;--color-text-muted: #8d9196;--color-accent: #5b21b6;--color-accent-soft: rgba(91, 33, 182, .06);--color-highlight: #f59e0b;--color-highlight-soft: rgba(245, 158, 11, .1);--color-love: #e11d48;--color-border: #e2e4e7;--color-temp-birthday: #fefae0;--color-temp-birthday-ink: #b45309;--color-temp-anniversary: #fff1f2;--color-temp-anniversary-ink: #be123c;--color-temp-corporate: #f0f9ff;--color-temp-corporate-ink: #0369a1;--color-temp-congrats: #f5f3ff;--color-temp-congrats-ink: #6d28d9;--color-temp-getwell: #f0fdf4;--color-temp-getwell-ink: #15803d;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}body{margin:0;padding:0;background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.font-modern{font-family:Plus Jakarta Sans,sans-serif}.font-display{font-family:Bricolage Grotesque,sans-serif}button{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}button:active{transform:scale(.95)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.sidebar-container{width:280px;height:100vh;position:fixed;left:0;top:0;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);padding:2rem 1.5rem;z-index:50}.main-content{margin-left:280px;min-height:100vh;padding:2rem}.animate-squish{transition:transform .2s cubic-bezier(.4,0,.2,1)}.animate-squish:active{transform:scale(.95)}@keyframes fadeInApp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInApp .4s ease-out forwards}button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 4px var(--color-accent-soft)}a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}*:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@supports (padding: max(0px)){nav{padding-bottom:max(0px,env(safe-area-inset-bottom))}}