@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-glass:#1a1a1ab3;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--accent-rose:#b76e79;--accent-peach:#ffdab9;--accent-gradient:linear-gradient(135deg, #b76e79 0%, #e09b9f 100%);--accent-gradient-hover:linear-gradient(135deg, #a35d67 0%, #c88185 100%);--nav-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Prompt,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-rose)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ffffff0d}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{height:var(--nav-height);z-index:100;justify-content:space-between;align-items:center;padding:0 4%;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--bg-primary);box-shadow:0 4px 20px #00000080}.nav-left{align-items:center;gap:2rem;display:flex}.logo{letter-spacing:1px;font-size:1.8rem;font-weight:700}.logo span{color:var(--accent-rose)}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links li{cursor:pointer;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links li:hover,.nav-links li.active{color:var(--accent-peach)}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-dropdown-container{margin-left:1rem;display:inline-block;position:relative}.nav-dropdown-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.95rem;transition:all .2s;display:flex}.nav-dropdown-btn:hover{border-color:var(--accent-rose);background:#fff3}.nav-dropdown-menu{background:var(--bg-secondary);z-index:200;border:1px solid #ffffff1a;border-radius:8px;min-width:160px;margin-top:10px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.nav-dropdown-item{cursor:pointer;padding:12px 15px;font-size:.95rem;transition:background .2s,color .2s}.nav-dropdown-item:hover{background:var(--accent-rose);color:#fff}.highlight-farm{background:linear-gradient(45deg,#ff9a9e,#fecfef);border-radius:20px;padding:6px 15px;animation:2s ease-in-out infinite farmPulse;box-shadow:0 4px 15px #ff9a9e66;color:#111!important;font-weight:700!important}.highlight-farm:hover{animation:none;transform:scale(1.1);color:#000!important}@keyframes farmPulse{0%{transform:scale(1);box-shadow:0 4px 15px #ff9a9e66}50%{transform:scale(1.05);box-shadow:0 4px 25px #ff9a9ecc}to{transform:scale(1);box-shadow:0 4px 15px #ff9a9e66}}.food-badge{color:#000;background:gold;border-radius:50%;margin-left:5px;padding:2px 6px;font-size:.75rem}.icon-btn{color:var(--text-primary);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.icon-btn:hover{color:var(--accent-rose);transform:scale(1.1)}.profile-pic{object-fit:cover;border:2px solid var(--accent-rose);cursor:pointer;border-radius:50%;width:36px;height:36px}.hero{width:100%;height:85vh;position:relative;overflow:hidden}.hero-bg{width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-vignette{background:linear-gradient(to top, var(--bg-primary) 0%, transparent 60%), linear-gradient(to right, #0a0a0acc 0%, transparent 50%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;max-width:600px;position:absolute;bottom:15%;left:4%}.hero-title{text-shadow:2px 2px 4px #00000080;margin-bottom:.5rem;font-size:4rem;font-weight:700;line-height:1.1}.hero-tags{gap:1rem;margin-bottom:1rem;font-size:.9rem;font-weight:500;display:flex}.match-score{color:#46d369;font-weight:600}.hero-desc{color:var(--text-secondary);text-shadow:1px 1px 2px #000c;margin-bottom:2rem;font-size:1.1rem;line-height:1.4}.hero-actions{gap:1rem;display:flex}.btn{border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.btn-play{background:var(--text-primary);color:var(--bg-primary)}.btn-play:hover{background:#fffc}.btn-info{color:var(--text-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#6d6d6eb3}.btn-info:hover{background:#6d6d6e66}.grid-feed-section{z-index:20;margin-top:-5%;padding:0 4% 5rem;position:relative}.filter-badge{background:var(--accent-rose);color:#fff;cursor:pointer;border-radius:20px;align-items:center;margin-bottom:20px;padding:8px 15px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 10px #eaa0a566}.grid-feed{grid-template-columns:repeat(5,1fr);gap:2.5rem 1.5rem;display:grid}@media (width<=1400px){.grid-feed{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.grid-feed{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-feed{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-feed{grid-template-columns:1fr;gap:2rem}}.drama-card-wrapper{flex-direction:column;gap:.8rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex}.drama-card{aspect-ratio:16/9;cursor:pointer;border:1px solid #0000;border-radius:12px;transition:box-shadow .3s,border .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.drama-card-wrapper:hover{transform:translateY(-8px)}.drama-card-wrapper:hover .drama-card{border:1px solid var(--accent-rose);box-shadow:0 0 20px #eaa0a599,0 0 40px #eaa0a533}.drama-card-wrapper:active .drama-card{border:1px solid var(--accent-peach);transition:all .1s;transform:scale(.95);box-shadow:0 0 30px #ff6b81cc,0 0 60px #ff6b8166}.drama-card img{object-fit:cover;object-position:center;filter:contrast(1.15)saturate(1.1)brightness(.9);width:100%;height:100%;transition:transform .5s,filter .3s}.drama-card:hover img{filter:contrast(1.2)saturate(1.2)brightness(1.1);transform:scale(1.1)}.card-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.drama-card-wrapper:hover .card-overlay{opacity:1}.play-circle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,background .2s;display:flex}.play-circle:hover{background:#fff6;transform:scale(1.1)}.favorite-btn-overlay{cursor:pointer;filter:drop-shadow(0 2px 4px #00000080);transition:transform .2s;position:absolute;top:1rem;right:1rem}.favorite-btn-overlay:hover{transform:scale(1.2)}.card-info{cursor:pointer;flex-direction:column;gap:.3rem;display:flex}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:600;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.drama-card-wrapper:hover .card-title{color:#fff}.card-meta{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:500}.slider-btn{color:#fff;cursor:pointer;z-index:40;opacity:0;background:#00000080;justify-content:center;align-items:center;width:40px;height:100%;transition:opacity .3s,background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-container:hover .slider-btn{opacity:1}.slider-btn:hover{background:#000c}.slider-btn.left{border-top-right-radius:8px;border-bottom-right-radius:8px;left:0}.slider-btn.right{border-top-left-radius:8px;border-bottom-left-radius:8px;right:0}.player-modal{z-index:1000;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.close-player{z-index:1010;color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:20px;left:20px}.close-player:hover{background:var(--accent-rose)}.vertical-container{background:#111;width:100%;max-width:450px;height:100vh;position:relative;box-shadow:0 0 30px #b76e7933}.iframe-wrapper{pointer-events:auto;width:100%;height:100%;position:relative}.iframe-wrapper iframe,.yt-player iframe,.yt-player{width:100%;height:100%}.swipe-up-anim{animation:.8s ease-in-out forwards swipeUp}@keyframes swipeUp{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.ai-chat-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #b76e7980}.ai-chat-btn:hover{transform:scale(1.1)}.ai-chat-modal{background:var(--bg-secondary);border:1px solid var(--accent-rose);z-index:1000;border-radius:12px;flex-direction:column;width:350px;display:flex;position:fixed;bottom:100px;right:30px;overflow:hidden;box-shadow:0 15px 35px #00000080}@media (width<=480px){.ai-chat-modal{width:90%;bottom:90px;right:5%}}.ai-chat-header{background:var(--bg-primary);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px;display:flex}.ai-chat-header h3{color:var(--accent-peach);align-items:center;gap:10px;margin:0;font-size:1.1rem;display:flex}.ai-chat-header button{color:#fff;background:0 0;border:none}.ai-chat-body{color:var(--text-secondary);padding:20px;font-size:.95rem;line-height:1.5}.ai-chat-input{background:var(--bg-primary);border-top:1px solid #ffffff1a;padding:10px;display:flex}.ai-chat-input input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 15px;font-family:inherit}.ai-chat-input button{background:var(--accent-rose);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.ai-chat-input button:hover{background:var(--accent-peach)}.ai-chat-input button:disabled{cursor:not-allowed;background:gray}.farm-nav-btn{background:#ffffff1a;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-weight:700;display:flex;color:var(--accent-peach)!important}.farm-nav-btn:hover{background:#fff3}.farm-modal-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.farm-modal{background:var(--bg-secondary);border:2px solid var(--accent-rose);border-radius:20px;flex-direction:column;width:90%;max-width:500px;height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.farm-header{background:var(--bg-primary);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.farm-header h3{color:#fff;align-items:center;gap:10px;margin:0;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none}.farm-gacha-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.gacha-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:30px;margin-top:20px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:transform .2s}.gacha-btn:hover{transform:scale(1.05)}.spinner{font-size:4rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.farm-active-view{flex-direction:column;flex:1;display:flex}.pet-display{background:linear-gradient(#eaa0a51a 0%,#0000 100%);border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:center;padding:20px;display:flex}.pet-avatar{background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:15px;font-size:4rem;display:flex;box-shadow:0 0 20px #0000004d}.rarity-common{border:3px solid #ccc}.rarity-rare{border:3px solid #3498db;box-shadow:0 0 15px #3498db}.rarity-epic{border:3px solid #9b59b6;box-shadow:0 0 20px #9b59b6}.rarity-mythical{border:3px solid #f1c40f;box-shadow:0 0 30px #f1c40f}.pet-display h4{color:var(--accent-peach);margin:0 0 5px;font-size:1.2rem}.pet-level{color:var(--text-secondary);text-align:center;margin:0 0 15px;font-size:.9rem}.pet-actions{gap:10px;display:flex}.feed-btn,.reset-btn{background:var(--bg-primary);border:1px solid var(--text-secondary);color:#fff;cursor:pointer;border-radius:20px;padding:8px 15px;transition:all .2s}.feed-btn:hover{background:var(--accent-rose);border-color:var(--accent-rose)}.reset-btn:hover{color:#000;background:#f1c40f;border-color:#f1c40f}.pet-chat-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.pet-chat-box{flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow-y:auto}.chat-bubble{border-radius:15px;max-width:80%;padding:10px 15px;font-size:.95rem;line-height:1.4}.chat-bubble.user{background:var(--accent-rose);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chat-bubble.pet{background:var(--bg-primary);color:#fff;border:1px solid #ffffff1a;border-bottom-left-radius:2px;align-self:flex-start}.system-msg{text-align:center;color:var(--accent-peach);margin:10px 0;font-size:.8rem}.pet-chat-input{background:var(--bg-primary);border-top:1px solid #ffffff1a;padding:10px;display:flex}.pet-chat-input input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 15px}.pet-chat-input button{background:var(--accent-rose);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pet-chat-input button:disabled{cursor:not-allowed;background:gray}.player-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.swipe-zone{pointer-events:auto;z-index:10;width:100%;height:85%;position:absolute;top:0;left:0}.player-info{pointer-events:none;text-shadow:1px 1px 3px #000c;margin-top:auto;margin-bottom:50px}.player-info h3{margin-bottom:5px;font-size:1.5rem}.player-side-actions{pointer-events:auto;flex-direction:column;gap:20px;display:flex;position:absolute;bottom:100px;right:20px}.action-btn{color:#fff;text-shadow:1px 1px 2px #000c;flex-direction:column;align-items:center;gap:5px;font-size:.8rem;display:flex}.action-btn .icon-bg{background:#0006;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:transform .2s,background .2s;display:flex}.action-btn:hover .icon-bg{background:var(--accent-rose);transform:scale(1.1)}.swipe-hint{color:#ffffffb3;pointer-events:none;flex-direction:column;align-items:center;animation:2s infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-20px)translate(-50%)}60%{transform:translateY(-10px)translate(-50%)}}.fab-category-btn{background:var(--accent-rose);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;transition:transform .3s,background .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #eaa0a580}.fab-category-btn:hover{background:var(--accent-peach);transform:scale(1.1)translateY(-5px)}@media (width<=768px){.fab-category-btn{width:55px;height:55px;bottom:20px;right:20px}}.category-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#0009;justify-content:center;align-items:flex-end;width:100%;height:100%;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.category-modal{background:var(--bg-secondary);border-radius:24px 24px 0 0;width:100%;max-width:500px;padding:30px;animation:.3s forwards slideUp;box-shadow:0 -10px 40px #00000080}@media (width>=768px){.category-modal-overlay{align-items:center}.category-modal{border-radius:24px}}.category-modal h3{justify-content:space-between;align-items:center;margin:0 0 20px;font-size:1.5rem;display:flex}.close-cat-modal{cursor:pointer;color:var(--text-secondary);transition:color .2s}.close-cat-modal:hover{color:#fff}.category-list{flex-wrap:wrap;gap:10px;display:flex}.category-list button{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:12px 20px;font-size:1rem;transition:all .2s}.category-list button:hover{background:#ffffff26}.category-list button.active{background:var(--accent-rose);border-color:var(--accent-rose);font-weight:700}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.blur-mode img{transition:filter .3s;filter:blur(15px)!important}.blur-mode .profile-pic{filter:none!important}@media (width<=768px){.hero-title{margin-bottom:.2rem;line-height:1.2;font-size:2.2rem!important}.hero-actions .btn{padding:.5rem 1rem;font-size:.9rem}.navbar{padding:0 10px}.nav-left,.nav-right{gap:.5rem}.highlight-farm{white-space:nowrap;padding:4px 8px;font-size:.75rem!important}.nav-dropdown-btn{white-space:nowrap;padding:4px 8px;font-size:.8rem}.icon-btn{display:none}.profile-pic{width:32px;height:32px}}.contextual-toast{background:var(--bg-secondary);color:#fff;border:1px solid var(--accent-rose);z-index:1000;white-space:nowrap;border-radius:30px;padding:12px 24px;font-size:.9rem;animation:.5s ease-out slideUpFade,.5s ease-in 4.5s forwards fadeOut;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;visibility:hidden;transform:translate(-50%,20px)}}.peeking-pet{z-index:999;cursor:pointer;flex-direction:column;align-items:center;animation:3s ease-in-out forwards peekUp;display:flex;position:fixed;bottom:-100px;right:10%}.peeking-pet .pet-head{filter:drop-shadow(0 -2px 10px #00000080);font-size:3rem}.peeking-pet .pet-msg{color:#000;background:#fff;border-radius:12px;margin-top:5px;padding:6px 12px;font-size:.8rem;font-weight:700;position:relative;box-shadow:0 2px 10px #0003}.peeking-pet .pet-msg:before{content:"";border:8px solid #0000;border-top-width:0;border-bottom-color:#fff;position:absolute;top:-8px;left:50%;transform:translate(-50%)}@keyframes peekUp{0%{bottom:-100px}15%{bottom:20px}85%{bottom:20px}to{bottom:-100px}}.progress-ring-container{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:relative}.circular-progress{transform:rotate(-90deg)}.circular-progress .bg{stroke:#fff3}.circular-progress .fg{stroke:var(--accent-rose);transition:stroke-dashoffset 1s linear}.farm-icon-inside{color:#fff;position:absolute}.pulse-badge{color:#fff;cursor:pointer;border:1px solid var(--accent-rose);background:#ffffff1a;border-radius:20px;align-items:center;padding:8px 15px;animation:2s infinite pulse-glow;display:flex}@keyframes pulse-glow{0%{box-shadow:0 0 #e94560b3}70%{box-shadow:0 0 0 10px #e9456000}to{box-shadow:0 0 #e9456000}}.free-badge{background:var(--accent-rose);color:#fff;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:.7rem;animation:2s infinite pulse-glow}