*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:url(/bg.png) no-repeat center center fixed;background-size:cover;background-attachment:fixed;color:#fff;min-height:100vh;line-height:1.6;word-break:keep-all;overflow-x:hidden}.header{background:#1e1e32eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:fixed;top:0;left:0;width:100%;z-index:900;padding:12px 0;box-shadow:0 6px 30px #0006}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;gap:15px}.logo-link{flex-shrink:0}.header h1{font-size:1.8rem;font-weight:900;letter-spacing:-1.5px;color:#fff;margin:0;text-shadow:0 3px 12px rgba(0,0,0,.6)}.user-menu{display:flex;align-items:center;gap:16px;flex-shrink:1;overflow:hidden}.user-email{color:#e0e0ff;font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.logout-btn{background:#ff5252;color:#fff;border:none;padding:8px 18px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff525233;white-space:nowrap}.logout-btn:hover{background:#ff1744;transform:translateY(-1px)}main.container{max-width:1200px;margin:0 auto;padding:100px 20px 60px}.intro{text-align:center;margin:0 auto 32px;max-width:800px;padding:24px}.intro h2{font-size:1.8rem;font-weight:900;background:linear-gradient(90deg,#a78bfa,#7c3aed,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.intro p{font-size:1rem;opacity:.85}.section-title{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:24px;text-align:center}.section-divider{height:2px;background:linear-gradient(to right,transparent,rgba(140,120,255,.3),transparent);margin:40px 0}.my-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-top:10px}.my-header .section-title{margin-bottom:0;text-align:left}.capsule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.capsule-card{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;border:1px solid rgba(255,255,255,.05)}.capsule-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.capsule-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#14142dbf;z-index:1;pointer-events:none}.card-content{position:relative;z-index:2;padding:24px}.public-section .capsule-card{background:url(/treasure-chest-pixel.png) no-repeat center/cover!important}.public-section .capsule-card.unlocked{background:url(/openbox.jpg) no-repeat center/cover!important}.my-section .capsule-card.locked{background:url(/treasure-chest-pixel.png) no-repeat center/cover!important}.my-section .capsule-card.unlocked{background:url(/openbox.jpg) no-repeat center/cover!important}.card-title{font-size:1.3rem;font-weight:800;margin-bottom:10px;color:#fff}.card-message{font-size:.95rem;line-height:1.6;white-space:pre-wrap;margin-bottom:20px;min-height:auto}.open-btn,.delete-btn{padding:10px 20px;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.open-btn{background:#4f46e5;color:#fff}.delete-btn{background:#ef535033;color:#ff8a80;border:1px solid rgba(239,83,80,.3);margin-left:8px}.create-btn{background:linear-gradient(135deg,#7c3aed,#60a5fa);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #7c3aed4d;transition:transform .2s}.create-btn:hover{transform:translateY(-2px)}.pagination{display:flex;justify-content:center;gap:10px;margin:30px 0 60px}.pagination button{background:#ffffff1a;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}.pagination button.active{background:#7c3aed}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a1ed9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.modal-overlay.active{opacity:1;visibility:visible}.future-capsule-modal{width:100%;max-width:550px;background:linear-gradient(145deg,#282846f2,#141428fa);border-radius:24px;border:1px solid rgba(124,77,255,.3);box-shadow:0 0 40px #7c4dff33,inset 0 0 20px #7c4dff1a;overflow:hidden;position:relative;transform:scale(.9);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.future-capsule-modal.fade-up{transform:scale(1) translateY(0);opacity:1}.future-capsule-modal.fade-down{transform:scale(.9) translateY(20px);opacity:0}.capsule-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid rgba(124,77,255,.2);background:#0003}.capsule-title{margin:0;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.5px}.neon-text{text-shadow:0 0 10px rgba(167,139,250,.6),0 0 20px rgba(167,139,250,.3)}.capsule-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e0d7ff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.capsule-close-btn svg{width:24px;height:24px}.capsule-close-btn:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;transform:rotate(90deg)}.capsule-body-container{padding:30px;background:radial-gradient(circle at center,rgba(124,77,255,.08) 0%,transparent 70%);min-height:200px;max-height:60vh;overflow-y:auto}.hologram-message{font-size:1.15rem;line-height:1.7;color:#e0d7ff;white-space:pre-wrap;word-break:break-all;text-shadow:0 0 8px rgba(167,139,250,.4)}.capsule-footer{padding:16px 30px;background:#0000004d;border-top:1px solid rgba(124,77,255,.2);display:flex;justify-content:center;align-items:center;gap:15px;font-size:.9rem;color:#a0a0c0}.meta-info{display:flex;align-items:center;gap:6px}.open-time{color:#34d399;font-weight:600;text-shadow:0 0 8px rgba(52,211,153,.4)}.meta-divider{opacity:.3}@media(max-width:768px){.header h1{font-size:1.3rem}.user-email{display:none}.header .container{padding:0 15px}main.container{padding-top:80px;padding-left:15px;padding-right:15px}.intro h2{font-size:1.5rem}.section-title{font-size:1.4rem}.capsule-grid{grid-template-columns:1fr;gap:16px}.my-header{margin-bottom:30px;flex-direction:row}.create-btn{width:auto;padding:10px 16px;font-size:.85rem}.button-group{display:flex!important;flex-direction:row!important;gap:10px!important;margin-top:15px;width:100%}.open-btn,.delete-btn{width:auto!important;flex:1!important;margin-left:0!important;margin-top:0!important;padding:12px 5px;font-size:.9rem;height:44px;display:flex;align-items:center;justify-content:center}.delete-btn:only-child{flex:0 1 auto!important;min-width:100px;padding:12px 20px}.future-capsule-modal{width:95%}.capsule-header{padding:20px 24px}.capsule-title{font-size:1.4rem}.capsule-body-container{padding:24px}.hologram-message{font-size:1.05rem}.capsule-footer{flex-direction:column;gap:8px;padding:16px 24px}.meta-divider{display:none}}.fade-in{opacity:0;transform:translateY(10px);transition:.5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}