:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landing-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);position:relative;overflow:hidden;padding:20px}.hearts-bg{position:absolute;width:100%;height:100%;overflow:hidden}.hearts-bg span{position:absolute;font-size:50px;animation:float 15s infinite;opacity:.3}.hearts-bg span:nth-child(1){left:10%;animation-delay:0s}.hearts-bg span:nth-child(2){left:25%;animation-delay:2s}.hearts-bg span:nth-child(3){left:40%;animation-delay:4s}.hearts-bg span:nth-child(4){left:55%;animation-delay:6s}.hearts-bg span:nth-child(5){left:70%;animation-delay:8s}.hearts-bg span:nth-child(6){left:85%;animation-delay:10s}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.landing-content{position:relative;z-index:10;text-align:center;max-width:400px;width:100%}.landing-title{font-size:2.5rem;color:#fff;margin-bottom:30px;text-shadow:2px 2px 10px rgba(0,0,0,.2);animation:fadeInDown 1s ease}.love-message{margin-bottom:40px;animation:fadeIn 1.5s ease}.love-message p{color:#fff;font-size:1.1rem;margin-bottom:10px;text-shadow:1px 1px 5px rgba(0,0,0,.2)}.subtitle{font-size:1.3rem!important;font-weight:700;margin-top:15px!important}.auth-form{display:flex;flex-direction:column;gap:15px;animation:fadeInUp 2s ease}.auth-input{padding:15px 20px;border:none;border-radius:25px;font-size:1rem;outline:none;background:#ffffffe6;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;text-align:center}.auth-input:focus{background:#fff;box-shadow:0 6px 20px #00000026;transform:scale(1.02)}.auth-input.error{border:2px solid #ff4444;animation:shake .5s}.auth-button{padding:15px 30px;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease}.auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.auth-button:active{transform:translateY(0)}.error-text{color:#f44;font-weight:700;background:#fff;padding:10px;border-radius:15px;animation:fadeIn .3s}.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.landing-title{font-size:2rem}.love-message p{font-size:1rem}.subtitle{font-size:1.1rem!important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0 20px;box-shadow:0 -4px 20px #0000001a;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:10px 20px;transition:all .3s ease;border-radius:15px}.nav-icon{font-size:1.8rem;transition:transform .3s ease}.nav-label{font-size:.85rem;color:#666;font-weight:500;transition:all .3s ease}.nav-item.active .nav-icon{transform:scale(1.2)}.nav-item.active .nav-label{color:#f5576c;font-weight:700}.nav-item:active{transform:scale(.95)}.games-section{padding:20px 20px 100px;min-height:100vh}.section-title{font-size:2rem;color:#fff;text-align:center;margin-bottom:10px;text-shadow:2px 2px 10px rgba(0,0,0,.2)}.section-subtitle{text-align:center;color:#ffffffe6;margin-bottom:30px;font-size:1.1rem}.games-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:500px;margin:0 auto}.game-card{background:#fffffff2;border-radius:20px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.game-card:active{transform:scale(.97)}.game-icon{font-size:3.5rem;margin-bottom:15px}.game-name{font-size:1.3rem;color:#333;margin-bottom:10px}.game-description{color:#666;font-size:.95rem}@media(min-width:600px){.games-grid{grid-template-columns:repeat(2,1fr)}}.exploration-section{padding:20px 20px 100px;min-height:100vh}.tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.tabs::-webkit-scrollbar{height:0}.tab{display:flex;flex-direction:column;align-items:center;gap:5px;background:#ffffffe6;border:none;padding:12px 20px;border-radius:15px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9rem;font-weight:500;color:#666}.tab span:first-child{font-size:1.5rem}.tab.active{background:#fff;color:#f5576c;font-weight:700;box-shadow:0 4px 15px #0000001a}.content-area{background:#fffffff2;border-radius:20px;padding:20px;min-height:400px}.shayaris-list{display:flex;flex-direction:column;gap:20px}.shayari-card{background:linear-gradient(135deg,#f093fb,#f5576c);padding:20px;border-radius:15px;color:#fff;box-shadow:0 4px 15px #0000001a}.shayari-text{font-size:1.1rem;line-height:1.6;margin-bottom:15px;white-space:pre-line}.shayari-date{font-size:.85rem;opacity:.8}.reels-grid,.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.reel-card,.photo-card{background:#f5f5f5;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.reel-card:active,.photo-card:active{transform:scale(.97)}.reel-thumbnail,.photo-placeholder{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#667eea,#764ba2)}.reel-title,.photo-caption{padding:10px;font-size:.9rem;color:#333}.messages-list{display:flex;flex-direction:column;gap:15px}.message-card{background:#f5f5f5;padding:20px;border-radius:15px;display:flex;align-items:center;gap:15px}.message-placeholder{font-size:2.5rem}.message-date{color:#666;font-size:.9rem}.empty-state{text-align:center;color:#999;padding:40px 20px;font-size:1.1rem}@media(min-width:600px){.reels-grid,.photos-grid{grid-template-columns:repeat(3,1fr)}}.main-app{width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.sections-container{display:flex;width:100%;height:100%;overflow-x:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.section{min-width:100%;height:100%;overflow-y:auto;scroll-snap-align:start}.section::-webkit-scrollbar{width:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:0px;background:transparent}