html,body{width:100%;height:100%;overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f14;color:#fff;font-family:Poppins,sans-serif}.lock-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.lock-screen input{margin-top:20px;padding:12px;background:transparent;border:1px solid white;color:#fff;text-align:center}.lock-screen button{margin-top:20px;padding:12px 30px;background:#fff;color:#000;border:none;cursor:pointer}.error{margin-top:10px;color:#ff6b6b}.countdown-screen{height:100vh;background:radial-gradient(circle,#1c1c27,#0f0f14);display:flex;flex-direction:column;justify-content:center;align-items:center}.timer{font-size:36px;margin-top:20px;font-family:monospace}.pulse{font-size:60px;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.slideshow{height:100vh}.slide{height:100vh;background-size:cover;background-position:center;position:relative}.overlay{position:absolute;inset:0;background:#0000008c}.content{position:absolute;bottom:20%;left:50%;transform:translate(-50%);text-align:center;max-width:600px}.content h2{font-size:42px;margin-bottom:10px}.content p{font-size:18px;opacity:.9}.content span{display:block;margin-top:10px;font-size:14px;opacity:.7}.fade{animation:fadeIn 1.5s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.nav{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;background:none;border:none;color:#fff;cursor:pointer;opacity:.6}.nav:hover{opacity:1}.left{left:30px}.right{right:30px}.timeline-wrapper{min-height:100vh;background:linear-gradient(180deg,#0f0f14,#161623);display:flex;flex-direction:column;align-items:center;justify-content:center}.memory-frame{background:#ffffff0f;border-radius:18px;padding:20px;max-width:420px;width:90%;box-shadow:0 30px 80px #0009;text-align:center}.memory-frame img{width:100%;max-height:420px;object-fit:contain;border-radius:14px;margin-bottom:18px}.memory-text h2{font-size:24px;margin-bottom:6px}.memory-text p{font-size:16px;opacity:.85}.memory-text span{display:block;margin-top:8px;font-size:13px;opacity:.6}.controls{margin-top:30px;display:flex;gap:20px}.controls button{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;padding:10px 18px;border-radius:50%;font-size:18px;cursor:pointer}.fade{animation:fadeScale .8s ease}@keyframes fadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.timeline-wrapper{padding:30px 0}.memory-frame{max-width:92%;padding:16px;border-radius:16px}.memory-frame img{max-height:55vh;margin-bottom:14px}.memory-text h2{font-size:20px}.memory-text p{font-size:15px;line-height:1.5}.memory-text span{font-size:12px}.controls{margin-top:20px}.controls button{padding:12px 20px;font-size:20px}}.music-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:999;cursor:pointer}.music-overlay p{font-size:18px;padding:16px 26px;background:#ffffff1f;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.letter-wrapper{min-height:100vh;background:linear-gradient(180deg,#0f0f14,#1a1a28);display:flex;align-items:center;justify-content:center;padding:20px}.letter-paper{background:#fffdf8;color:#1a1a1a;width:100%;max-width:420px;padding:28px 24px;border-radius:16px;box-shadow:0 30px 80px #0009;position:relative}.letter-paper pre{font-family:Dancing Script,cursive;font-size:22px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.skip-hint{position:absolute;bottom:12px;right:16px;font-size:12px;opacity:.4}@media(max-width:480px){.letter-paper{padding:22px 18px}.letter-paper pre{font-size:20px}}.back-btn{margin-top:22px;width:100%;padding:12px 0;background:transparent;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-size:14px;cursor:pointer;opacity:.7}.back-btn:hover{opacity:1}