.navbar{position:sticky;top:0;z-index:100;background:var(--bg-nav);box-shadow:var(--shadow-md)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem}.navbar-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#f5e6d3!important;letter-spacing:.02em}.navbar-links{display:flex;align-items:center;gap:.25rem;list-style:none}.navbar-links a,.navbar-links button{color:#c4b5a4;font-size:.9rem;padding:.4rem .75rem;border-radius:var(--radius);transition:color .2s,background .2s}.navbar-links a:hover,.navbar-links a.active{color:#f5e6d3;background:#f5e6d31a}.navbar-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.navbar-toggle span{display:block;width:22px;height:2px;background:#c4b5a4;border-radius:2px}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-nav);padding:.5rem 1rem 1rem;box-shadow:var(--shadow-lg)}.navbar-links.open{display:flex}.navbar-links a,.navbar-links button{width:100%;text-align:left;padding:.6rem .75rem}}:root{--bg-primary: #FAF6F1;--bg-card: #FFFFFF;--bg-nav: #2C2418;--text-primary: #2C2418;--text-secondary: #6B5E4F;--text-muted: #9E9284;--accent: #8B4513;--accent-hover: #A0522D;--accent-light: #D2B48C33;--border: #E8E0D6;--success: #4A7C59;--danger: #A0413A;--info: #4A6B8A;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--radius: 6px;--shadow-sm: 0 1px 3px rgba(44, 36, 24, .06);--shadow-md: 0 4px 12px rgba(44, 36, 24, .08);--shadow-lg: 0 8px 30px rgba(44, 36, 24, .12);--max-width: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:2.4rem}h2{font-size:1.85rem}h3{font-size:1.45rem}h4{font-size:1.15rem}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.page{padding:2rem 0 4rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--accent);padding:.4rem .8rem}.btn-ghost:hover{background:var(--accent-light)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem}.form-input{width:100%;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:.95rem;background:var(--bg-card);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.5rem}.gap-2{gap:1rem}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}blockquote{font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:var(--text-secondary);border-left:3px solid var(--accent);padding:.8rem 1.2rem;margin:1rem 0;background:var(--accent-light);border-radius:0 var(--radius) var(--radius) 0}@media (max-width: 640px){h1{font-size:1.8rem}h2{font-size:1.5rem}.container{padding:0 1rem}}