:root{--color-primary:#ff6b8a;--color-primary-soft:#fff0f3;--color-primary-border:#ffb3c6;--color-primary-deep:#ff4d77;--color-dark:#1a1a2e;--color-bg:#f8f8f8;--color-surface:#fff;--color-surface-2:#fafafa;--color-surface-3:#f5f5f5;--color-fg-1:#222;--color-fg-2:#333;--color-fg-3:#555;--color-fg-4:#888;--color-fg-5:#aaa;--color-fg-6:#bbb;--color-border:#e0e0e0;--color-border-soft:#f0f0f0;--color-success:#4caf50;--color-success-soft:#f0faf0;--color-warning:#b07800;--color-warning-soft:#fff8ec;--color-warning-border:#ffd980;--color-danger:#f44;--color-danger-deep:#e53935;--color-info:#9c6fda;--color-info-soft:#f8f4ff;--color-info-border:#e8d5ff;--color-star:#ffb800;--color-bloom-gradient:linear-gradient(90deg, #ffd1dc 0%, #ff6b8a 60%, #ff4d77 100%);--color-levelup-gradient:linear-gradient(135deg, #ff6b8a, #f94);--color-kakao-bg:#fee500;--color-kakao-fg:#191919;--color-naver-bg:#03c75a;--color-naver-fg:#fff;--font-sans:-apple-system, BlinkMacSystemFont, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-20:20px;--fs-display:48px;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--fw-extra:800;--fw-black:900;--lh-tight:1.3;--lh-snug:1.4;--lh-base:1.5;--lh-loose:1.7;--s-1:4px;--s-2:8px;--s-3:10px;--s-4:12px;--s-5:14px;--s-6:16px;--s-7:20px;--s-8:24px;--s-9:32px;--s-10:40px;--r-2:2px;--r-8:8px;--r-10:10px;--r-12:12px;--r-14:14px;--r-16:16px;--r-20:20px;--r-24:24px;--r-full:999px;--r-sheet:20px 20px 0 0;--shadow-fab:0 4px 12px #ff6b8a66;--shadow-toast:0 4px 20px #ff6b8a73;--shadow-sheet:0 -4px 20px #0000001f;--shadow-menu:0 4px 24px #00000026;--shadow-popup:0 8px 32px #0000002e;--shadow-btn:0 2px 10px #0000002e;--overlay-bg:#00000080;--overlay-bg-light:#00000073;--dur-tap:.1s;--dur-fast:.15s;--dur-base:.3s;--dur-toast:.35s;--ease-out:ease;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--press-scale:.93;--header-h:56px;--bottom-nav-h:60px;--z-header:100;--z-menu:201;--z-sheet:200;--z-search:300;--z-modal:500;--z-picker:600;--z-toast:600;--z-popup:1000}.t-h1{font-size:var(--fs-20);font-weight:var(--fw-bold);color:var(--color-fg-1);line-height:var(--lh-tight)}.t-h2{font-size:var(--fs-18);font-weight:var(--fw-bold);color:var(--color-fg-1);line-height:var(--lh-tight)}.t-h3{font-size:var(--fs-17);font-weight:var(--fw-bold);color:var(--color-fg-1);line-height:var(--lh-snug)}.t-body{font-size:var(--fs-14);font-weight:var(--fw-regular);color:var(--color-fg-2);line-height:var(--lh-base)}.t-label{font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-fg-3);line-height:var(--lh-snug)}.t-meta{font-size:var(--fs-13);font-weight:var(--fw-regular);color:var(--color-fg-4)}.t-caption{font-size:var(--fs-12);font-weight:var(--fw-regular);color:var(--color-fg-5)}.t-micro{font-size:var(--fs-11);font-weight:var(--fw-regular);color:var(--color-fg-6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:#333;background:#fff;height:100dvh;overflow:hidden}#root,.app{flex-direction:column;height:100dvh;display:flex}.header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-logo{align-items:center;gap:8px;display:flex}.header-logo h1{color:#ff6b8a;font-size:18px;font-weight:700}.login-trigger{color:#fff;cursor:pointer;background:#ff6b8a;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.header-user{cursor:pointer;align-items:center;gap:6px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-avatar-placeholder{color:#fff;background:#ff6b8a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.user-name{color:#555;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;font-weight:600;overflow:hidden}.header-logo span{font-size:20px}.filter-bar{scrollbar-width:none;background:#fff;border-bottom:1px solid #f0f0f0;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{cursor:pointer;white-space:nowrap;color:#555;background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px;transition:all .15s}.filter-chip.active{color:#fff;background:#ff6b8a;border-color:#ff6b8a;font-weight:600}.map-container{flex:1;position:relative;overflow:hidden}#naver-map{width:100%;height:100%}.fab-group{z-index:50;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:24px;right:20px}.upload-fab{color:#fff;cursor:pointer;z-index:50;background:#ff6b8a;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:transform .15s;display:flex;position:static;box-shadow:0 4px 12px #ff6b8a66}.upload-fab:active{transform:scale(.93)}.userspot-fab{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0000001f}.userspot-fab:active{transform:scale(.93)}.bottom-sheet{z-index:200;background:#fff;border-radius:20px 20px 0 0;padding:16px 20px 32px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #0000001f}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:#e0e0e0;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.spot-name{margin-bottom:4px;font-size:18px;font-weight:700}.spot-meta{color:#888;margin-bottom:16px;font-size:13px}.bloom-status-card{border-radius:12px;margin-bottom:12px;padding:12px 14px}.bloom-status-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.bloom-stage-label{font-size:15px;font-weight:700}.bloom-status-meta{color:#999;margin-top:4px;font-size:12px}.bloom-dday-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.bloom-dday-future{color:#ff6b8a;background:#fff0f3;border:1.5px solid #ffb3c6}.bloom-dday-today{color:#b07800;background:#fff8ec;border:1.5px solid #ffd980}.bloom-dday-past{color:#888;background:#f5f5f5;border:1.5px solid #ddd}.bloom-rate-bar{background:#f0f0f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.bloom-rate-fill{background:linear-gradient(90deg,#ffb347,#ff6b8a);border-radius:4px;height:100%;transition:width .5s}.bloom-rate-label{color:#ff6b8a;text-align:right;min-width:40px;font-size:15px;font-weight:700}.recent-photos{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.recent-photos::-webkit-scrollbar{display:none}.photo-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:80px;height:80px}.photo-thumb-placeholder{background:#f5f5f5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;display:flex}.modal-overlay--center{justify-content:center;align-items:center}.confirm-modal{text-align:center;background:#fff;border-radius:16px;width:280px;padding:24px 20px 16px}.confirm-modal p{color:#222;margin:0 0 20px;font-size:16px;font-weight:600}.confirm-buttons{gap:8px;display:flex}.confirm-cancel,.confirm-ok{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600}.confirm-cancel{color:#666;background:#f5f5f5}.confirm-ok{color:#fff;background:#f44}.header-user-info{flex-direction:column;gap:2px;display:flex}.user-petals{color:#ff6b8a;font-size:11px;font-weight:600}.photo-card{flex-shrink:0;position:relative}.like-btn{cursor:pointer;color:#333;background:#ffffffe0;border:none;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.6;position:absolute;bottom:4px;right:4px}.like-btn.liked{color:#f44}.close-sheet{cursor:pointer;color:#aaa;background:0 0;border:none;padding:4px;font-size:20px;position:absolute;top:16px;right:16px}.my-location-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0000001f}.my-location-btn:active{transform:scale(.93)}.my-location-btn:disabled{opacity:.5;cursor:default}.spot-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;padding-right:36px;display:flex}.spot-header-row .spot-name{margin-bottom:0}.navi-btn{color:#1a73e8;cursor:pointer;white-space:nowrap;background:#e8f0fe;border:none;border-radius:16px;padding:5px 10px;font-size:11px;font-weight:700}.navi-btn:active{background:#d2e3fc}.share-btn{color:#555;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:none;border-radius:16px;padding:5px 12px;font-size:12px;font-weight:600}.share-btn:active{background:#e8e8e8}.spot-weather{color:#666;background:#f8f8f8;border-radius:8px;width:max-content;margin-top:4px;margin-bottom:12px;padding:6px 10px;font-size:13px;display:block}.review-trigger{color:#b07800;cursor:pointer;background:#fff8ec;border:1.5px solid #ffd980;border-radius:20px;align-items:center;width:max-content;margin-bottom:8px;padding:5px 12px;font-size:13px;font-weight:600;display:flex}.review-trigger:active{background:#fff0cc}.comment-btn{cursor:pointer;color:#555;background:#ffffffe0;border:none;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.6;position:absolute;bottom:4px;left:4px}.report-photo-btn{cursor:pointer;opacity:.7;background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.report-photo-btn:hover{opacity:1}.alert-badge{color:#ff6b8a;cursor:default;background:#fff0f3;border:1.5px solid #ffb3c6;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.alert-toggle-btn{color:#555;cursor:pointer;text-align:center;background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:12px;width:100%;margin-bottom:10px;padding:10px;font-size:14px;font-weight:600;transition:background .15s;display:block}.alert-toggle-btn:hover{background:#f0f0f0}.notice-nav-btn{cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:20px;line-height:1}.admin-nav-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1a1a2e;border:none;border-radius:16px;padding:5px 12px;font-size:12px;font-weight:600}.header-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:20px;width:72px;height:28px;animation:1.2s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-overlay{z-index:300;background:#00000073;flex-direction:column;align-items:stretch;padding-top:56px;display:flex;position:fixed;inset:0}.search-modal{background:#fff;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-direction:column;width:100%;max-height:calc(100vh - 56px);display:flex;overflow:hidden}.search-input-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:12px 16px;display:flex}.search-icon{flex-shrink:0;font-size:18px}.search-input{background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-clear{color:#aaa;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.search-results{flex:1;padding:8px 0;overflow-y:auto}.search-hint,.search-empty{text-align:center;color:#aaa;padding:24px 0;font-size:14px}.search-result-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;display:flex}.search-result-item:active{background:#f7f7f7}.result-emoji{flex-shrink:0;font-size:22px}.result-info{flex:1;justify-content:space-between;align-items:center;display:flex}.result-name{color:#222;font-weight:500}.result-rate{color:#ff6b8a;font-size:13px;font-weight:600}.hot-section{padding:4px 0 8px}.hot-section-title{color:#888;text-transform:uppercase;letter-spacing:.3px;padding:8px 16px 4px;font-size:13px;font-weight:700}.hot-item{padding:10px 16px}.result-rank{text-align:center;flex-shrink:0;width:28px;font-size:20px}.header-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:4px 6px;font-size:20px;line-height:1;display:flex}.header-icon-btn:active{background:#00000012}.dday-badge-btn{color:#ff6b8a;cursor:pointer;white-space:nowrap;background:#fff0f3;border:1.5px solid #ffb3c6;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.4}.dday-badge-btn:active{background:#ffe0e8}.login-modal{text-align:center;background:#fff;border-radius:20px 20px 0 0;width:100%;padding:32px 24px 40px;position:relative}.modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:16px;right:16px}.login-logo{margin-bottom:12px;font-size:48px}.login-title{color:#222;margin-bottom:8px;font-size:20px;font-weight:700}.login-desc{color:#888;margin-bottom:32px;font-size:14px}.login-buttons{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.login-btn{cursor:pointer;border:1.5px solid #e0e0e0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:600;transition:opacity .15s;display:flex;position:relative}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn img{width:20px;height:20px}.login-btn.google{color:#333;background:#fff}.login-btn.kakao{color:#191919;background:#fee500;border-color:#fee500}.login-btn.naver{color:#fff;background:#03c75a;border-color:#03c75a}.naver-n{font-size:16px;font-weight:900}.coming-soon{color:inherit;background:#00000026;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;right:14px}.login-error{color:#e53935;margin-bottom:12px;font-size:13px}.login-terms{color:#bbb;font-size:11px;line-height:1.5}.login-terms span{cursor:pointer;text-decoration:underline}.notice-popup-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.notice-popup{background:#fff;border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 8px 32px #0000002e}.notice-popup-header{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.notice-popup-label{color:#ff6b8a;font-size:13px;font-weight:700}.notice-popup-count{color:#aaa;font-size:12px}.notice-popup-title{color:#222;padding:10px 20px 0;font-size:16px;font-weight:700;line-height:1.4}.notice-popup-body{color:#555;max-height:240px;padding:12px 20px 16px;font-size:14px;line-height:1.7;overflow-y:auto}.notice-popup-body p{margin:0 0 4px}.notice-popup-footer{background:#fafafa;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.notice-popup-skip{color:#aaa;cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:12px}.notice-popup-next{color:#ff6b8a;cursor:pointer;background:#fff0f3;border:1.5px solid #ffb3c6;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.notice-popup-close{color:#fff;cursor:pointer;background:#ff6b8a;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.season-particles{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{opacity:.9;font-size:20px;animation:linear forwards fall;position:absolute;top:-40px}.particle.rotate{animation:linear forwards fall-rotate}@keyframes fall{0%{opacity:.9;transform:translateY(0)translate(0)}80%{opacity:.9}to{transform:translateY(100vh) translateX(var(--drift,20px));opacity:0}}@keyframes fall-rotate{0%{opacity:.9;transform:translateY(0)translate(0)rotate(0)}80%{opacity:.9}to{transform:translateY(100vh) translateX(var(--drift,30px)) rotate(360deg);opacity:0}}.solar-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.4s fade-in;display:flex;position:fixed;inset:0}.solar-card{text-align:center;background:#fff;border-radius:24px;padding:40px 48px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop-in;box-shadow:0 20px 60px #0003}.solar-emoji{margin-bottom:16px;font-size:64px;animation:2s ease-in-out infinite sway}.solar-name{color:#222;margin-bottom:8px;font-size:28px;font-weight:800}.solar-desc{color:#888;font-size:15px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.levelup-toast{color:#fff;z-index:600;pointer-events:none;background:linear-gradient(135deg,#ff6b8a,#f94);border-radius:24px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .35s,transform .35s;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 20px #ff6b8a73}.levelup-toast.show{opacity:1;animation:.4s cubic-bezier(.34,1.56,.64,1) levelup-bounce;transform:translate(-50%)translateY(0)}.levelup-toast.hide{opacity:0;transform:translate(-50%)translateY(16px)}.levelup-emoji{font-size:20px;line-height:1}.levelup-text strong{font-weight:800}@keyframes levelup-bounce{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bottom-nav{height:var(--bottom-nav-h,60px);border-top:1px solid var(--color-border-soft,#f0f0f0);z-index:60;safe-area-inset-bottom:env(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.bottom-nav .item{cursor:pointer;color:var(--color-fg-4,#888);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:500;transition:color .15s;display:flex}.bottom-nav .item .e{font-size:22px;line-height:1;transition:transform .15s}.bottom-nav .item:active .e{transform:scale(.85)}.bottom-nav .item.active{color:var(--color-primary,#ff6b8a);font-weight:700}.bottom-nav .item.active .e{transform:scale(1.05)}