@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap";:root{--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--gold-200:#fde68a;--gold-300:#fcd34d;--gold-400:#fbbf24;--gold-500:#f59e0b;--cream:#fef7f0;--cream-dark:#faeee3;--text-dark:#3d1a2e;--text-medium:#6b3a54;--text-light:#9c6b84;--white:#fff;--white-alpha-10:#ffffff1a;--white-alpha-20:#fff3;--white-alpha-40:#fff6;--white-alpha-60:#fff9;--white-alpha-80:#fffc;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:50%;--shadow-soft:0 4px 20px #f43f5e1a;--shadow-medium:0 8px 30px #f43f5e26;--shadow-glow:0 0 40px #f43f5e40;--shadow-card:0 10px 40px #3d1a2e14;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-dark);background:linear-gradient(135deg, var(--pink-50) 0%, var(--rose-100) 30%, var(--pink-100) 60%, var(--cream) 100%);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2}button{font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none}input{font-family:var(--font-body);border:none;outline:none}.glass{background:var(--white-alpha-60);-webkit-backdrop-filter:blur(20px);border:1px solid var(--white-alpha-40)}.glass-strong{background:var(--white-alpha-80);-webkit-backdrop-filter:blur(30px);border:1px solid var(--white-alpha-60)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes petal-float{0%{opacity:0;transform:translateY(-10%)translate(0)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(110vh)translate(100px)rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rose-300);border-radius:3px}::selection{background:var(--rose-200);color:var(--rose-700)}.love-letter-container{min-height:100vh;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.petals-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.petal{opacity:0;font-size:1.5rem;animation:linear infinite petal-float;position:absolute}.envelope{z-index:1;animation:1s forwards fadeInUp,4s ease-in-out 1s infinite float;position:relative}.envelope-icon{filter:drop-shadow(0 4px 20px #f43f5e4d);transition:transform var(--transition-slow);font-size:5rem;display:block}.envelope:hover .envelope-icon{transform:scale(1.1)}.heart-button{z-index:1;padding:var(--space-lg);margin-top:var(--space-xl);opacity:0;transition:transform var(--transition-base);background:0 0;animation:1s .5s forwards fadeInUp;position:relative}.heart-button:active{transform:scale(.95)}.heart-icon{filter:drop-shadow(0 0 30px #f43f5e66);cursor:pointer;transition:filter var(--transition-base);font-size:6rem;animation:1.5s ease-in-out infinite heartbeat;display:block}.heart-icon:hover{filter:drop-shadow(0 0 50px #f43f5e99)}.tap-hint{font-family:var(--font-body);color:var(--text-light);margin-top:var(--space-md);opacity:0;text-align:center;font-size:.9rem;animation:1s 1s forwards fadeInUp,2s ease-in-out 2s infinite pulse}.congrats-overlay{z-index:100;width:100%;height:100%;padding:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fdf2f8f2 0%,#ffe4e6f2 50%,#fef7f0f2 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.congrats-card{text-align:center;width:100%;max-width:420px;padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-xl);animation:.6s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.congrats-emoji{margin-bottom:var(--space-lg);font-size:4rem;animation:3s ease-in-out infinite float}.congrats-title{color:var(--rose-600);margin-bottom:var(--space-md);font-size:2rem;line-height:1.3}.congrats-message{color:var(--text-medium);margin-bottom:var(--space-xl);font-size:1.05rem;font-weight:300;line-height:1.7}.congrats-message em{font-family:var(--font-display);color:var(--rose-500);font-style:italic;font-weight:600}.play-button{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg, var(--rose-500), var(--pink-500));color:var(--white);border-radius:var(--radius-lg);transition:all var(--transition-base);letter-spacing:.3px;font-size:1rem;font-weight:500;display:inline-flex;box-shadow:0 4px 20px #f43f5e59}.play-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #f43f5e73}.play-button:active{transform:translateY(0)}.confetti-container{pointer-events:none;z-index:99;width:100%;height:100%;position:fixed;top:0;left:0}.confetti-piece{border-radius:2px;width:10px;height:10px;animation:linear forwards confetti-fall;position:absolute;top:-20px}@media (width<=480px){.heart-icon{font-size:5rem}.congrats-title{font-size:1.6rem}.congrats-message{font-size:.95rem}}.game-menu-container{min-height:100vh;padding:var(--space-2xl) var(--space-xl);flex-direction:column;align-items:center;display:flex}.menu-header{text-align:center;margin-bottom:var(--space-2xl);animation:.6s forwards fadeInUp}.menu-title{color:var(--rose-600);margin-bottom:var(--space-sm);font-size:2.2rem}.menu-subtitle{color:var(--text-light);font-size:1rem;font-weight:300}.games-grid{gap:var(--space-lg);grid-template-columns:1fr;width:100%;max-width:400px;display:grid}.game-card{padding:var(--space-xl);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-slow);opacity:0;text-align:left;animation:.6s forwards fadeInUp;position:relative;overflow:hidden}.game-card:first-child{animation-delay:.1s}.game-card:nth-child(2){animation-delay:.25s}.game-card:nth-child(3){animation-delay:.4s}.game-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.game-card:active{transform:translateY(-1px)}.game-card-icon{margin-bottom:var(--space-md);font-size:2.5rem;display:block}.game-card-title{color:var(--text-dark);margin-bottom:var(--space-xs);font-size:1.3rem}.game-card-desc{color:var(--text-light);font-size:.85rem;font-weight:300;line-height:1.5}.game-card-badge{top:var(--space-md);right:var(--space-md);background:linear-gradient(135deg, var(--rose-400), var(--pink-400));color:var(--white);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;font-size:.65rem;font-weight:600;position:absolute}.game-card-badge.completed{background:linear-gradient(135deg,#10b981,#34d399)}.back-button{margin-top:var(--space-2xl);padding:var(--space-sm) var(--space-xl);color:var(--text-light);border-radius:var(--radius-md);transition:all var(--transition-base);border:1px solid var(--rose-200);opacity:0;background:0 0;font-size:.9rem;animation:1s .6s forwards fadeIn}.back-button:hover{background:var(--white-alpha-60);color:var(--rose-500);border-color:var(--rose-300)}@media (width<=480px){.menu-title{font-size:1.8rem}.game-card{padding:var(--space-lg)}}.wordle-container{min-height:100vh;padding:var(--space-xl) var(--space-md);flex-direction:column;align-items:center;display:flex}.wordle-header{text-align:center;margin-bottom:var(--space-lg);animation:.5s forwards fadeInUp}.wordle-title{color:var(--rose-600);margin-bottom:var(--space-xs);font-size:1.8rem}.wordle-subtitle{color:var(--text-light);font-size:.85rem;font-weight:300}.wordle-board{margin-bottom:var(--space-lg);opacity:0;flex-direction:column;gap:6px;animation:.5s .2s forwards fadeIn;display:flex}.wordle-row{gap:6px;display:flex}.wordle-tile{border-radius:var(--radius-sm);width:56px;height:56px;font-family:var(--font-display);text-transform:uppercase;background:var(--white-alpha-60);border:2px solid var(--rose-200);color:var(--text-dark);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.wordle-tile.filled{border-color:var(--rose-400);animation:.15s scaleIn}.wordle-tile.correct{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981;animation:.5s forwards flip-tile}.wordle-tile.present{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#f59e0b;animation:.5s forwards flip-tile}.wordle-tile.absent{color:#fff;background:linear-gradient(135deg,#94a3b8,#cbd5e1);border-color:#94a3b8;animation:.5s forwards flip-tile}@keyframes flip-tile{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.wordle-keyboard{opacity:0;flex-direction:column;gap:6px;width:100%;max-width:500px;animation:.5s .4s forwards fadeInUp;display:flex}.keyboard-row{justify-content:center;gap:4px;display:flex}.key-button{border-radius:var(--radius-sm);text-transform:uppercase;min-width:30px;height:48px;transition:all var(--transition-fast);padding:0 8px;font-size:.85rem;font-weight:600}.key-button.letter{background:var(--white-alpha-80);color:var(--text-dark);border:1px solid var(--rose-200)}.key-button.letter:hover{background:var(--rose-100);border-color:var(--rose-300)}.key-button.action{background:var(--rose-200);min-width:56px;color:var(--rose-700);font-size:.75rem}.key-button.action:hover{background:var(--rose-300)}.key-button.key-correct{color:#fff!important;background:linear-gradient(135deg,#10b981,#34d399)!important;border-color:#10b981!important}.key-button.key-present{color:#fff!important;background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;border-color:#f59e0b!important}.key-button.key-absent{color:#fff!important;background:linear-gradient(135deg,#94a3b8,#cbd5e1)!important;border-color:#94a3b8!important}.wordle-message{margin-top:var(--space-lg);text-align:center;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.wordle-message.win{color:#10b981}.wordle-message.lose{color:var(--rose-500)}.wordle-message h3{margin-bottom:var(--space-sm);font-size:1.4rem}.wordle-message p{color:var(--text-medium);font-size:.95rem;font-weight:300}.wordle-back-btn{margin-top:var(--space-xl);padding:var(--space-sm) var(--space-xl);color:var(--text-light);border-radius:var(--radius-md);border:1px solid var(--rose-200);transition:all var(--transition-base);background:0 0;font-size:.85rem}.wordle-back-btn:hover{background:var(--white-alpha-60);color:var(--rose-500);border-color:var(--rose-300)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.wordle-row.shake{animation:.4s shake}@media (width<=380px){.wordle-tile{width:48px;height:48px;font-size:1.3rem}.key-button{min-width:26px;height:42px;font-size:.75rem}.key-button.action{min-width:44px}}.tangle-container{min-height:100vh;padding:var(--space-xl) var(--space-md);flex-direction:column;align-items:center;display:flex}.tangle-header{text-align:center;margin-bottom:var(--space-lg);animation:.5s forwards fadeInUp}.tangle-title{color:var(--rose-600);margin-bottom:var(--space-xs);font-size:1.8rem}.tangle-subtitle{color:var(--text-light);font-size:.85rem;font-weight:300}.tangle-goal{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);opacity:0;animation:.5s .2s forwards fadeIn;display:flex}.tangle-goal-word{font-family:var(--font-display);color:var(--rose-600);letter-spacing:3px;font-size:1.5rem;font-weight:700}.tangle-goal-arrow{color:var(--text-light);font-size:1.2rem}.tangle-chain{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;width:100%;max-width:300px;display:flex}.chain-word{gap:6px;animation:.3s forwards fadeInUp;display:flex}.chain-letter{border-radius:var(--radius-sm);width:48px;height:48px;font-family:var(--font-display);background:var(--white-alpha-80);border:2px solid var(--rose-200);color:var(--text-dark);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.chain-letter.changed{background:linear-gradient(135deg, var(--rose-400), var(--pink-400));border-color:var(--rose-400);color:#fff;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}.chain-letter.target{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981}.chain-connector{color:var(--rose-300);font-size:1rem}.tangle-input-area{align-items:center;gap:var(--space-md);opacity:0;flex-direction:column;animation:.5s .3s forwards fadeInUp;display:flex}.tangle-input-row{gap:6px;display:flex}.tangle-input{border-radius:var(--radius-sm);text-align:center;width:48px;height:48px;font-family:var(--font-display);text-transform:uppercase;background:var(--white-alpha-80);border:2px solid var(--rose-300);color:var(--text-dark);transition:all var(--transition-base);caret-color:var(--rose-500);font-size:1.4rem;font-weight:700}.tangle-input:focus{border-color:var(--rose-500);box-shadow:0 0 0 3px #f43f5e26}.tangle-input.locked{background:var(--rose-100);color:var(--rose-400);cursor:not-allowed}.tangle-submit{padding:var(--space-sm) var(--space-2xl);background:linear-gradient(135deg, var(--rose-500), var(--pink-500));color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:all var(--transition-base);font-size:.9rem;font-weight:500}.tangle-submit:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.tangle-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.tangle-error{color:var(--rose-500);text-align:center;min-height:1.2em;font-size:.85rem;animation:.3s shake}.tangle-message{text-align:center;margin-top:var(--space-lg);animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.tangle-message h3{color:#10b981;margin-bottom:var(--space-sm);font-size:1.4rem}.tangle-message p{color:var(--text-medium);font-size:.95rem;font-weight:300}.tangle-hint{color:var(--text-light);text-align:center;margin-top:var(--space-sm);font-size:.8rem;font-style:italic}.tangle-back-btn{margin-top:var(--space-xl);padding:var(--space-sm) var(--space-xl);color:var(--text-light);border-radius:var(--radius-md);border:1px solid var(--rose-200);transition:all var(--transition-base);background:0 0;font-size:.85rem}.tangle-back-btn:hover{background:var(--white-alpha-60);color:var(--rose-500);border-color:var(--rose-300)}@media (width<=380px){.chain-letter,.tangle-input{width:42px;height:42px;font-size:1.2rem}}.memory-container{min-height:100vh;padding:var(--space-xl) var(--space-md);flex-direction:column;align-items:center;display:flex}.memory-header{text-align:center;margin-bottom:var(--space-lg);animation:.5s forwards fadeInUp}.memory-title{color:var(--rose-600);margin-bottom:var(--space-xs);font-size:1.8rem}.memory-stats{gap:var(--space-xl);color:var(--text-light);justify-content:center;font-size:.85rem;font-weight:300;display:flex}.memory-stats span{align-items:center;gap:var(--space-xs);display:flex}.memory-grid{width:100%;max-width:340px;margin-bottom:var(--space-xl);opacity:0;grid-template-columns:repeat(4,1fr);gap:10px;animation:.5s .2s forwards fadeIn;display:grid}.memory-card{aspect-ratio:1;perspective:600px;cursor:pointer;-webkit-tap-highlight-color:transparent}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.memory-card.flipped .memory-card-inner,.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-face{backface-visibility:hidden;border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.memory-card-back{background:linear-gradient(135deg, var(--rose-400), var(--pink-400));border:2px solid var(--rose-300);box-shadow:var(--shadow-soft);transition:all var(--transition-base)}.memory-card:hover .memory-card-back{box-shadow:var(--shadow-medium);transform:scale(1.03)}.memory-card-back-design{opacity:.5;font-size:1.5rem}.memory-card-front{background:var(--white-alpha-80);border:2px solid var(--rose-200);box-shadow:var(--shadow-soft);font-size:2.2rem;transform:rotateY(180deg)}.memory-card.matched .memory-card-front{background:linear-gradient(135deg,#10b9811a,#34d3991a);border-color:#34d399}.memory-card.matched{animation:.5s pulse}.memory-message{text-align:center;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.memory-message h3{color:#10b981;margin-bottom:var(--space-sm);font-size:1.4rem}.memory-message p{color:var(--text-medium);font-size:.95rem;font-weight:300}.memory-back-btn{margin-top:var(--space-xl);padding:var(--space-sm) var(--space-xl);color:var(--text-light);border-radius:var(--radius-md);border:1px solid var(--rose-200);transition:all var(--transition-base);background:0 0;font-size:.85rem}.memory-back-btn:hover{background:var(--white-alpha-60);color:var(--rose-500);border-color:var(--rose-300)}@media (width<=380px){.memory-grid{gap:8px;max-width:290px}.memory-card-front{font-size:1.8rem}}.app{min-height:100vh}