@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{--primary:#1a1a1a;--accent:#d4a373;--accent-dark:#a98467;--bg-primary:#faf9f6;--bg-secondary:#f3f2ee;--text-main:#2c2c2c;--text-muted:#666;--white:#fff;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 20px #00000014;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,.font-serif{color:var(--primary);font-family:Playfair Display,serif;font-weight:700}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.container{max-width:600px;padding:0 var(--space-md);margin:0 auto}.glass{background:#fffffff2;border:1px solid #0000000d}.btn-primary{background-color:var(--primary);color:var(--white);border-radius:var(--radius-sm);padding:.8rem 1.5rem;font-weight:600}.sticky-top{z-index:10;background:var(--bg-primary);border-bottom:1px solid #0000000d;position:sticky;top:0}.category-header{padding:var(--space-lg) var(--space-md) var(--space-sm) var(--space-md);font-family:var(--font-serif);color:var(--primary);border-left:4px solid var(--accent);margin-bottom:var(--space-md);background:linear-gradient(90deg,#a67c520d,#0000);font-size:1.5rem}.modal-backdrop{z-index:100;padding:var(--space-md);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.back-to-top{background:var(--primary);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #0003}.btn-primary:hover{background-color:#333;transform:translateY(-2px)}.card{background:var(--white);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s ease-out forwards fadeIn}