.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-card-wrapper{position:relative}.favor-card-wrapper[data-rating]::after{content:attr(data-rating-display);position:absolute;top:.5rem;right:.5rem;z-index:2;padding:.25rem .5rem;font-size:.75rem;font-weight:700;color:#fff;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:.375rem;font-variant-numeric:tabular-nums}.dark .favor-card-wrapper[data-rating]::after{background:rgba(0,0,0,.85)}.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}.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}.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 strong{font-weight:700}.favor-md em{font-style:italic}.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;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}