.quote-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--ease-normal);break-inside:avoid;flex-direction:column;gap:1.125rem;margin-bottom:1.25rem;padding:1.75rem 1.5rem 1.25rem;animation:.5s ease-out both fadeSlideUp;display:flex;position:relative;overflow:hidden}.quote-card:before{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--gold-dim) 0%, transparent 60%);opacity:0;transition:opacity var(--ease-normal);pointer-events:none;position:absolute;inset:0}.quote-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-hover);background:var(--bg-card-hover);transform:translateY(-4px)scale(1.01)}.quote-card:hover:before{opacity:1}.quote-mark{color:var(--gold);opacity:.18;pointer-events:none;transition:opacity var(--ease-normal);-webkit-user-select:none;user-select:none;font-family:DM Serif Display,serif;font-size:5rem;line-height:.7;position:absolute;top:1rem;right:1.125rem}.quote-card:hover .quote-mark{opacity:.28}.quote-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--violet);background:var(--violet-dim);border:1px solid #8b7cf633;border-radius:100px;align-items:center;gap:.25rem;width:fit-content;padding:.2rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.quote-badges{z-index:1;flex-wrap:wrap;gap:.375rem;margin-top:-.5rem;display:flex;position:relative}.badge{letter-spacing:.05em;border-radius:100px;align-items:center;width:fit-content;padding:.2rem .625rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;display:inline-flex}.badge-category{color:var(--gold);background:var(--gold-dim);border:1px solid var(--border-gold)}.badge-tag{color:var(--violet);background:var(--violet-dim);border:1px solid #8b7cf633}.quote-body{color:var(--text-primary);z-index:1;font-family:Playfair Display,serif;font-size:1.0625rem;font-weight:400;line-height:1.7;position:relative}.quote-bodyLong{font-size:.9375rem}.quote-author-row{align-items:center;gap:.625rem;margin-top:.25rem;display:flex}.quote-author-avatar{background:var(--gradient-gold);color:#1a1100;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:700;display:flex;overflow:hidden}.quote-author-avatar img{object-fit:cover;width:100%;height:100%}.quote-author-info{min-width:0}.quote-author-name{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;display:block;overflow:hidden}.quote-author-source{color:var(--text-muted);font-size:.7rem;font-style:italic;display:block}.card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.875rem;display:flex}.card-actions{align-items:center;gap:.125rem;display:flex}.card-action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--ease-fast);background:0 0;border:none;align-items:center;gap:.3rem;padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;line-height:1;display:flex}.card-action-btn svg{stroke-width:2px;width:15px;height:15px;transition:transform var(--ease-spring);flex-shrink:0}.card-action-btn:hover{color:var(--text-primary);background:#f0ead60d}.card-action-btn:hover svg{transform:scale(1.15)}.liked{color:#f87171}.liked svg{fill:#f87171}.saved{color:var(--gold)}.saved svg{fill:var(--gold)}.card-more-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--ease-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.card-more-btn:hover,.card-more-btnActive{color:var(--text-secondary);background:#f0ead612}.card-menu-wrapper{position:relative}.card-dropdown{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:var(--radius-md);z-index:300;min-width:180px;animation:.18s cubic-bezier(.4,0,.2,1) dropdownIn;position:absolute;bottom:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 16px 40px #0009,0 2px 8px #0000004d}.cardDropdown button{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--ease-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:Inter,sans-serif;font-size:.8125rem;display:flex}.cardDropdown button:hover{color:var(--text-primary);background:#f0ead60d}.cardDropdown button.danger{color:#ef4444}.cardDropdown button.danger:hover{background:#ef44441a}.notifications-container{display:inline-block;position:relative}.nav-btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:relative}.nav-btn-icon:hover{color:var(--text-primary)}.notifications-badge{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notifications-dropdown{background-color:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:.75rem;width:320px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.notifications-header{border-bottom:1px solid var(--border);padding:1rem}.notifications-header h3{margin:0;font-size:1rem}.notifications-list{max-height:400px;overflow-y:auto}.notifications-empty{text-align:center;color:var(--text-tertiary);padding:2rem;font-size:.875rem}.notification-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:1rem;transition:background-color .2s;display:flex}.notification-item:hover{background-color:#00000005}.notification-item.unread{background-color:#6366f10d}.notification-icon{font-size:1.25rem}.notification-content p{color:var(--text-primary);margin:0 0 .25rem;font-size:.875rem}.notification-content small{color:var(--text-tertiary);font-size:.75rem}.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.onboarding-modal{background-color:var(--bg-card);border-radius:1rem;width:100%;max-width:500px;animation:.3s cubic-bezier(.16,1,.3,1) modalEnter;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.onboarding-header{text-align:center;padding:2rem 2rem 1rem}.onboarding-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.onboarding-header p{color:var(--text-secondary);margin:0;font-size:.875rem}.onboarding-body{padding:0 2rem}.onboarding-categories{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.category-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.category-pill:hover{border-color:var(--primary);color:var(--primary)}.category-pill.selected{background-color:var(--primary);border-color:var(--primary);color:#fff}.onboarding-footer{padding:1.5rem 2rem 2rem}.onboarding-footer .btn-submit{width:100%}.profile-dropdown-container{display:inline-block;position:relative}.user-chip-btn{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:2rem;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.user-chip-btn:hover{background-color:var(--bg-base);border-color:var(--text-tertiary)}.profile-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:.75rem;width:240px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.profile-dropdown-header{border-bottom:1px solid var(--border);flex-direction:column;padding:1rem;display:flex}.profile-dropdown-header strong{color:var(--text-primary);font-size:.875rem}.profile-dropdown-header span{color:var(--text-secondary);margin-top:.125rem;font-size:.75rem}.profile-dropdown-list{padding:.5rem 0}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:#00000008}.dropdown-item.danger:hover{background-color:#ef44440d}.dropdown-divider{background-color:var(--border);height:1px;margin:.5rem 0}.app-footer{border-top:1px solid var(--border);background-color:var(--bg-card);margin-top:4rem;padding:3rem 0}.footer-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--brand-primary)}.footer-copy{color:var(--text-tertiary);font-size:.875rem}:root{--bg-primary:#0d0d14;--bg-secondary:#13131f;--bg-card:#16162a;--bg-card-hover:#1c1c35;--bg-glass:#0d0d14d1;--bg-modal:#1a1a2e;--bg-input:#0f0f1c;--text-primary:#f0ead6;--text-secondary:#a89e84;--text-muted:#5c5448;--text-inverse:#0d0d14;--gold:#d4a853;--gold-light:#f0c97a;--gold-dim:#d4a85326;--gold-glow:0 0 30px #d4a85326;--violet:#8b7cf6;--violet-dim:#8b7cf61f;--gradient-gold:linear-gradient(135deg, #d4a853 0%, #f0c97a 50%, #c49a40 100%);--gradient-hero:linear-gradient(135deg, #d4a853 0%, #8b7cf6 100%);--border-subtle:#f0ead60f;--border-card:#f0ead614;--border-gold:#d4a8534d;--border-focus:#d4a85399;--shadow-card:0 4px 24px #0006, 0 1px 4px #0000004d;--shadow-hover:0 12px 40px #0009, 0 4px 16px #0000004d, var(--gold-glow);--shadow-modal:0 30px 80px #000c;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:2rem;--ease-fast:.15s cubic-bezier(.4, 0, .2, 1);--ease-normal:.28s cubic-bezier(.4, 0, .2, 1);--ease-spring:.4s cubic-bezier(.175, .885, .32, 1.275)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}.font-serif{font-family:Playfair Display,Georgia,serif}.font-serif-dm{font-family:DM Serif Display,Georgia,serif}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}.container{width:100%;max-width:1380px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}@media (width<=480px){.container{padding:0 1rem}}.navbar{z-index:200;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--border-subtle);transition:box-shadow var(--ease-normal);padding:0;position:sticky;top:0}.navbar.scrolled{box-shadow:0 4px 30px #00000080}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;height:64px;display:flex}.logo{background:var(--gradient-gold);-webkit-text-fill-color:transparent;letter-spacing:-.01em;transition:opacity var(--ease-fast);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-family:DM Serif Display,serif;font-size:1.5rem;font-weight:400;text-decoration:none}.logo:hover{opacity:.85}.navbar-search{flex:1;align-items:center;max-width:440px;display:flex;position:relative}.navbar-search-icon{color:var(--text-muted);pointer-events:none;width:16px;height:16px;position:absolute;left:.875rem}.navbar-search input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);transition:all var(--ease-fast);background:#f0ead60d;border-radius:100px;outline:none;padding:.5rem 1rem .5rem 2.5rem;font-family:Inter,sans-serif;font-size:.875rem}.navbar-search input::placeholder{color:var(--text-muted)}.navbar-search input:focus{border-color:var(--border-gold);background:#d4a8530d}.navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.nav-btn-ghost{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--ease-fast), background var(--ease-fast);white-space:nowrap;background:0 0;border:none;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.nav-btn-ghost:hover{color:var(--text-primary);background:#f0ead60d}.nav-btn-primary{background:var(--gradient-gold);color:#1a1100;cursor:pointer;transition:opacity var(--ease-fast), transform var(--ease-fast), box-shadow var(--ease-fast);white-space:nowrap;border:none;border-radius:100px;padding:.5rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;box-shadow:0 2px 12px #d4a85340}.nav-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #d4a85366}.nav-btn-outline{border:1px solid var(--border-card);color:var(--text-primary);cursor:pointer;transition:all var(--ease-fast);white-space:nowrap;background:0 0;border-radius:100px;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.nav-btn-outline:hover{border-color:var(--border-gold);color:var(--gold)}.user-chip{background:var(--gold-dim);border:1px solid var(--border-gold);color:var(--gold);border-radius:100px;align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .375rem;font-size:.8125rem;font-weight:500;display:flex}.user-chip-avatar{background:var(--gradient-gold);color:#1a1100;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;font-weight:700;display:flex}@media (width<=768px){.navbar-inner{flex-wrap:wrap;gap:.75rem;height:auto;padding-top:.75rem;padding-bottom:.75rem}.navbar-search{order:3;width:100%;max-width:100%;margin-top:.25rem}.navbar-actions{gap:.5rem}.nav-btn-primary,.nav-btn-ghost,.nav-btn-outline{padding:.4rem .8rem;font-size:.8125rem}}@media (width<=480px){.logo{font-size:1.25rem}}.hero{text-align:center;padding:5rem 0 4rem;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute}.hero:before{background:radial-gradient(#d4a85312 0%,#0000 70%);width:600px;height:400px;top:-100px;left:50%;transform:translate(-50%)}.hero:after{background:radial-gradient(#8b7cf60f 0%,#0000 70%);width:400px;height:300px;animation-delay:4s;bottom:0;right:5%}@keyframes pulse-glow{0%{opacity:.6;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.hero-eyebrow{background:var(--gold-dim);border:1px solid var(--border-gold);color:var(--gold);letter-spacing:.12em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;animation:.6s ease-out both fadeSlideUp;display:inline-flex}.hero-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.25rem;font-family:DM Serif Display,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:400;line-height:1.1;animation:.6s ease-out .1s both fadeSlideUp}.hero-title .gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-sub{color:var(--text-secondary);max-width:520px;margin:0 auto 2.25rem;font-size:1.0625rem;line-height:1.75;animation:.6s ease-out .2s both fadeSlideUp}.hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;animation:.6s ease-out .3s both fadeSlideUp;display:flex}.btn-hero-primary{background:var(--gradient-gold);color:#1a1100;cursor:pointer;transition:all var(--ease-normal);border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 24px #d4a8534d}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #d4a85373}.btn-hero-secondary{border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;transition:all var(--ease-normal);background:0 0;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-hero-secondary:hover{border-color:var(--border-gold);color:var(--text-primary)}.hero-stats{border-top:1px solid var(--border-subtle);justify-content:center;gap:2.5rem;margin-top:3rem;padding-top:2.5rem;animation:.6s ease-out .4s both fadeSlideUp;display:flex}.stat-item{text-align:center}.stat-number{color:var(--gold);font-family:DM Serif Display,serif;font-size:1.75rem;display:block}.stat-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem}@media (width<=768px){.hero-title{font-size:clamp(2rem,8vw,2.5rem)}.hero-eyebrow{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:.35rem .75rem;font-size:.65rem;overflow:hidden}.hero-stats{flex-wrap:wrap;gap:1.5rem}}@media (width<=480px){.hero-cta-row{flex-direction:column;gap:.75rem}.btn-hero-primary,.btn-hero-secondary{justify-content:center;width:100%}}.section-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.section-title{color:var(--text-primary);font-family:DM Serif Display,serif;font-size:1.5rem;font-weight:400}.filter-tabs{border:1px solid var(--border-subtle);background:#f0ead60a;border-radius:100px;gap:.375rem;padding:.25rem;display:flex}.filter-tab{color:var(--text-muted);cursor:pointer;transition:all var(--ease-fast);background:0 0;border:none;border-radius:100px;padding:.375rem 1rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}.filter-tab:hover{color:var(--text-secondary)}.filter-tab.active{background:var(--gradient-gold);color:#1a1100;font-weight:600}.header-filters{align-items:center;gap:.5rem;display:flex}.header-select{border:1px solid var(--border-subtle);color:var(--text-primary);appearance:none;cursor:pointer;transition:all var(--ease-fast);background:#f0ead60a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right .75rem center/14px no-repeat;border-radius:100px;padding:.375rem 2rem .375rem 1rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}.header-select:hover{border-color:var(--border-gold)}.header-select option{background:var(--bg-card);color:var(--text-primary)}.masonry-grid{columns:4;column-gap:1.25rem;padding-bottom:5rem}@media (width<=1280px){.masonry-grid{columns:3}}@media (width<=900px){.masonry-grid{columns:2}}@media (width<=560px){.masonry-grid{columns:1}}.dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--ease-fast);background:0 0;border:none;align-items:center;gap:.625rem;padding:.625rem 1rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;display:flex}.dropdown-item svg{flex-shrink:0}.dropdown-item:hover{color:var(--text-primary);background:#f0ead60d}.dropdown-item.danger{color:#f87171}.dropdown-item.danger:hover{color:#fca5a5;background:#f8717114}.dropdown-divider{background:var(--border-subtle);height:1px;margin:.25rem 0}.dropdown-confirm{padding:.75rem 1rem}.dropdown-confirm>span{color:var(--text-secondary);margin-bottom:.625rem;font-size:.8rem;font-style:italic;display:block}.dropdown-confirm-actions{gap:.5rem;display:flex}.dropdown-confirm-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease-fast);border:1px solid;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .5rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:flex}.dropdown-confirm-btn.confirm{color:#f87171;background:#f871711f;border-color:#f871714d}.dropdown-confirm-btn.confirm:hover{background:#f8717133}.dropdown-confirm-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.dropdown-confirm-btn.cancel{border-color:var(--border-card);color:var(--text-muted);background:#f0ead60d}.dropdown-confirm-btn.cancel:hover{color:var(--text-secondary)}.toast{z-index:9999;background:var(--bg-modal);border:1px solid var(--border-card);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal), var(--gold-glow);align-items:center;gap:.75rem;max-width:320px;padding:.875rem 1.25rem;font-size:.9rem;font-weight:500;animation:.4s cubic-bezier(.175,.885,.32,1.275) toastIn;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-icon{background:var(--gradient-gold);color:#1a1100;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.toast-success .toast-icon{background:var(--gradient-gold);color:#1a1100}.toast-info .toast-icon{color:#fff;background:linear-gradient(135deg,#8b7cf6,#6d5fd4)}.toast-error .toast-icon{color:#fff;background:linear-gradient(135deg,#f87171,#ef4444)}.toast-info{border-color:#8b7cf640}.toast-error{border-color:#f8717140}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.toast{max-width:unset;left:1rem;right:1rem}}.skeleton-shimmer{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 0%,#ffffff12 50%,#ffffff08 100%) 0 0/300% 100%;animation:1.8s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quote-card-skeleton{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);break-inside:avoid;flex-direction:column;gap:.875rem;margin-bottom:1.25rem;padding:1.75rem 1.5rem 1.25rem;display:flex}.sk-line{border-radius:var(--radius-sm);height:.875rem}.sk-circle{border-radius:50%;flex-shrink:0;width:30px;height:30px}.empty-state{column-span:all;text-align:center;color:var(--text-muted);padding:5rem 2rem}.empty-state-icon{color:var(--gold);opacity:.2;margin-bottom:1.25rem;font-family:DM Serif Display,serif;font-size:5rem;line-height:1;display:block}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:400}.quote-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9}.quote-modal{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-xl);max-width:640px;box-shadow:var(--shadow-modal);animation:.3s cubic-bezier(.175,.885,.32,1.275) modalIn;position:relative}.modal-close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--ease-fast);z-index:10;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.standalone-quote-page{max-width:800px;margin:0 auto;padding-top:4rem;padding-bottom:4rem}.back-btn{color:var(--text-muted);cursor:pointer;transition:color var(--ease-fast);background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:.875rem;display:inline-flex}.back-btn:hover{color:var(--gold)}.quote-detail-content{flex-direction:column;gap:2rem;padding:3rem 2.5rem;display:flex}.quote-detail-body{text-align:center;position:relative}.quote-mark.large{text-align:center;opacity:.15;margin-bottom:-1rem;font-size:6rem;line-height:1;display:block;position:relative;top:auto;right:auto}.quote-detail-body h2{color:var(--text-primary);font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400;line-height:1.6}.quote-detail-meta{text-align:center;border-top:1px solid var(--border-subtle);padding-top:2rem}.quote-detail-meta .author-name{color:var(--gold);margin-bottom:.25rem;font-family:DM Serif Display,serif;font-size:1.5rem;display:block}.quote-detail-meta .author-source{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.875rem;font-style:italic}.quote-detail-actions{justify-content:center;gap:1.5rem;display:flex}.detail-action-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--ease-fast);background:#ffffff08;border-radius:100px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:Inter,sans-serif;font-size:.9375rem;display:flex}.detail-action-btn:hover{border-color:var(--border-card);color:var(--text-primary);background:#ffffff0f}.detail-action-btn.liked{color:#f87171;border-color:#f871714d}.detail-action-btn.saved{color:var(--gold);border-color:#d4a8534d}.quote-detail-loading,.quote-detail-error{text-align:center;color:var(--text-muted);padding:4rem 0}.quote-detail-error{color:#f87171;flex-direction:column;align-items:center;gap:1rem;display:flex}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-modal);animation:.3s cubic-bezier(.175,.885,.32,1.275) modalIn;position:relative;overflow:hidden}.modal.wide{max-width:540px}.modal:before{content:"";background:var(--gradient-gold);height:2px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid var(--border-subtle);padding:1.75rem 2rem 1.25rem}.modal-title{color:var(--text-primary);margin-bottom:.25rem;font-family:DM Serif Display,serif;font-size:1.5rem;font-weight:400}.modal-subtitle{color:var(--text-muted);font-size:.875rem}.modal-body{padding:1.5rem 2rem}.modal-footer{justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 2rem 1.75rem;display:flex}.form-group{margin-bottom:1.125rem}.form-label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.form-input,.form-textarea{background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--ease-fast);outline:none;padding:.6875rem .875rem;font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.5}.form-textarea{resize:vertical;min-height:120px;font-family:Playfair Display,serif;font-size:1rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--border-focus);background:#d4a8530a;box-shadow:0 0 0 3px #d4a85314}.btn-cancel{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--ease-fast);background:0 0;border:none;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.9rem}.btn-cancel:hover{color:var(--text-secondary)}.btn-submit{background:var(--gradient-gold);color:#1a1100;cursor:pointer;transition:all var(--ease-normal);border:none;border-radius:100px;padding:.625rem 1.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;box-shadow:0 2px 12px #d4a85340}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #d4a85366}.btn-submit:disabled{opacity:.45;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-muted);padding:.5rem 0 0;font-size:.875rem}.auth-switch button{color:var(--gold);cursor:pointer;transition:color var(--ease-fast);background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.auth-switch button:hover{color:var(--gold-light)}.form-alert{border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem .875rem;font-size:.875rem;display:flex}.form-alert.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.modal{border-radius:var(--radius-lg)}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-body{padding:1.25rem 1.5rem}.modal-footer{padding:1rem 1.5rem 1.5rem}}.loading-fallback{color:var(--text-muted);justify-content:center;padding:4rem;display:flex}.alert-icon{vertical-align:middle;margin-right:.5rem;display:inline}.filters-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.empty-state-text{font-size:.875rem}.load-more-container{justify-content:center;margin-top:3rem;display:flex}.btn-load-more{padding:.75rem 2rem}.form-group-mb0{margin-bottom:0!important}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.error-banner{border-radius:var(--radius-md);color:#fca5a5;text-align:center;background:#ef444414;border:1px solid #ef444433;margin-bottom:2rem;padding:.875rem 1.25rem;font-size:.9rem}.site-footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.8125rem}.site-footer span{color:var(--gold);opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4a85333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4a85366}::selection{color:var(--gold-light);background:#d4a85333}.cold-start-banner{background-color:var(--gold);color:#000;z-index:1000;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;animation:.3s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #d4a85333}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.spin{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}