html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:max(56px,calc(56px + env(safe-area-inset-top,0px)));scroll-padding-bottom:80px}html.no-snap{scroll-snap-type:none!important}@supports (-webkit-touch-callout:none){html{height:-webkit-fill-available}body{min-height:-webkit-fill-available}}body{background-color:#000;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb{background:#7c3aed80;border:2px solid #0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c3aedb3}*{scrollbar-width:thin;scrollbar-color:#7c3aed80 #0003}.nav-liquid-glass{-webkit-backdrop-filter:blur(24px)saturate(120%);background:#1e1a2cc7;border:1px solid #a78bfa1f;box-shadow:inset 0 1px #ffffff0d,0 4px 20px #0000004d}.main-container{background-image:linear-gradient(#120f1ce0 0%,#1c182ad1 50%,#161423db 100%),url(/blackhole.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.main-container>.max-w-md{margin-left:auto;margin-right:auto}.map-page-container .glass-card{scroll-snap-align:none;scroll-snap-stop:normal}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(120%);color:#f5f5fa;background:#28233a85;border:1px solid #a78bfa2e;border-radius:2rem;width:100%;max-width:450px;margin-bottom:2rem;padding:2.5rem;box-shadow:inset 0 1px #ffffff0f,0 4px 20px #00000059,0 12px 40px -8px #0006}.glass-card.border-silver{border:1px solid #ebebf88c;box-shadow:inset 0 1px #ffffff0f,0 4px 20px #00000059,0 12px 40px -8px #0006,0 0 0 1px #fff3,0 0 12px #ffffff14}@keyframes avatar-float{0%{transform:translateY(4px)}50%{transform:translateY(-4px)}to{transform:translateY(4px)}}.avatar-float{animation:4s ease-in-out infinite avatar-float}.glass-card.border-emerald{border:1px solid #a7f3d0b3;box-shadow:inset 0 1px #ffffff0f,0 4px 20px #00000059,0 12px 40px -8px #0006,0 0 0 1px #bbf7d066,0 0 14px #aef3cd33}.glass-card.border-rainbow{border:1px solid #fdd7aabf;box-shadow:inset 0 1px #ffffff0f,0 4px 20px #00000059,0 12px 40px -8px #0006,0 0 0 1px #fed7aa73,0 0 16px #fdba7438}.cards-scroll{width:100%;max-width:520px;padding-bottom:2rem}.glass-card{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:20px;scroll-margin-bottom:200px}.cards-scroll .glass-card-snap{scroll-snap-align:start;scroll-snap-stop:always;margin-bottom:2rem;scroll-margin-top:20px}.image-modal{z-index:120;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal-inner{cursor:default;background:#0009;border-radius:12px;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;padding:12px;display:flex;position:relative}.image-modal-inner img{object-fit:contain;border-radius:8px;max-width:100%;max-height:85vh}.image-modal .modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:8px;padding:8px 14px;font-size:14px;position:absolute;top:12px;right:12px}.image-modal .modal-close:hover{background:#ffffff40}.back-to-top{color:#fff;cursor:pointer;z-index:60;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:12px;padding:12px 14px;font-weight:700;transition:transform .15s;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 20px #7c3aed40}.back-to-top:hover{transform:translateY(-4px)}.glass-card.deleting{pointer-events:none;animation:.4s ease-out forwards fadeOutSlideUp}@keyframes fadeOutSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast-notification{color:#fff;z-index:100;background:#000000e6;border:1px solid #ffffff1a;border-radius:12px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.loading-overlay{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #fff3;border-top-color:#7c3aed;border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin}.loading-overlay p{color:#ffffffe6;font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.2s ease-out fadeIn}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelPopIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay-fade{animation:.25s ease-out modalOverlayFadeIn}.modal-panel-pop{animation:.28s cubic-bezier(.4,0,.2,1) modalPanelPopIn}