@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap";.login-container{display:flex;height:100vh;width:100vw;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.image-section{flex:1.2;background:#eaeaea;position:relative;overflow:hidden}.map-frame{position:relative;width:100%;height:100%;overflow:hidden}.map-bg{width:100%;height:100%;object-fit:cover;object-position:center center}.memory-pin{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:5;transform:translate(-50%,-50%)}.memory-pin img{width:150px;height:150px;object-fit:cover;border-radius:18px;box-shadow:0 12px 30px #00000059;transition:transform .3s ease}.memory-pin:hover img{transform:scale(1.05)}.memory-pin.large img{width:190px;height:190px}@media (max-width: 1024px){.memory-pin img{width:120px;height:120px;border-radius:12px;box-shadow:0 6px 15px #0000004d}.memory-pin.large img{width:140px;height:140px}.memory-pin:hover img{transform:none}}.pin-1{top:20%;left:20%}.pin-2{top:80%;right:15%}.pin-4{top:50%;right:45%}.pin-3{bottom:25%;left:70%}.pin-dot{width:14px;height:14px;background:#ff6b3d;border-radius:50%;border:3px solid #fff;position:relative;box-shadow:0 0 #ff6b3d99;animation:pulse 1.8s infinite;margin-top:-10px;z-index:6}@keyframes pulse{0%{box-shadow:0 0 #ff6b3d99}70%{box-shadow:0 0 0 10px #ff6b3d00}to{box-shadow:0 0 #ff6b3d00}}.pin-label{background:#fff;padding:10px 14px;border-radius:14px;margin-top:8px;text-align:center;box-shadow:0 8px 20px #00000040;min-width:120px}.pin-label strong{display:block;font-size:.9rem;font-weight:700;color:#333}.pin-label span{font-size:.75rem;color:#888}.map-attribution{position:absolute;bottom:15px;right:15px;font-size:10px;color:#ffffffb3;z-index:10;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}.policy-link-btn{background:none;border:none;color:#666;text-decoration:underline;cursor:pointer;font-size:.8rem;margin-left:5px;padding:0}.policy-link-btn:hover{color:#333}.policy-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.policy-modal-content{background:#fff;padding:30px;border-radius:16px;width:90%;max-width:500px;box-shadow:0 10px 25px #0003;text-align:left;animation:fadeIn .3s ease}.policy-modal-content h3{margin-top:0;margin-bottom:15px;font-size:1.2rem;color:#333}.policy-text{max-height:300px;overflow-y:auto;background:#f9f9f9;padding:15px;border-radius:8px;font-size:.9rem;color:#555;line-height:1.6;margin-bottom:20px;border:1px solid #eee}.policy-text h4{margin-top:15px;margin-bottom:5px;color:#444}.close-policy-btn{width:100%;padding:12px;background:#222;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s}.close-policy-btn:hover{background:#444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nickname-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9998;padding:16px;box-sizing:border-box}.nickname-box{background:#fff;width:100%;max-width:340px;max-height:100%;overflow-y:auto;padding:26px 22px 20px;border-radius:22px;text-align:center;position:relative;box-sizing:border-box;animation:nicknamePop .25s ease-out}@keyframes nicknamePop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nickname-icon{width:48px;height:48px;border-radius:15px;background:#e8f3ff;color:#3897f0;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.nickname-title{margin:0;font-size:20px;font-weight:700;color:#111}.nickname-sub{margin:4px 0 14px;font-size:13px;color:#777}.nickname-preview{font-size:22px;font-weight:700;color:#3897f0;margin:0 0 10px;word-break:break-all}.nickname-input-wrap{position:relative}.nickname-input{width:100%;box-sizing:border-box;padding:11px 48px 11px 14px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.nickname-input:focus{border-color:#3897f0;box-shadow:0 0 0 3px #3897f026}.nickname-input.is-valid{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.nickname-input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.nickname-counter{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:#9ca3af;pointer-events:none}.nickname-rules{list-style:none;margin:10px 0 0;padding:10px 12px;background:#f7f8fa;border-radius:12px;text-align:left;display:flex;flex-direction:column;gap:6px}.nickname-rule{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#9ca3af;transition:color .2s ease}.nickname-rule svg{flex-shrink:0}.nickname-rule.ok{color:#15803d}.nickname-rule.no{color:#dc2626}.nickname-error{margin:8px 0 0;font-size:13px;color:#dc2626;text-align:left}.terms-check{margin-top:14px;font-size:12.5px;color:#555;text-align:left;display:flex;flex-direction:column;gap:8px}.terms-check label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.terms-check input[type=checkbox]{width:16px;height:16px;margin:1px 0 0;flex-shrink:0;cursor:pointer;accent-color:#3897f0}.terms-check b{color:#3897f0;cursor:pointer;text-decoration:underline;font-weight:600}.nickname-actions{display:flex;gap:8px;margin-top:18px}.cancel-btn,.active-btn,.disabled-btn{padding:12px;border:none;border-radius:12px;font-size:15px;font-weight:700;transition:background .2s ease,transform .15s ease}.cancel-btn{flex:1;background:#f4f4f5;color:#555;cursor:pointer}.cancel-btn:hover{background:#e5e7eb}.active-btn{flex:2;background:#3897f0;color:#fff;cursor:pointer}.active-btn:hover{background:#2178d1}.active-btn:active{transform:scale(.98)}.disabled-btn{flex:2;background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-section{flex:1;display:flex;justify-content:center;align-items:center;padding:40px}.login-card{width:100%;max-width:420px}.logo{font-family:Montserrat,sans-serif;font-size:3.4rem;font-weight:900;letter-spacing:-.08em;margin-bottom:6px;color:#111}.welcome-text{font-size:1.6rem;font-weight:700;margin-bottom:36px;line-height:1.3;color:#333}.button-group{display:flex;flex-direction:column;gap:12px}.btn{height:52px;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.google-btn{border:1px solid #e5e7eb;background:#fff;color:#333}.google-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014;border-color:#d1d5db}.google-icon{width:18px;height:18px;margin-right:10px}.guest-btn{background:#f4f4f5;border:none;color:#555}.guest-btn:hover{background:#e5e7eb}.footer{margin-top:28px;font-size:.8rem;color:#888;line-height:1.5}@media (max-width: 768px){.login-container{flex-direction:column}.image-section{display:none}.form-section{padding:20px}.logo{font-size:2.5rem}.welcome-text{font-size:1.4rem}}.emoji-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;justify-content:flex-end;align-items:flex-start;padding-right:40px;padding-top:90px;z-index:99999!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.emoji-modal{background:#fff;padding:20px;border-radius:20px;width:280px;box-shadow:0 10px 30px #0003;animation:popupFade .2s ease-out;display:flex;flex-direction:column;gap:15px}@keyframes popupFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-user-info{font-size:16px;font-weight:700;color:#333;text-align:left;padding-left:4px}.emoji-box{background:#f8f9ff;border:2px solid #eef2ff;padding:15px;border-radius:16px}.emoji-title{margin:0 0 12px;font-size:15px;font-weight:600;color:#555;text-align:center}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.emoji-item{font-size:24px;cursor:pointer;text-align:center;transition:transform .15s ease;padding:4px;border-radius:8px}.emoji-item:hover{transform:scale(1.2);background-color:#fff;box-shadow:0 2px 5px #0000001a}.emoji-actions{display:flex;flex-direction:column;gap:4px;margin-top:5px}.emoji-menu-btn{width:100%;padding:12px 0;text-align:center;font-size:15px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:.2s;color:#fff}.emoji-menu-btn.login,.emoji-menu-btn.logout{background:#3b82f6;padding:18px 0}.emoji-menu-btn.login:hover,.emoji-menu-btn.logout:hover{background:#2563eb}.emoji-menu-btn.feedback{background:#4b5563b2;padding:5px 0}.emoji-menu-btn.feedback:hover{background:#ff0202b0}.emoji-close-btn{width:100%;padding:12px 0;background:#f3f4f6;color:#4b5563;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:15px;margin-top:4px}.emoji-close-btn:hover{background:#e5e7eb}.emoji-menu-btn.photo-upload{background:#ffffff48;color:#3b82f6;border:2px solid #dbeafe;padding:7px 0;margin-bottom:16px;font-size:14px;box-shadow:0 2px 5px #3b82f60d}.emoji-menu-btn.photo-upload:hover{background:#f7efff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f626}.emoji-menu-btn.photo-upload:active{transform:translateY(0);box-shadow:none}.emoji-guest-lock{padding:20px 10px;text-align:center;background:#f8f9fa;border-radius:12px;border:1px dashed #dee2e6;margin-top:10px}.emoji-guest-lock .lock-icon{font-size:32px;margin-bottom:10px}.emoji-guest-lock p{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px}.emoji-menu-btn.login-link{background-color:#3eaaff;color:#fff;font-weight:700;border-radius:8px;padding:8px 16px;font-size:13px}.emoji-menu-btn.login-link:hover{background-color:#2b95e9}.emoji-modal-overlay.upload-layer{z-index:3100}.photo-preview-area{width:100%;height:200px;background-color:#f3f4f6;border-radius:12px;border:2px dashed #d1d5db;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:12px}.photo-preview-img{width:100%;height:100%;object-fit:cover}.photo-placeholder p{color:#9ca3af;font-size:14px;margin-bottom:8px}.photo-select-btn{background:#fff!important;color:#4b5563!important;border:1px solid #d1d5db!important;padding:6px 16px!important;font-size:13px!important;border-radius:20px!important;cursor:pointer;display:inline-block;margin-top:8px;box-shadow:0 1px 2px #0000000d;position:absolute;bottom:10px;z-index:10}.photo-select-btn:hover{background:#f9fafb!important}.photo-description-input{width:100%;height:60px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-size:14px;resize:none;outline:none;font-family:inherit;margin-bottom:10px}.photo-description-input:focus{border-color:#3b82f6;background-color:#eff6ff}.profile-gradient-border{position:relative;isolation:isolate;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:transform .2s ease;flex-shrink:0}.profile-gradient-border:hover{transform:scale(1.05)}.profile-gradient-border:active{transform:scale(.97)}.profile-gradient-border:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:0;border-radius:50%;background:conic-gradient(from 0deg,#ffd6e8,#ffe6c2,#fff6b8,#d4f5c2,#c2eef0,#c9d8fb,#e3c9f7,#ffd6e8);animation:profileBorderSpin 8s linear infinite;transition:background .2s ease}@keyframes profileBorderSpin{to{transform:rotate(360deg)}}.profile-gradient-border--alert:before{background:#ff3b30;animation:profileBorderAlertPulse 1.6s ease-in-out infinite}@keyframes profileBorderAlertPulse{0%,to{box-shadow:0 0 #ff3b3059}50%{box-shadow:0 0 0 6px #ff3b3000}}.profile-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;display:block;position:relative;z-index:1}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:99999;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.profile-modal-content{background:#fff;border-radius:20px;width:90%;max-width:420px;box-shadow:0 10px 30px #00000040;animation:profileModalFadeIn .3s ease-out}@keyframes profileModalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999998;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;animation:profileOverlayIn .3s ease forwards}.profile-sheet-overlay--closing{animation:profileOverlayOut .3s ease forwards}@keyframes profileOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes profileOverlayOut{0%{opacity:1}to{opacity:0}}.profile-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0000002e;z-index:999999;will-change:transform;display:flex;flex-direction:column;align-items:center;padding-bottom:env(safe-area-inset-bottom,16px);box-sizing:border-box;border:2.5px solid transparent;border-bottom-color:#fff;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#9fc4ff,#e8f2ff 18%,#3a78d8 38%,#bcdcff,#1d4f9e 72%,#dceaff 88%,#5c8fd6) border-box}.profile-sheet--opening{animation:profileSheetUp .38s cubic-bezier(.32,.72,0,1) forwards}.profile-sheet--closing{animation:profileSheetDown .28s ease-in forwards}@keyframes profileSheetUp{0%{transform:translate(-50%) translateY(100%);opacity:.6}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes profileSheetDown{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}.profile-sheet__handle{width:40px;height:4px;background:#ddd;border-radius:50px;margin:12px auto 4px;flex-shrink:0}.profile-sheet__close{position:absolute;top:20px;right:18px;background:none;border:none;font-size:18px;color:#aaa;cursor:pointer;font-weight:300;line-height:1;padding:4px 8px}.profile-sheet__close:hover{color:#555}.profile-sheet__body{width:100%;display:flex;flex-direction:column;align-items:center;padding:8px 24px 28px;box-sizing:border-box}.profile-sheet__title{font-size:16px;font-weight:700;color:#111;margin:0 0 20px}.profile-sheet__avatar-wrap{margin-top:28px;margin-bottom:40px;padding-bottom:28px;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid #f0f0f0}.profile-sheet__btn{width:100%;padding:13px;border-radius:14px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.profile-sheet__btn:active{transform:scale(.97);opacity:.85}.profile-sheet__btn--outline{background:#f0f4ff;border:1.5px solid #4A90E2;color:#4a90e2}.profile-sheet__btn--primary{background:#4a90e2;color:#fff}.profile-sheet__guest{width:100%;text-align:center;padding:32px 24px 28px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.ppm-header-actions{position:absolute;top:16px;right:14px;display:flex;align-items:center;gap:4px;z-index:2}.ppm-bell-btn{position:relative;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.ppm-bell-btn:hover{background:#f2f2f2;color:#555}.ppm-bell-btn:active{transform:scale(.94)}.ppm-bell-dot{position:absolute;top:5px;right:6px;width:8px;height:8px;border-radius:50%;background:#e8241a;border:1.5px solid #fff}.ppm-close-inline{position:static;top:auto;right:auto}.ppm-membership-card{width:100%;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;border:none;text-align:left;transition:transform .15s ease,opacity .15s ease}.ppm-membership-card:active{transform:scale(.98);opacity:.88}.ppm-membership-card--inactive{background:linear-gradient(120deg,#eef4ff,#e4edff);border:1.5px solid rgba(51,136,255,.25)}.ppm-membership-card--active{background:linear-gradient(120deg,#fdf7e0,#fff3c0);border:1.5px solid rgba(200,160,0,.25)}.ppm-membership-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ppm-membership-icon--inactive{background:#3388ff1f}.ppm-membership-icon--active{background:#c8960026}.ppm-membership-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ppm-membership-title{font-size:12px;font-weight:700}.ppm-membership-title--inactive{color:#1a5fcc}.ppm-membership-title--active{color:#7a5200}.ppm-membership-sub{font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppm-membership-sub--inactive{color:#4a80d0}.ppm-membership-sub--active{color:#b08030}.ppm-membership-badge{flex-shrink:0;padding:3px 10px;border-radius:99px;font-size:10px;font-weight:700;white-space:nowrap}.ppm-membership-badge--inactive{background:#38f;color:#fff}.ppm-membership-badge--active{background:#b4820024;color:#8a6000;border:1px solid rgba(180,130,0,.2)}.ppm-mini-photo-actions{display:flex;flex-direction:column;gap:8px;margin-right:6px;flex-shrink:0}.ppm-mini-icon-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;box-shadow:0 2px 6px #00000014;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.ppm-mini-icon-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001f}.ppm-mini-icon-btn:active{transform:scale(.92);box-shadow:0 1px 3px #0000001a}.ppm-mini-icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ppm-mini-icon-btn--change{background:radial-gradient(circle at 30% 30%,#eaf3ff,#d3e6ff)}.ppm-mini-icon-btn--delete{background:radial-gradient(circle at 30% 30%,#fee,#ffd9d9)}.ppm-bottom-row{display:flex;gap:8px;width:100%;align-items:stretch}.ppm-feedback-btn{flex-shrink:0;height:46px;padding:0 13px;border-radius:12px;border:1px solid #e8e8e8;background:#fafafa;color:#999;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:background .15s ease}.ppm-feedback-btn:hover{background:#f0f0f0}.ppm-logout-btn{flex:1;height:46px;border-radius:12px;border:none;background:#e8241a;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.ppm-logout-btn:hover{background:#c91e15}.ppm-logout-btn:active{transform:scale(.98)}.ppm-notif-empty{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 0 24px;color:#999}.ppm-notif-empty p{margin:0;font-size:13px}.ppm-notif-list{width:100%;display:flex;flex-direction:column;gap:8px}.ppm-notif-item{width:100%;border-radius:12px;border:1px solid #eee;background:#fafafa;padding:12px 14px;box-sizing:border-box;text-align:left}.ppm-notif-item__title{font-size:13px;font-weight:700;color:#222;margin-bottom:4px}.ppm-notif-item__body{font-size:12px;color:#666;line-height:1.5}.ppm-notif-item__date{margin-top:6px;font-size:10px;color:#aaa}.ppm-notif-item{position:relative}.ppm-notif-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;border:none;background:transparent;color:#aaa;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s ease,color .15s ease}.ppm-notif-delete:hover{background:#f0f0f0;color:#555}.sub-sheet-overlay{z-index:1000002!important}.sub-bottom-sheet{z-index:1000003!important;height:auto;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom,20px);overflow-y:auto;-webkit-overflow-scrolling:touch}.view-photo-sheet__img-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:8px 0 4px}.view-photo-sheet__img{width:100%;max-height:55vh;object-fit:contain;border-radius:16px;background:#f4f4f4}.sub-bottom-sheet .emoji-modal-overlay,.sub-bottom-sheet .profile-modal-overlay{position:static!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}.sub-bottom-sheet .emoji-modal,.sub-bottom-sheet .profile-modal-content{width:100%!important;border-radius:0!important;box-shadow:none!important;padding:0!important;animation:none!important}@media (max-width: 480px){.profile-sheet{max-width:100%;border-radius:20px 20px 0 0}.sub-bottom-sheet{max-height:90dvh}.view-photo-sheet__img{max-height:50vh}.emoji-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;padding:16px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;animation:none}.emoji-modal-overlay{justify-content:center;align-items:center;padding:0}.emoji-user-info{position:sticky;top:0;background:#fff;padding:12px 0;z-index:5}.emoji-close-btn{padding:16px 0;font-size:16px}.emoji-item{font-size:20px}.emoji-grid{gap:10px}.photo-preview-area{height:160px}}.ppm-avatar-follow-row{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%}.ppm-follow-stats{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13px;color:#666;font-weight:600;min-width:0}.ppm-follow-stats__row{display:flex;align-items:center;justify-content:flex-start;gap:8px}.ppm-follow-stats__item strong{color:#111;font-weight:800;margin:0 2px}.ppm-follow-stats__divider{color:#ddd;font-weight:400}.ppm-nickname-inline{font-size:15px;font-weight:800;color:#111;text-align:left;overflow-wrap:anywhere}.ppm-pro-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:800;letter-spacing:.3px;color:#7c5cff;background:#efe9ff;border:1px solid rgba(124,92,255,.25);border-radius:999px;vertical-align:middle}.ppm-follow-stats__row{display:flex;align-items:center;justify-content:center;gap:8px}.ppm-follow-stats__pill{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999px;background:#f4f5f9;font-size:12px;font-weight:600;color:#777;white-space:nowrap}.ppm-follow-stats__pill strong{color:#111;font-weight:800}.feedback-location-overlay{z-index:1000030!important}.feedback-location-sheet{z-index:1000031!important}.ppm-delete-account-btn{display:block;width:100%;text-align:center;margin-top:14px;background:none;border:none;font-size:12px;color:#aaa;cursor:pointer;padding:4px 0}.ppm-delete-account-btn:hover{color:#888}.profile-sheet__btn-row{width:100%;display:flex;gap:8px;margin-bottom:8px}.profile-sheet__btn-row .profile-sheet__btn{flex:1}.profile-sheet__btn--danger{background:#fff1f0;border:1.5px solid #e8241a;color:#e8241a}.profile-sheet__btn:disabled{opacity:.5;cursor:not-allowed}.profile-sheet__title--left{width:100%;text-align:left;align-self:flex-start}.profile-photo-actions{width:100%;display:flex;gap:10px;margin-bottom:8px}.profile-photo-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 8px 7px;border-radius:14px;border:1.5px solid transparent;cursor:pointer;background:#fff;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.profile-photo-action-btn:active{transform:scale(.97)}.profile-photo-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-photo-action-btn--change{background:linear-gradient(160deg,#eef4ff,#f5faff);border-color:#3388ff2e}.profile-photo-action-btn--change:hover:not(:disabled){box-shadow:0 4px 14px #3388ff2e}.profile-photo-action-btn--delete{background:linear-gradient(160deg,#fff3f2,#fff8f7);border-color:#e8241a2e}.profile-photo-action-btn--delete:hover:not(:disabled){box-shadow:0 4px 14px #e8241a26}.profile-photo-action-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.profile-photo-action-btn:hover:not(:disabled) .profile-photo-action-icon{transform:scale(1.08)}.profile-photo-action-icon--change{background:radial-gradient(circle at 30% 30%,#eaf3ff,#cfe3ff);color:#1a5fcc}.profile-photo-action-icon--delete{background:radial-gradient(circle at 30% 30%,#fee,#ffd2d2);color:#e8241a}.profile-photo-action-label{font-size:12px;font-weight:700}.profile-photo-action-btn--change .profile-photo-action-label{color:#1a5fcc}.profile-photo-action-btn--delete .profile-photo-action-label{color:#e8241a}.ppm-scroll-inset{width:calc(100% - 14px);flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-bottom:4px}.ppm-pay-item{display:flex;align-items:center;gap:12px}.ppm-pay-item--clickable{cursor:pointer}.ppm-pay-item--clickable:active{background:#f0f0f0}.ppm-pay-item__main{flex:1;min-width:0}.ppm-pay-thumb{width:56px;height:56px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#eceef1;display:flex;align-items:center;justify-content:center;font-size:22px}.ppm-pay-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ppm-pay-thumb__skeleton{width:100%;height:100%;background:linear-gradient(90deg,#eceef1,#f6f7f9,#eceef1)}.ppm-inquiry-btn{flex-shrink:0;align-self:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(51,136,255,.3);background:#eef4ff;color:#1a5fcc;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.ppm-inquiry-btn:active{transform:scale(.95)}.ppm-inquiry-btn--active{background:#fff7e0;border-color:#c8960059;color:#8a6000}.ppm-fb-item{display:flex;align-items:center;gap:12px}.ppm-fb-item--clickable{cursor:pointer}.ppm-fb-item--clickable:active{background:#f0f0f0}.ppm-fb-item__main{flex:1;min-width:0}.ppm-fb-item__msg{font-size:13px;color:#222;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ppm-fb-badge{flex-shrink:0;padding:5px 11px;border-radius:999px;background:#f1f2f4;color:#777;font-size:12px;font-weight:700;white-space:nowrap}.ppm-fb-badge--done{background:#eaf2ff;color:#1a5fcc}.ppm-fb-badge--rejected{background:#ffeceb;color:#e8241a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:20px;width:320px;text-align:center;box-shadow:0 4px 15px #0000001a}.modal-title{margin-top:0;margin-bottom:20px;font-size:18px;font-weight:700;color:#333}.upload-dropzone{border:2px dashed #cdd3db;border-radius:18px;background:#fafbfc;cursor:pointer;display:flex;flex-direction:column;height:220px;overflow:hidden;transition:.25s;margin-bottom:20px}.upload-dropzone:hover{border-color:#4f46e5;background:#f9f8ff}.dropzone-top{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafbfc;color:#888;gap:8px}.upload-icon{font-size:32px;margin-bottom:5px}.dropzone-top p{margin:0;font-size:15px}.dropzone-bottom{height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-top:1px solid #eee;color:#333;font-size:14px;font-weight:600}.upload-dropzone:hover .dropzone-bottom{color:#4f46e5}.upload-dropzone.has-preview{border-style:solid;padding:0;background:#000}.image-preview{width:100%;height:100%;object-fit:contain}.modal-actions{display:flex;flex-direction:column;gap:10px}.submit-btn{background:#3b82f6;color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{background:#f3f4f6;color:#333;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}.crop-container{position:relative;width:100%;height:220px;background:#333;border-radius:18px;overflow:hidden;margin-bottom:10px}.zoom-slider-container{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;color:#555;padding:0 10px}.zoom-range{flex:1;cursor:pointer}.upload-sheet__body{width:100%;padding:8px 24px 28px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-sheet__body .profile-sheet__title{margin-bottom:0}.upload-sheet__sub{margin:-6px 0 6px;font-size:12px;color:#888;text-align:center}.upload-sheet .upload-dropzone{width:160px;height:160px;flex-shrink:0;margin:4px 0 0;border-radius:50%;border:2px dashed #b9c8e8;background:#f5f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.upload-sheet .upload-dropzone:hover{background:#eaf1ff;border-color:#4a90e2}.upload-sheet .upload-dropzone .upload-icon{font-size:34px;margin:0}.upload-dropzone__label{font-size:13px;font-weight:600;color:#4a90e2}.upload-sheet__hint{margin:6px 0 10px;font-size:12px;color:#999;line-height:1.5;text-align:center}.upload-sheet .crop-container{width:100%;height:280px;margin:0;position:relative;border-radius:20px;overflow:hidden;background:#111}.upload-sheet .zoom-slider-container{width:100%;margin:0;padding:0;display:flex;align-items:center;gap:10px}.upload-sheet .zoom-slider-container label{font-size:13px;color:#6b7280;white-space:nowrap;flex-shrink:0}.upload-sheet .zoom-range{flex:1;accent-color:#4A90E2}.upload-sheet .reselect-btn{width:auto;padding:7px 16px;border-radius:999px;border:1px solid #dbe4f5;background:#f7f9fd;color:#4b5563;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.upload-sheet .reselect-btn:hover{background:#eef3ff;border-color:#4a90e2;color:#4a90e2}.upload-sheet__actions{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:6px}.upload-sheet__actions .profile-sheet__btn{flex:none;height:46px;padding:0}.upload-sheet__cancel{width:100%;height:42px;border:none;background:transparent;color:#888;font-size:13px;cursor:pointer}.upload-sheet__cancel:hover{color:#555}html,body,#root{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;overscroll-behavior-y:none}.layout-container{display:flex;height:100dvh;width:100%}:root{--cd-bg: rgba(255, 255, 255, .96);--cd-border: 1px solid rgba(51, 136, 255, .22);--cd-shadow: 0 0 0 2.5px rgba(51, 136, 255, .1), 0 2px 6px rgba(51, 136, 255, .08), 0 4px 18px rgba(0, 0, 0, .11);--cd-shadow-hover: 0 0 0 3px rgba(51, 136, 255, .14), 0 2px 8px rgba(51, 136, 255, .12), 0 4px 20px rgba(0, 0, 0, .13)}.sidebar{position:fixed;top:90px;left:20px;background:var(--cd-bg);border:var(--cd-border);box-shadow:var(--cd-shadow);border-radius:22px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:translate(0);opacity:1}.sidebar.hidden{transform:translate(-150%);opacity:0;pointer-events:none}.button-section{display:flex;flex-direction:column;align-items:center;gap:6px}.icon-btn{width:60px;min-height:62px;border-radius:16px;cursor:pointer;padding:8px 4px 7px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;box-shadow:none;color:#444;transition:background .2s ease,transform .15s ease}.icon-btn:hover{background:#3388ff0f;transform:translateY(-1px)}.icon-btn:active{transform:translateY(0) scale(.97)}.icon-btn-badge{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.icon-btn:hover .icon-btn-badge{transform:scale(1.07)}.icon-btn svg{display:block}@keyframes topPostsSpin{to{transform:rotate(360deg)}}.icon-btn-badge .top-posts-spinner{animation:topPostsSpin .8s linear infinite}.icon-btn span{font-size:11px;font-weight:500;line-height:1;white-space:nowrap;color:#555}.button-section .icon-btn:nth-child(1) .icon-btn-badge{background:#fff3d6}.button-section .icon-btn:nth-child(1) svg{color:#a8710a}.button-section .icon-btn:nth-child(2) .icon-btn-badge{background:#e3f0ff}.button-section .icon-btn:nth-child(2) svg{color:#185fa5}.button-section .icon-btn:nth-child(3) .icon-btn-badge{background:#e6f6ea}.button-section .icon-btn:nth-child(3) svg{color:#22833f}.icon-btn.inactive .icon-btn-badge{filter:grayscale(100%);opacity:.55}.icon-btn.inactive span{color:#adb5bd}.button-section .icon-btn:not(:last-child){position:relative}.button-section .icon-btn:not(:last-child):after{content:"";position:absolute;bottom:-3px;left:12px;right:12px;height:1px;background:#0000000d}.icon-btn-wrap{position:relative;display:inline-block}.top-posts-info-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;border:none;background:#0006;color:#fff;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.top-posts-info-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);width:200px;background:#000000d9;color:#fff;font-size:11px;line-height:1.6;padding:10px 12px;border-radius:10px;z-index:1500;box-shadow:0 4px 14px #00000040}@media (max-width: 768px){.top-posts-info-tooltip{width:170px;font-size:10px}}@media (max-width: 768px){.sidebar{top:90px;left:12px;transform:scale(.95)}.icon-btn{width:54px;min-height:56px}.icon-btn-badge{width:32px;height:32px;border-radius:10px}.icon-btn span{font-size:10px}}@media (max-width: 480px){.sidebar{top:80px;left:10px}.icon-btn{width:50px}}.map{width:100%;height:100%}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000}.spinner{border:4px solid #ddd;border-top:4px solid #0077ff;border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite;margin-bottom:8px}.login-box{position:fixed;top:20px;right:20px;z-index:2000;display:flex;align-items:center;gap:12px;padding:7px 13px;border-radius:14px;background:var(--cd-bg);border:var(--cd-border);box-shadow:var(--cd-shadow)}.profile-line{display:flex;align-items:center;gap:10px}.profile-text,.guest-label{font-weight:700;color:#333;font-size:14px;white-space:nowrap}.user-photo{position:relative;isolation:isolate;width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:transform .15s ease}.user-photo:hover{transform:scale(1.12)}.user-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;position:relative;z-index:1}.user-photo:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:0;border-radius:50%;background:conic-gradient(from 0deg,#ffd6e8,#ffe6c2,#fff6b8,#d4f5c2,#c2eef0,#c9d8fb,#e3c9f7,#ffd6e8);animation:userPhotoSpin 8s linear infinite;transition:background .2s ease}.user-photo--alert:before{background:#ff3b30;animation:userPhotoAlertPulse 1.6s ease-in-out infinite}@keyframes userPhotoAlertPulse{0%,to{box-shadow:0 0 #ff3b3059}50%{box-shadow:0 0 0 6px #ff3b3000}}.login-btn{padding:6px 12px;background-color:#38f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;transition:background .2s}.login-btn:hover{background-color:#27d}.login-btn.icon-only{width:40px;height:30px;background-color:#3b82f6;color:#fff;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:all .2s ease;margin-left:8px}.login-btn.icon-only:hover{background-color:#2564ebbe;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.login-btn.icon-only:active{transform:translateY(0);box-shadow:0 2px 3px #0000001a}.user-points{background:#fff;padding:20px 4.5px;border-radius:12px;box-shadow:0 2px 6px #0003;border:1px solid #ddd;display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-weight:700;font-size:15px;color:#333;align-self:center;margin-top:-10px}@media (max-width: 768px){.login-box{top:15px;background:none!important;box-shadow:none!important;border:none!important;padding:0!important;transition:top .35s cubic-bezier(.25,1.25,.5,1);z-index:5000!important}.profile-line .profile-text,.login-btn{display:none!important}.user-photo{width:32px;height:32px;animation:photoBounceDown .35s ease-out}.profile-line{display:flex;align-items:center;justify-content:center;padding:5px!important}@keyframes photoBounceDown{0%{transform:translateY(-12px);opacity:0}45%{transform:translateY(6px);opacity:1}70%{transform:translateY(-3px)}to{transform:translateY(0)}}}.custom-zoom-container{margin-top:90px!important;margin-right:10px!important}.zoom-vertical-pill{display:flex;flex-direction:column;overflow:hidden;background:var(--cd-bg);border:var(--cd-border);box-shadow:var(--cd-shadow);border-radius:16px}.zoom-btn{width:40px;height:40px;border:none;background:transparent;color:#444;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.zoom-btn:hover{background:#3388ff14;color:#38f}.zoom-btn:active{background:#3388ff24}.zoom-btn.zoom-in{border-bottom:1px solid rgba(0,0,0,.06)}@media (max-width: 768px){.custom-zoom-container{display:none!important}}.zoom-grid-hint-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#38f;color:#fff;border:none;box-shadow:0 4px 14px #3388ff59;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;z-index:1600;animation:hintBtnPop .25s ease-out}.zoom-grid-hint-btn:hover{background:#27d;transform:translateY(-1px)}.zoom-grid-hint-btn svg{display:block}@keyframes hintBtnPop{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.zoom-grid-hint-btn{font-size:12px;padding:7px 12px}}.map-floating-group{position:fixed;bottom:28px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:auto;--float-scale: 1;transform:scale(var(--float-scale));transform-origin:bottom right;transition:transform .2s ease,opacity .2s ease}.map-float-btn{width:44px;height:44px;padding:0;border-radius:14px;color:#555;background:var(--cd-bg);border:var(--cd-border);box-shadow:var(--cd-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .25s ease,filter .25s ease}.map-float-btn:hover{transform:scale(1.06);border-color:#3388ff59;box-shadow:var(--cd-shadow-hover)}.map-float-btn.dimmed svg{opacity:.4}.map-float-btn svg{display:block}.map-float-btn span{font-size:11px;line-height:1;white-space:nowrap}.map-float-btn.locate{background:#38f;color:#fff;border-color:#3388ff80;box-shadow:0 0 0 2.5px #38f3,0 4px 18px #3388ff4d}.map-float-btn.locate:hover{background:#27d;box-shadow:0 0 0 3px #3388ff40,0 6px 22px #3388ff59}@media (max-width: 768px){.map-floating-group{bottom:20px;right:14px;gap:6px}.map-float-btn{width:40px;height:40px;border-radius:12px}.map-float-btn span{font-size:10px}}.mypixels-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10500;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.mypixels-modal{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:540px;height:82dvh;max-height:82dvh;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;overflow:hidden;z-index:10600;will-change:transform}.mypixels-opening{animation:myPixelsSlideUp .35s cubic-bezier(.32,.72,0,1) forwards}.mypixels-closing{animation:myPixelsSlideDown .28s ease-in forwards}@keyframes myPixelsSlideUp{0%{transform:translate(-50%) translateY(100%);opacity:.6}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes myPixelsSlideDown{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}.mypixels-drag-handle{width:40px;height:4px;background:#ddd;border-radius:50px;margin:12px auto 4px;flex-shrink:0}.mypixels-header{display:flex;flex-direction:column;gap:10px;padding:6px 20px 12px;border-bottom:1px solid #f3f3f3;flex-shrink:0}.mypixels-header-top{display:flex;align-items:center;justify-content:space-between}.mypixels-title{margin:0;font-size:15px;font-weight:600;z-index:5001}.mypixels-close{border:none;background:transparent;font-size:18px;cursor:pointer}.mypixels-tabs{display:flex;gap:0;border-bottom:1px solid #eee}.mypixels-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 4px 11px;border:none;background:transparent;border-radius:0;cursor:pointer;font-weight:700;font-size:13px;color:#aaa;position:relative;transition:color .15s ease}.mypixels-tab svg{opacity:.6;transition:opacity .15s ease}.mypixels-tab:hover{transform:none;background:transparent;color:#38f}.mypixels-tab:hover svg{opacity:1}.mypixels-tab.active{background:#fff;border-color:transparent;box-shadow:none;color:#38f}.mypixels-tab.active svg{opacity:1}.mypixels-tab.active:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:2px;border-radius:2px;background:#38f}.mypixels-body{flex:1;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mypixels-empty{padding:40px 24px;text-align:center;font-size:14px;color:#777}@media (max-width: 480px){.mypixels-modal{max-width:100%;height:90dvh;max-height:90dvh;border-radius:20px 20px 0 0}}.upload-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.upload-delete-btn:hover{background:#000000bf;transform:scale(1.05)}.mypixels-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5px;padding:0}.mypixel-card{background:transparent;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:none}.mypixel-card:hover{transform:none}.mypixel-thumb{width:100%;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;background-color:#f0f0f0;border:none;box-sizing:border-box;position:relative;box-shadow:none}.mypixel-thumb img,.mypixel-thumb video{width:100%;height:100%;object-fit:cover;transform:none;display:block}.mypixel-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f0f0f0;opacity:.3}.mypixel-date{display:block;margin-top:8px;font-size:12px;color:#555;font-weight:600;text-align:center}.mypixel-new-badge{position:absolute;top:8px;left:8px;z-index:2;background:#3388ffeb;color:#fff;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:999px;pointer-events:none}.mypixel-hidden-badge{position:absolute;top:8px;left:8px;z-index:2;background:#0000008c;color:#fff;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:999px;pointer-events:none}.mypixel-top-icons{position:absolute;top:6px;right:6px;z-index:2;display:flex;align-items:center;gap:4px;pointer-events:none}.mypixel-top-icons svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));display:block}.mypixel-top-icons .icon-emoji{font-size:12px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.mypixel-bottom-stat{position:absolute;bottom:5px;left:6px;z-index:2;display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);pointer-events:none}.mypixel-bottom-stat svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));display:block}@media (max-width: 900px){.mypixels-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.mypixels-body{padding:0}.mypixels-list{grid-template-columns:repeat(3,1fr);gap:1.5px;padding:0}.mypixel-card{padding:0}.mypixel-date{font-size:12px;padding:4px 6px}.mypixel-new-badge,.mypixel-hidden-badge{font-size:10px;padding:3px 8px;top:8px;left:8px}.mypixel-top-icons{top:5px;right:5px}.mypixel-bottom-stat{bottom:4px;left:5px;font-size:10px}}.history-card{position:relative}.mypixel-thumb.is-hidden{opacity:.35;filter:grayscale(60%);transition:opacity .3s ease,filter .3s ease}.skeleton{pointer-events:none}.skeleton-box{width:100%;height:100%;background:#eee;border-radius:8px;animation:pulse 1.4s ease-in-out infinite}.skeleton-line{height:10px;margin-top:6px;background:#eee;border-radius:6px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ad-scope-badge{position:absolute;top:6px;left:6px;z-index:2;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;line-height:1.4;pointer-events:none}.ad-scope-badge--worldwide{background:#74b3e8e6;color:#fff}.ad-scope-badge--country{background:#f4dd8ae6;color:#5c4a1a}.ad-scope-badge--city{background:#eb8f8fe6;color:#fff}.ad-stats-row{display:flex;justify-content:center;gap:8px;margin-top:4px;font-size:11px;color:#777}.ad-stat{display:flex;align-items:center;gap:2px;white-space:nowrap}.ad-overlay-stats{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);flex-shrink:0}.ad-overlay-stats .ad-stat{color:#fff}@media (max-width: 480px){.ad-overlay-stats{font-size:10px;gap:5px}}.mypixel-thumb--edit-request{border-color:#ff63638c;animation:editRequestPulse 1.8s ease-in-out infinite}@keyframes editRequestPulse{0%,to{box-shadow:0 0 #ff3b3059}50%{box-shadow:0 0 0 6px #ff3b3000}}.mypixel-edit-badge{position:absolute;top:6px;right:6px;z-index:2;background:#ff3b30e6;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;line-height:1.4;pointer-events:none;white-space:nowrap}.map-container-wrapper{position:relative;flex:1;height:100dvh;overflow:hidden}.map-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mypixels-empty-state{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:56px 24px 40px}.empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:280px}.empty-icon-badge{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#eef4ff,#e3f0ff);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 14px #3388ff2e}.empty-icon{font-size:28px;line-height:1}.empty-title{margin:0 0 6px;font-size:15px;font-weight:700;color:#333}.empty-desc{margin:0 0 20px;font-size:13px;line-height:1.55;color:#999}.empty-action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;border:none;background:#38f;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #3388ff52;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.empty-action-btn:hover{background:#27d;transform:translateY(-1px);box-shadow:0 6px 18px #3388ff61}.empty-action-btn:active{transform:translateY(0) scale(.97)}.empty-action-arrow{transition:transform .15s ease}.empty-action-btn:hover .empty-action-arrow{transform:translate(3px)}@media (max-width: 480px){.mypixels-empty-state{padding:44px 20px 32px}.empty-icon-badge{width:56px;height:56px;border-radius:16px;margin-bottom:12px}.empty-icon{font-size:24px}}.frame-border-glow{box-sizing:border-box;border:2.5px solid transparent;border-bottom-color:#fff;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#9fc4ff,#e8f2ff 18%,#3a78d8 38%,#bcdcff,#1d4f9e 72%,#dceaff 88%,#5c8fd6) border-box}.mypixels-body,.login-modal-content{scrollbar-width:none;-ms-overflow-style:none}.mypixels-body::-webkit-scrollbar,.login-modal-content::-webkit-scrollbar{display:none;width:0;height:0}.loading-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#fff;z-index:9999}.pixel-loader-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:168px;height:168px}.pixel-loader-cell{width:100%;height:100%;border-radius:4px;background:#eceae3;opacity:0;transform:scale(.6);transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1),background-color .2s ease}.pixel-loader-text{text-align:center}.pixel-loader-title{font-size:15px;font-weight:600;margin:0 0 4px;color:#222}.pixel-loader-subtitle{font-size:13px;margin:0;color:#999}@media (prefers-color-scheme: dark){.loading-container{background:#121212}.pixel-loader-cell{background:#2a2a2a}.pixel-loader-title{color:#f2f2f2}.pixel-loader-subtitle{color:#888}}