@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Outfit:wght@400;600;700&display=swap";:root{--bg-dark: #12031a;--bg-card: #20072e;--bg-card-hover: #2e0a42;--pink-neon: #ff2d87;--pink-light: #ff75b5;--fuchsia-bright: #d946ef;--purple-glow: #a855f7;--purple-deep: #250838;--text-main: #fdf2f8;--text-muted: #e9d5ff;--border-glow: rgba(255, 45, 135, .45);--border-glow-purple: rgba(168, 85, 247, .45);--font-ar: "Cairo", system-ui, -apple-system, sans-serif;--font-en: "Outfit", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:var(--font-ar);color:var(--text-main);direction:rtl}#app-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 35%,#2a083b,#12031a)}.mobile-frame{position:relative;width:100%;height:100%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 50px #ff2d8740}@media (min-width: 520px){.mobile-frame{height:94vh;border-radius:36px;border:2px solid rgba(255,45,135,.4);box-shadow:0 20px 60px #000c,0 0 50px #ff2d8759}}#map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{display:none!important;opacity:0!important;pointer-events:none!important}.rosy-atmosphere-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 40%,#ff2d871f,#d946ef14,#1c042666 90%),linear-gradient(to bottom,rgba(30,5,42,.4) 0%,transparent 25%,transparent 75%,rgba(22,3,32,.6) 100%)}.stardust{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.5px 1.5px at 25px 35px,#ff75b5,#0000),radial-gradient(1px 1px at 160px 130px,#f472b6,#0000),radial-gradient(2px 2px at 290px 250px,#e879f9,#0000),radial-gradient(1.5px 1.5px at 110px 410px,#ff2d87,#0000),radial-gradient(1px 1px at 330px 530px,#f43f5e,#0000);background-repeat:repeat;background-size:350px 350px;opacity:.5;pointer-events:none;animation:twinkle 8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.3;transform:translateY(0)}to{opacity:.65;transform:translateY(-6px)}}.counter-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:12;background:#1c0629;border:1px solid rgba(255,45,135,.4);border-radius:100px;padding:3px 14px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 14px #00000080;color:#fdf2f8;font-size:.76rem;font-weight:700;cursor:pointer;pointer-events:auto;transition:transform .2s ease,background .2s ease,border-color .2s ease}.counter-badge:hover{transform:translate(-50%) scale(1.05);border-color:#ff2d87;background:#270838}.counter-badge .counter-icon{display:flex;align-items:center;justify-content:center}.counter-badge.completed{border-color:#ff2d87;background:#2e083c;color:#ff75b5;box-shadow:0 0 16px #ff2d8773;animation:pulseCompleted 2s ease-in-out infinite}@keyframes pulseCompleted{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}}.header-bar{position:absolute;top:48px;left:20px;right:20px;z-index:10;background:var(--bg-card);border:1.5px solid var(--border-glow);border-radius:24px;padding:12px 20px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 30px #00000080}.names-container{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.person-name{font-size:1.18rem;font-weight:800;letter-spacing:-.2px}.person-name.cami{color:#ff75b5;text-shadow:0 0 10px rgba(255,117,181,.6)}.person-name.yuya{color:#f472b6;text-shadow:0 0 10px rgba(244,114,182,.6)}.heart-divider{display:flex;align-items:center;justify-content:center;animation:heartPulse 1.8s ease-in-out infinite}.city-marker{cursor:pointer;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.city-marker:hover .city-badge{transform:scale(1.06)}.city-badge{margin-top:4px;background:#240833;border:1px solid var(--border-glow);padding:4px 12px;border-radius:12px;font-size:.78rem;font-weight:800;color:#fff;white-space:nowrap;box-shadow:0 4px 16px #0009;display:flex;align-items:center;gap:5px;transition:transform .2s ease}.city-badge.cami-badge{border-color:#ff2d87;color:#ff9ac9}.city-badge.yuya-badge{border-color:#d946ef;color:#f5d0fe}.flow-heart-marker{cursor:pointer;width:32px;height:32px;pointer-events:auto;-webkit-user-select:none;user-select:none}.flow-heart-marker .heart-svg-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.flow-heart-marker:hover .heart-svg-wrapper,.flow-heart-marker:active .heart-svg-wrapper{transform:translate(-50%,-50%) scale(1.35)}.message-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c0314e0;z-index:100;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.message-modal-backdrop.active{opacity:1;pointer-events:auto}.message-card{position:relative;width:100%;background:#1c0629;border-top-left-radius:32px;border-top-right-radius:32px;border:1.5px solid var(--border-glow);border-bottom:none;padding:28px 24px 36px;box-shadow:0 -10px 40px #000c;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.message-modal-backdrop.active .message-card{transform:translateY(0)}.card-handle{width:44px;height:5px;background:#ff75b566;border-radius:10px;margin:0 auto 18px}.modal-close-btn{position:absolute;top:20px;left:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:50%;width:36px;height:36px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;color:#fdf2f8;cursor:pointer;transition:background .2s ease,transform .2s ease}.modal-close-btn svg{display:block;margin:auto}.modal-close-btn:hover{background:#ff2d8759;color:#fff;transform:scale(1.08)}.card-tag{display:inline-flex;align-items:center;justify-content:center;background:#ff2d8726;border:1px solid rgba(255,45,135,.4);padding:4px 14px;border-radius:100px;font-size:.78rem;font-weight:700;color:#ff75b5;margin-bottom:12px}.card-title{font-size:1.35rem;font-weight:800;color:#fff;margin-bottom:14px;line-height:1.3;display:flex;align-items:center;gap:10px}.card-text{font-size:1.05rem;line-height:1.8;color:#fdf2f8;margin-bottom:22px;font-weight:500;text-align:justify}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:.9rem;font-weight:700}.sender-from{color:#ff9ac9}.sender-to{color:#c084fc}@keyframes heartPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 3px rgba(255,45,135,.6))}50%{transform:scale(1.25);filter:drop-shadow(0 0 10px rgba(255,45,135,.9))}}