:root{--bg-primary:#0a0908;--bg-secondary:#1a1815;--text-primary:#f4f0e8;--text-secondary:#a89f91;--accent:#d4a574;--accent-glow:#e8c9a8;--highlight:#c9a227;--positive:#4a9c6d;--negative:#9c4a4a}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.loading,body{font-family:Crimson Pro,Georgia,serif}.loading{font-size:1.5rem;color:var(--text-secondary);letter-spacing:.2em}.background-pattern{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.background-pattern:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 80% 50% at 20% 40%,hsla(31,53%,64%,.08) 0,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 60%,rgba(201,162,39,.05) 0,transparent 50%);animation:drift 30s ease-in-out infinite}.background-pattern:after{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(40,35%,93%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(40,35%,93%,.02) 1px,transparent 0);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000,transparent)}@keyframes drift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(2%,1%) rotate(1deg)}66%{transform:translate(-1%,2%) rotate(-.5deg)}}.container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.hero{text-align:center;max-width:1000px;width:100%}.compliment,.hero{cursor:pointer;-webkit-tap-highlight-color:transparent}.compliment{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:clamp(1.8rem,5vw,4rem);line-height:1.2;letter-spacing:-.01em;min-height:3em;display:flex;align-items:center;justify-content:center;padding:0 1rem;color:var(--accent);text-shadow:0 0 60px hsla(31,53%,64%,.4),0 0 120px hsla(31,53%,64%,.2);transition:opacity .4s ease,transform .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compliment:hover{text-shadow:0 0 80px hsla(31,53%,64%,.6),0 0 150px hsla(31,53%,64%,.3)}.compliment:active{transform:scale(.98)}.compliment.fade-in{opacity:1;transform:translateY(0) scale(1)}.compliment.fade-out{opacity:0;transform:translateY(-20px) scale(.98)}.compliment.paused{color:var(--highlight);text-shadow:0 0 80px rgba(201,162,39,.5),0 0 150px rgba(201,162,39,.25)}.rating-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rate-button{font-family:Crimson Pro,Georgia,serif;font-size:.9rem;padding:.6rem 1.5rem;border:1px solid;border-radius:2rem;background:transparent;cursor:pointer;transition:all .2s ease;letter-spacing:.1em;text-transform:lowercase}.rate-button.positive{color:var(--positive);border-color:var(--positive)}.rate-button.positive:hover:not(:disabled){background:var(--positive);color:var(--bg-primary)}.rate-button.positive.already-favorited{opacity:.5;cursor:default}.rate-button.negative{color:var(--negative);border-color:var(--negative)}.rate-button.negative:hover{background:var(--negative);color:var(--bg-primary)}.divider{width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:2rem auto}.subtitle{font-weight:300;font-size:clamp(1.1rem,2.5vw,1.5rem);letter-spacing:.15em;text-transform:lowercase}.counter,.subtitle{font-family:Crimson Pro,Georgia,serif;color:var(--text-secondary)}.counter{margin-top:2rem;font-size:.875rem;opacity:.5;letter-spacing:.2em}.paused-indicator{color:var(--highlight);opacity:1}.blocked-count{color:var(--negative);opacity:.7}.tap-hint{margin-top:1rem;font-family:Crimson Pro,Georgia,serif;font-size:.75rem;color:var(--text-secondary);opacity:.3;letter-spacing:.15em;text-transform:lowercase;transition:opacity .3s ease}.hero:hover .tap-hint{opacity:.6}.favorites-toggle{position:fixed;top:2rem;right:2rem;z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid var(--accent);background:rgba(10,9,8,.8);color:var(--accent);font-family:Crimson Pro,Georgia,serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.favorites-toggle.active,.favorites-toggle:hover{background:var(--accent);color:var(--bg-primary)}.heart-icon{font-style:normal}.favorites-panel{text-align:center;max-width:800px;width:100%;animation:fade-in .3s ease}.favorites-title{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:clamp(2rem,5vw,3rem);color:var(--accent);margin-bottom:2rem;letter-spacing:-.01em}.no-favorites{font-family:Crimson Pro,Georgia,serif;font-size:1.2rem;color:var(--text-secondary);margin:3rem 0}.favorites-list{list-style:none;text-align:left;margin:2rem 0}.favorite-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid hsla(31,53%,64%,.1);animation:fade-in .3s ease}.favorite-text{font-family:Crimson Pro,Georgia,serif;font-size:1.1rem;color:var(--text-primary);flex:1 1}.remove-favorite{width:32px;height:32px;border-radius:50%;border:1px solid var(--negative);background:transparent;color:var(--negative);font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-favorite:hover{background:var(--negative);color:var(--bg-primary)}.back-button{font-family:Crimson Pro,Georgia,serif;font-size:1rem;padding:.8rem 2rem;border:1px solid var(--accent);border-radius:2rem;background:transparent;color:var(--accent);cursor:pointer;transition:all .2s ease;letter-spacing:.1em;text-transform:lowercase;margin-top:2rem}.back-button:hover{background:var(--accent);color:var(--bg-primary)}.floating-accent{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:0}.floating-accent.top-right{top:-100px;right:-100px;background:radial-gradient(circle,hsla(31,53%,64%,.1) 0,transparent 70%);animation:pulse 8s ease-in-out infinite}.floating-accent.bottom-left{bottom:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle,rgba(201,162,39,.08) 0,transparent 70%);animation:pulse 10s ease-in-out infinite reverse}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.ornament{position:fixed;width:80px;height:80px;border:1px solid hsla(31,53%,64%,.2);pointer-events:none;z-index:1}.ornament.top-left{top:40px;left:40px;border-right:none;border-bottom:none}.ornament.bottom-right{bottom:40px;right:40px;border-left:none;border-top:none}.footer{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);font-size:.75rem;color:var(--text-secondary);opacity:.5;letter-spacing:.2em;text-transform:uppercase}