.favor-page{--color-movie-a:#ec4899;--color-movie-b:#8b5cf6;--color-book-a:#f59e0b;--color-book-b:#ef4444;--color-trip-a:#06b6d4;--color-trip-b:#3b82f6}.favor-filter{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(250,250,250,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,8%)}.dark .favor-filter{background:rgba(23,23,23,.85);border-bottom-color:rgba(255,255,255,8%)}.favor-filter-btn{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:0;cursor:pointer;background:rgba(0,0,0,6%);color:#505050;transition:all .2s}.dark .favor-filter-btn{background:rgba(255,255,255,8%);color:#c8c8c8}.favor-filter-btn:hover{background:rgba(0,0,0,.1)}.dark .favor-filter-btn:hover{background:rgba(255,255,255,.14)}.favor-filter-btn.active{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark .favor-filter-btn.active{background:#262626;color:#fff}.favor-filter-btn .count{margin-left:.25rem;opacity:.6}.favor-filter-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.favor-sort-select{padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;border:0;cursor:pointer;background:rgba(0,0,0,6%);color:#505050}.dark .favor-sort-select{background:rgba(255,255,255,8%);color:#c8c8c8}.favor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;max-width:72rem;margin:0 auto;padding:1.5rem 1rem}.favor-card{position:relative;background:#fff;border-radius:.75rem;overflow:hidden;border:1px solid rgba(0,0,0,8%);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .favor-card{background:#262626;border-color:rgba(255,255,255,8%)}.favor-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(0,0,0,.15)}.dark .favor-card:hover{box-shadow:0 12px 24px -8px rgba(0,0,0,.5)}.favor-card-cover{position:relative;height:10rem;background:linear-gradient(135deg,#d4d4d4,#737373);overflow:hidden}.dark .favor-card-cover{background:linear-gradient(135deg,#404040,#171717)}.favor-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.favor-card:hover .favor-card-cover img{transform:scale(1.05)}.favor-type-tag{position:absolute;top:0;left:0;padding:.25rem .75rem;font-size:.75rem;font-weight:700;color:#fff;border-bottom-right-radius:.5rem;z-index:1}.favor-type-movie{background:linear-gradient(135deg,var(--color-movie-a),var(--color-movie-b))}.favor-type-book{background:linear-gradient(135deg,var(--color-book-a),var(--color-book-b))}.favor-type-trip{background:linear-gradient(135deg,var(--color-trip-a),var(--color-trip-b))}.favor-card-rating{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;color:#fff;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);border-radius:.375rem;font-variant-numeric:tabular-nums;z-index:1}.favor-card-body{padding:1rem}.favor-card-title{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favor-card-subtitle{font-size:.875rem;color:#787878;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favor-card-note{font-size:.875rem;color:#3c3c3c;line-height:1.6;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .favor-card-note{color:#dcdcdc}.favor-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:rgba(120,120,120,.85)}.favor-empty{max-width:28rem;margin:0 auto;text-align:center;padding:4rem 1rem;color:#787878}.favor-empty-icon{font-size:3rem;opacity:.3;margin-bottom:.75rem}.favor-modal-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:0;opacity:0;pointer-events:none;transition:opacity .25s ease}@media(min-width:640px){.favor-modal-overlay{align-items:center;padding:1rem}}.favor-modal-overlay.open{opacity:1;pointer-events:auto}.favor-modal-panel{background:#fff;width:100%;max-width:48rem;max-height:100vh;border-radius:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateY(1.25rem)scale(.97);transition:transform .3s cubic-bezier(.4,0,.2,1)}.dark .favor-modal-panel{background:#171717}@media(min-width:640px){.favor-modal-panel{max-height:90vh;border-radius:1rem}}.favor-modal-overlay.open .favor-modal-panel{transform:translateY(0)scale(1)}.favor-modal-hero{position:relative;height:14rem;background:linear-gradient(135deg,#d4d4d4,#737373);overflow:hidden;flex-shrink:0}.dark .favor-modal-hero{background:linear-gradient(135deg,#404040,#171717)}@media(min-width:640px){.favor-modal-hero{height:18rem}}.favor-modal-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.favor-modal-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.2),transparent)}.favor-modal-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border-radius:9999px;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);color:#fff;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.favor-modal-close:hover{background:rgba(0,0,0,.6)}.favor-modal-hero-text{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:#fff}.favor-modal-hero-text h2{font-size:clamp(1.5rem,4vw,1.875rem);font-weight:800;margin:0 0 .25rem;line-height:1.2}.favor-modal-hero-text p{font-size:.95rem;color:rgba(255,255,255,.85);margin:0}.favor-modal-meta{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,8%);flex-shrink:0}.dark .favor-modal-meta{border-bottom-color:rgba(255,255,255,8%)}.favor-modal-meta dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;font-size:.875rem;margin:0}@media(min-width:640px){.favor-modal-meta dl{grid-template-columns:repeat(4,1fr)}}.favor-modal-meta dt{font-size:.75rem;color:#787878;margin:0 0 .125rem}.favor-modal-meta dd{margin:0;font-weight:500}.favor-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.favor-modal-body::-webkit-scrollbar{width:8px}.favor-modal-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}.dark .favor-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}.favor-md{line-height:1.7;color:#282828}.dark .favor-md{color:#dcdcdc}.favor-md p{margin:.75rem 0}.favor-md h2{font-size:1.25rem;font-weight:700;margin:1.5rem 0 .5rem}.favor-md h3{font-size:1.125rem;font-weight:700;margin:1.25rem 0 .5rem}.favor-md ul{padding-left:1.5rem;list-style:disc;margin:.75rem 0}.favor-md li{margin:.25rem 0}.favor-md blockquote{border-left:3px solid #a3a3a3;padding-left:1rem;color:#666;margin:1rem 0;font-style:italic}.dark .favor-md blockquote{border-color:#525252;color:#aaa}.favor-md code{background:rgba(0,0,0,6%);padding:.1rem .35rem;border-radius:4px;font-size:.9em}.dark .favor-md code{background:rgba(255,255,255,.1)}.favor-md a{color:#2563eb;text-decoration:underline}.dark .favor-md a{color:#60a5fa}.favor-md strong{font-weight:700;color:currentColor}.favor-md em{font-style:italic}.favor-modal-nav{padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,8%);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;background:rgba(0,0,0,2%)}.dark .favor-modal-nav{border-top-color:rgba(255,255,255,8%);background:rgba(255,255,255,4%)}.favor-modal-nav button{font-size:.875rem;color:#505050;background:0 0;border:0;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s}.dark .favor-modal-nav button{color:#c8c8c8}.favor-modal-nav button:hover:not(:disabled){color:#111;background:rgba(0,0,0,5%)}.dark .favor-modal-nav button:hover:not(:disabled){color:#fff;background:rgba(255,255,255,8%)}.favor-modal-nav button:disabled{opacity:.3;cursor:not-allowed}.favor-modal-nav span{font-size:.75rem;color:#787878;font-variant-numeric:tabular-nums}