.bottom-nav[data-v-5dd8469b]{z-index:var(--z-dock);background:var(--white);padding-bottom:env(safe-area-inset-bottom,0);border-top:.5px solid #0000000f;justify-content:space-around;align-items:flex-end;min-height:48px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item[data-v-5dd8469b]{color:var(--text-tertiary);font-size:var(--text-xxs);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;text-decoration:none;transition:color .2s;display:flex}.nav-item svg[data-v-5dd8469b]{width:22px;height:22px;stroke:var(--text-tertiary);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,fill .2s}.nav-item svg[data-v-5dd8469b] *{stroke:inherit;fill:inherit}.nav-item span[data-v-5dd8469b]{color:var(--text-tertiary);transition:color .2s}.nav-item.active[data-v-5dd8469b]{color:var(--primary-500)}.nav-item.active svg[data-v-5dd8469b],.nav-item.active svg[data-v-5dd8469b] *{stroke:var(--primary-500);fill:var(--primary-500)}.nav-item.active span[data-v-5dd8469b]{color:var(--primary-500)}.center-btn-wrapper[data-v-5dd8469b]{flex:1;justify-content:center;align-items:flex-end;height:48px;padding-bottom:6px;display:flex;position:relative}.center-glow[data-v-5dd8469b]{background:var(--primary-200);opacity:0;pointer-events:none;width:62px;height:62px;z-index:var(--z-base);border-radius:50%;animation:2.4s ease-in-out infinite glowPulse-5dd8469b;position:absolute;bottom:6px}@keyframes glowPulse-5dd8469b{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.center-btn[data-v-5dd8469b]{z-index:var(--z-elevated);background:var(--white);width:58px;height:58px;color:var(--text-tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s,background .3s,color .3s;display:flex;position:relative;box-shadow:0 6px 18px #00000024}.center-btn.is-active[data-v-5dd8469b]{color:var(--primary-500)}.center-btn[data-v-5dd8469b]:active{transform:scale(.94)}.center-btn svg[data-v-5dd8469b]{width:24px;height:24px}.center-label[data-v-5dd8469b]{font-size:var(--text-xxs);white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:2px;font-weight:600}.center-btn.is-idle[data-v-5dd8469b]{background:var(--white);color:var(--text-tertiary);box-shadow:0 6px 18px #00000024}.center-btn.is-idle.is-active[data-v-5dd8469b]{color:var(--primary-500)}.center-btn.is-idle[data-v-5dd8469b]:active{background:var(--primary-50)}.center-btn.is-fishing[data-v-5dd8469b]{background:linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);color:var(--white);box-shadow:0 6px 20px #5bb4986b}.center-btn.is-fishing[data-v-5dd8469b]:active{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%)}@media (prefers-reduced-motion:reduce){.nav-item[data-v-5dd8469b],.center-btn[data-v-5dd8469b]{transition:none}.center-glow[data-v-5dd8469b]{animation:none}}:root{--bg-cream:#faf9f6;--bg-warm:#f5f3ee;--bg-paper:#fdfcfa;--primary-50:#f2f8f6;--primary-100:#e8f4f0;--primary-200:#c5e4dd;--primary-300:#9dd4c5;--primary-400:#7ac4ae;--primary-500:#5bb498;--primary-600:#4a9e82;--accent-sage:#a8b5a0;--accent-sand:#d4c5b5;--accent-clay:#c9a889;--accent-rose:#d4a5a5;--accent-lavender:#b8b5d4;--accent-sky:#a5c4d4;--success:#7ac4ae;--warning:#d4c5b5;--error:#d4a5a5;--info:#3b82f6;--info-bg:#3b82f61a;--success-strong:#10b981;--success-strong-bg:#10b9811a;--warning-strong:#f59e0b;--warning-strong-bg:#f59e0b1a;--accent-active:#ff7d00;--ios-green:#34c759;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--text-tertiary:#9b9b9b;--text-muted:#bdbdbd;--white:#fff;--white-95:#fffffff2;--shadow-soft:0 2px 8px #0000000a;--shadow-light:0 4px 12px #0000000d;--shadow-card:0 8px 24px #0000000a;--gradient-morning:linear-gradient(180deg, #f5f3ee 0%, #faf9f6 100%);--gradient-sky:linear-gradient(180deg, #e8f4f0 0%, #f5f3ee 100%);--gradient-day-sky:linear-gradient(180deg, #e6f3ff 0%, #d4edf4 20%, #c5e8dd 40%, #b8e0d8 60%, #a8d4c8 80%, #9ac8bc 100%);--gradient-night-sky:linear-gradient(180deg, #0d0d1a 0%, #16162e 20%, #1a2342 40%, #1e2b4a 60%, #223152 80%, #26385a 100%);--gradient-day-header:linear-gradient(180deg, #a8d4c8 0%, #c5e4dd 3%, #e8f4f0 8%, #faf9f6 15%);--gradient-night-header:linear-gradient(180deg, #7fa4a5 0%, #a0c4c5 3%, #e8f4f0 8%, #faf9f6 15%);--sun-glow:radial-gradient(circle, #ffe87c 0%, #ffd86b 30%, #ffc85a 60%, transparent 100%);--moon-glow:radial-gradient(circle at 30% 30%, ivory 0%, #f0f0e0 40%, #d0d0c0 70%, transparent 100%);--gradient-card-sage:linear-gradient(135deg, var(--primary-50) 0%, #edf7f3 100%);--gradient-card-sky:linear-gradient(135deg, #f0f5f8 0%, #e8eff5 100%);--gradient-card-sand:linear-gradient(135deg, #faf5f0 0%, #f5efe6 100%);--gradient-card-vip:linear-gradient(135deg, #fbf3e6 0%, #f5ead6 100%);--gradient-card-admin:linear-gradient(135deg, #e8f1fa 0%, #dce9f5 100%);--gradient-primary:linear-gradient(135deg, var(--primary-500) 0%, #6bb5a2 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:"Noto Sans SC", -apple-system, sans-serif;--font-serif:"Noto Serif SC", serif;--text-xxl:24px;--text-xl:20px;--text-lg:18px;--text-base:16px;--text-sm:14px;--text-xs:12px;--text-xxs:10px;--z-base:1;--z-elevated:10;--z-dock:50;--z-sticky:60;--z-sheet:100;--z-overlay:1000;--z-dialog:2000;--z-toast:9000;--z-modal:9999}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;margin:0;padding:0}button,a,[role=button]{-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}button{cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-cream);line-height:1.6;overflow:hidden}.device-frame{background:var(--bg-cream);width:100%;height:100vh;position:relative;overflow:hidden}@supports (padding-top:env(safe-area-inset-top)){.header-area{padding-top:env(safe-area-inset-top)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}.status-bar{display:none}.page{-webkit-overflow-scrolling:touch;height:100%;padding-bottom:90px;display:none;position:relative;overflow-y:auto}.page::-webkit-scrollbar{display:none}.page.active{display:block}#page-home.active{display:flex}#page-home{flex-direction:column;padding-bottom:60px;display:flex;overflow:hidden}#page-map .map-container{width:100%;height:100%;position:relative}#page-map .map-canvas{height:60%;z-index:var(--z-base);position:absolute;top:0;left:0;right:0}#page-map .amap-logo{bottom:92px!important;right:12px!important}#page-map .amap-copyright,#page-new-spot .amap-copyright,#page-mark-position .amap-copyright{display:none!important}.header-area{height:84px;position:relative;overflow:hidden}.header-bg{background:linear-gradient(#e8f4f0 0%,#d4e8e0 30%,#c5e4dd 55%,#b8ded6 75%,#a8d4c8 100%);position:absolute;inset:0}.header-bg:after{content:"";opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 45'%3E%3Cpath d='M0 45 L0 30 Q30 15 60 25 Q90 10 120 20 Q150 8 180 18 Q210 12 240 22 Q270 10 300 20 Q330 15 360 25 Q380 18 400 28 L400 45 Z' fill='%23A8D4C8'/%3E%3C/svg%3E") 0 0/400px 45px repeat-x;height:45px;position:absolute;bottom:0;left:0;right:0}.nav-sun{width:18px;height:18px;z-index:var(--z-elevated);background:radial-gradient(circle,#ffffffe6 0%,#ffe6b480 40%,#0000 70%);border-radius:50%;position:absolute;top:30px;right:70px}.nav-cloud{z-index:var(--z-elevated);background:#fff9;border-radius:20px;position:absolute}.nav-cloud-1{width:35px;height:10px;top:34px;left:30px}.nav-cloud-2{opacity:.6;width:25px;height:8px;top:40px;left:80px}.top-nav{height:44px;z-index:var(--z-elevated);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.nav-title{font-size:var(--text-base);color:var(--text-primary);text-shadow:0 1px 2px #ffffff80;font-weight:600}.nav-capsule{background:#ffffffd9;border-radius:12px;align-items:center;gap:0;height:24px;padding:0 2px;display:flex}.capsule-btn{justify-content:center;align-items:center;width:32px;height:24px;display:flex}.capsule-btn svg{width:14px;height:14px;stroke:var(--text-secondary);stroke-width:1.5px;fill:none}.capsule-divider{background:#00000014;width:.5px;height:14px}.nav-back{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-back svg{width:20px;height:20px;stroke:var(--text-primary);stroke-width:2px;fill:none}.back-bar{background:var(--bg-cream);align-items:center;height:50px;padding:0 16px;display:flex}.back-btn{cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.back-btn svg{width:24px;height:24px;stroke:var(--text-primary);stroke-width:2px;fill:none}.home-content{background:linear-gradient(#a8d4c8 0%,#c5e4dd 3%,#e8f4f0 8%,#faf9f6 15%);border-radius:16px 16px 0 0;flex-direction:column;flex:1;margin-top:-14px;padding-top:16px;padding-bottom:0;display:flex;position:relative;overflow:hidden}.ranking-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.weather-section{padding:0 var(--space-5) var(--space-3)}.weather-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);align-items:center;gap:10px;padding:10px 12px;display:flex}.weather-main{flex-shrink:0;align-items:center;gap:8px;display:flex}.weather-icon{flex-shrink:0;width:40px;height:40px}.weather-temp{font-size:var(--text-xxl);color:var(--text-primary);font-weight:300;line-height:1}.weather-temp span{font-size:var(--text-sm);color:var(--text-secondary)}.weather-data{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.weather-item{white-space:nowrap;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.weather-value{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;font-weight:500}.weather-label{font-size:var(--text-xxs);color:var(--text-tertiary);white-space:nowrap}.weather-trend{font-size:var(--text-xs);align-items:center;gap:2px;display:flex}.trend-up{color:var(--primary-500)}.trend-down{color:var(--accent-rose)}.trend-stable{color:var(--text-tertiary)}.filter-btn{border-radius:var(--radius-full);background:var(--primary-100);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.filter-btn svg{width:14px;height:14px;stroke:var(--primary-500);stroke-width:2px;fill:none}.ranking-section{padding:0 var(--space-5)}.section-meta{font-size:var(--text-xxs);color:var(--text-tertiary);letter-spacing:.3px}.section-title{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.section-subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.spot-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .2s}.spot-card:hover{transform:translateY(-1px)}.spot-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.spot-header-info{flex-direction:column;gap:2px;display:flex}.spot-location{font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:600;display:flex}.spot-visitors{font-size:var(--text-xxs);color:var(--text-tertiary);margin-left:4px;font-weight:400}.spot-visitors:before{content:"·";color:var(--primary-300);margin-right:4px}.position-list{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.position-item{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.position-item:before{content:"·";color:var(--primary-300);font-weight:700}.position-item:first-child:before{display:none}.position-score{font-size:var(--text-xxs);color:var(--primary-500);background:var(--primary-100);border-radius:4px;margin-left:2px;padding:1px 5px}.spot-meta{justify-content:space-between;align-items:center;display:flex}.spot-facilities{gap:var(--space-2);display:flex}.facility-icon{width:28px;height:28px;font-size:var(--text-sm);color:#10b981;background:#10b9811f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.facility-icon.facility-off{color:#bbb;opacity:.55;filter:grayscale(80%);background:#f5f5f5}.facility-icon.facility-svg{background:var(--primary-100);color:var(--primary-600);flex-shrink:0}.facility-icon.facility-svg svg{width:16px;height:16px}.facility-icon.facility-state{background:var(--primary-100);margin-left:4px;padding:0}.facility-icon.facility-visited{background:var(--primary-100);color:var(--primary-600)}.facility-icon.facility-visited svg{width:18px;height:18px}.facility-icon.facility-favorited{background:var(--primary-100);color:var(--primary-600)}.facility-icon.facility-favorited svg{width:16px;height:16px}.facility-icon.mark{background:var(--primary-100);width:24px;height:24px;font-size:var(--text-xs);border-radius:6px;justify-content:center;align-items:center;display:flex}.fire-score{font-size:var(--text-xs);color:var(--primary-600);font-weight:600}.spot-badge{font-size:var(--text-xxs);letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-weight:400}.badge-a{color:#5a7a96;background:linear-gradient(135deg,#f0f4f8 0%,#e8eef3 100%);border:.5px solid #5a7a9626}.badge-b{color:var(--primary-600);background:linear-gradient(135deg,#e8f4f0 0%,#ddece6 100%);border:.5px solid #5bb49826}.badge-c{color:#8b8680;background:linear-gradient(135deg,#f5f3ee 0%,#ebe9e4 100%);border:.5px solid #8b868026}.badge-sonar{color:#3a6fa0;background:linear-gradient(135deg,#e8f1fa 0%,#dce9f5 100%);border:.5px solid #3a6fa026}.badge-mapping{color:var(--primary-600);background:linear-gradient(135deg,#e6f4f1 0%,#d4ece7 100%);border:.5px solid #5bb49826}.badge-user{color:#b08968;background:linear-gradient(135deg,#fbf3e6 0%,#f5ead6 100%);border:.5px solid #b0896826}.spot-distance{font-size:var(--text-xs);color:var(--text-tertiary)}.map-container{background:var(--bg-cream);height:100%;position:relative}.map-canvas{background:var(--bg-cream);width:100%;height:100%;position:relative;overflow:hidden}.map-road{background:#fff;border-radius:1px;position:absolute;box-shadow:0 1px 2px #00000014}.road-main-h{width:100%;height:6px;top:42%}.road-main-v{width:6px;height:100%;left:48%}.road-branch-1{width:80px;height:4px;top:25%;left:15%;transform:rotate(-8deg)}.road-branch-2{width:60px;height:4px;top:55%;right:10%;transform:rotate(12deg)}.road-branch-3{width:4px;height:50px;top:15%;left:30%;transform:rotate(5deg)}.road-path{width:3px;height:40px;box-shadow:none;background:#e8e4dc;border-radius:2px;top:60%;left:65%;transform:rotate(-15deg)}.map-building{background:#e8e4dc;border:.5px solid #d8d4cc;border-radius:2px;position:absolute}.building-1{width:16px;height:12px;top:38%;left:52%}.building-2{width:20px;height:10px;top:37%;left:55%}.building-3{width:12px;height:14px;top:36%;left:58%}.building-4{width:14px;height:10px;top:40%;left:54%}.building-5{width:10px;height:8px;top:24%;left:18%}.building-6{width:12px;height:10px;top:23%;left:21%}.building-7{width:8px;height:12px;top:56%;right:18%}.building-8{width:14px;height:8px;top:55%;right:22%}.map-village{font-size:var(--text-xxs);color:#999;pointer-events:none;position:absolute}.village-1{top:34%;left:52%}.village-2{top:21%;left:16%}.village-3{top:53%;right:16%}.road-name{color:#aaa;pointer-events:none;background:#ffffffb3;border-radius:2px;padding:1px 3px;font-size:8px;position:absolute}.river-name{font-size:var(--text-xxs);color:var(--primary-500);pointer-events:none;font-style:italic;position:absolute}.map-field{background:#eae6d8;border:.5px solid #ddd8c8;border-radius:3px;position:absolute}.field-1{width:50px;height:30px;top:45%;left:5%}.field-2{width:40px;height:25px;top:48%;left:8%}.field-3{width:35px;height:28px;bottom:20%;right:5%}.mountain{background:linear-gradient(#9dd4c540 0%,#9dd4c50d 100%);border-radius:50% 50% 0 0;position:absolute}.mountain-1{width:100px;height:50px;top:2%;left:2%}.mountain-2{width:80px;height:40px;top:4%;right:5%}.mountain-3{width:60px;height:30px;top:22%;left:1%}.water-ripple{border:1px solid var(--primary-200);opacity:.4;border-radius:50%;position:absolute}.ripple-1{width:180px;height:70px;top:12%;left:8%}.ripple-2{width:140px;height:55px;top:18%;right:12%}.ripple-3{width:110px;height:45px;top:32%;left:38%}.spot-marker{cursor:pointer;width:44px;height:44px;z-index:var(--z-elevated);justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute}.spot-marker:hover{transform:scale(1.1)}.marker-a{background:linear-gradient(135deg,#d4a574 0%,#c9956a 100%);border-radius:50%;box-shadow:0 2px 8px #d4a57466}.marker-a:before{content:"🐟";font-size:var(--text-xl);filter:brightness(0)invert()}.marker-b{background:linear-gradient(135deg,silver 0%,#a8a8a8 100%);border-radius:50%;box-shadow:0 2px 8px #c0c0c066}.marker-b:before{content:"〰";font-size:var(--text-lg);color:#fff}.pond-area{background:#5bb4981f;border:1.5px solid #5bb49866;border-radius:45% 55% 50% 50%/50% 50% 55% 45%;position:absolute}.pond-a{width:160px;height:120px;top:5%;left:8%}.pond-b{border-radius:50% 45% 55%/45% 55%;width:150px;height:110px;top:3%;right:8%}.pond-c{width:130px;height:90px;top:28%;left:42%}.pond-name{font-size:var(--text-xxs);color:var(--primary-600);pointer-events:none;background:#ffffffd9;border-radius:4px;padding:2px 6px;font-weight:500;position:absolute}.fishing-position{cursor:pointer;width:24px;height:24px;z-index:var(--z-elevated);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;box-shadow:0 2px 6px #00000026}.fishing-position:hover{transform:scale(1.15)}.pos-high{background:#2d8a5e;box-shadow:0 0 8px #2d8a5e80,0 2px 6px #00000026}.pos-mid{background:#7bc4a0}.pos-low{background:#a8b5a0}.pos-label{font-size:var(--text-xxs);color:var(--text-secondary);white-space:nowrap;pointer-events:none;background:#fffffff2;border-radius:4px;padding:2px 5px;position:absolute;box-shadow:0 1px 3px #00000014}.point-marker{border:2px solid var(--white);cursor:pointer;border-radius:50%;width:16px;height:16px;position:absolute}.point-high{background:var(--primary-600)}.point-mid{background:var(--primary-400)}.point-low{background:var(--accent-sage)}.map-context-menu{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-1);z-index:var(--z-sheet);min-width:160px;display:none;position:absolute}.context-menu-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:background-color .15s,color .15s;display:flex}.context-menu-item:hover{background:var(--primary-50)}.context-icon{font-size:var(--text-base)}.map-controls{gap:var(--space-2);z-index:var(--z-elevated);flex-direction:column;display:flex;position:absolute;top:12px;right:12px}.map-btn{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:.5px solid #0000000f;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0000000f}.map-btn svg{width:18px;height:18px;stroke:var(--text-secondary);stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.map-btn:active{background:var(--primary-100)}.map-marker-btn{border-radius:var(--radius-md);cursor:pointer;background:#ffffffe6;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;box-shadow:0 2px 8px #0000000f}.map-marker-btn svg{width:18px;height:18px;stroke:var(--text-secondary);stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.map-marker-btn:active{background:var(--primary-100)}.map-marker-btn-active{background:linear-gradient(135deg,#5bb498 0%,#4a9d83 100%)}.map-marker-btn-active svg{stroke:#fff}.marker-mode-tip{z-index:var(--z-elevated);white-space:nowrap;background:#fffffff2;border-radius:20px;align-items:center;gap:10px;padding:8px 8px 8px 16px;animation:.25s tipFadeIn;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.marker-mode-tip-text{font-size:var(--text-xs);color:var(--primary-500);font-weight:500}.marker-mode-action-btn{border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;border:none;padding:4px 12px;font-weight:500;transition:opacity .15s}.marker-mode-action-btn.cancel{background:var(--bg-warm);color:var(--text-tertiary)}.marker-mode-action-btn.confirm{background:var(--primary-500);color:var(--white)}.marker-mode-action-btn:active{opacity:.7}@keyframes tipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.marker-guide-mask{z-index:var(--z-modal);background:#00000059;animation:.2s confirmFadeIn;position:fixed;inset:0}.marker-guide-bubble{background:var(--white);border-radius:var(--radius-lg);text-align:center;width:200px;padding:18px 16px 14px;animation:.3s guideSlideIn;position:fixed;top:120px;right:56px;box-shadow:0 8px 32px #00000026}@keyframes guideSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.marker-guide-arrow{background:var(--white);border-radius:2px;width:14px;height:14px;position:absolute;top:20px;right:-7px;transform:rotate(45deg)}.marker-guide-text{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:14px;line-height:1.6}.marker-guide-btn{border-radius:var(--radius-full);background:var(--primary-500);color:var(--white);font-size:var(--text-sm);cursor:pointer;border:none;padding:7px 24px;font-weight:500;transition:opacity .15s}.marker-guide-btn:active{opacity:.7}.map-zoom-group{border-radius:var(--radius-md);border:.5px solid #0000000f;flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.map-zoom-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;justify-content:center;align-items:center;width:36px;height:32px;display:flex}.map-zoom-btn svg{width:18px;height:18px;stroke:var(--text-secondary);stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.map-zoom-btn:active{background:var(--primary-100)}.map-zoom-btn+.map-zoom-btn{border-top:.5px solid #0000000f}.map-bottom-sheet{bottom:calc(48px + env(safe-area-inset-bottom,0px) + 12px);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);padding-bottom:var(--space-4);height:auto;z-index:var(--z-base);flex-direction:column;display:flex;position:absolute;top:45%;left:12px;right:12px;overflow:hidden;box-shadow:0 -4px 20px #00000014}#page-new-spot,#page-mark-position{padding-bottom:100px;overflow-y:auto}#page-new-spot .new-spot-map,#page-mark-position .new-spot-map{flex-shrink:0;width:100%;height:55vh;margin-bottom:12px;position:relative}#page-new-spot .map-canvas,#page-mark-position .map-canvas{width:100%;height:100%;z-index:var(--z-base);position:relative;overflow:hidden}#page-new-spot,#page-mark-position{-ms-overflow-style:none;scrollbar-width:none;padding-bottom:100px;overflow-y:auto}#page-new-spot::-webkit-scrollbar{display:none}#page-mark-position::-webkit-scrollbar{display:none}#page-new-spot .report-card,#page-mark-position .report-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);margin:0 12px 12px}#page-new-spot .report-submit,#page-mark-position .report-submit{margin:0 12px 12px}#page-map{padding-bottom:0;overflow:hidden}#page-map .map-canvas{height:55%;z-index:var(--z-base);position:absolute;top:0;left:0;right:0;overflow:hidden}#page-mark-position .map-controls,#page-new-spot .map-controls{gap:var(--space-2);z-index:var(--z-elevated);flex-direction:column;display:flex;position:absolute;top:12px;right:12px}.map-bottom-sheet .sheet-content,.map-bottom-sheet .spot-details{-ms-overflow-style:none;scrollbar-width:none}.map-bottom-sheet .sheet-content::-webkit-scrollbar{width:0;height:0}.map-bottom-sheet .spot-details::-webkit-scrollbar{width:0;height:0}.sheet-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.sheet-nav{flex:1;align-items:center;gap:8px;display:flex}.sheet-back{border-radius:var(--radius-full);background:var(--bg-warm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:flex}.sheet-back:hover{background:var(--primary-100);color:var(--primary-600)}.sheet-back svg{width:18px;height:18px}.sheet-title{font-size:var(--text-base);font-weight:600}.sheet-close{border-radius:var(--radius-full);background:var(--bg-warm);cursor:pointer;width:28px;height:28px;font-size:var(--text-xs);color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.detail-grid{gap:var(--space-3);padding:var(--space-3) 0;border-top:.5px solid var(--primary-100);border-bottom:.5px solid var(--primary-100);margin-bottom:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.detail-item{flex-direction:column;align-items:center;gap:2px;display:flex}.detail-value{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.detail-label{font-size:var(--text-xxs);color:var(--text-tertiary)}.detail-ai{background:var(--primary-100);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--primary-600);line-height:1.5}.detail-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-tag{background:var(--bg-warm);border-radius:var(--radius-full);font-size:var(--text-xxs);color:var(--text-secondary);padding:4px 10px}.detail-facilities{gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.detail-facility{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.detail-facility.no{color:var(--text-muted)}.detail-actions{gap:var(--space-3);display:flex}.btn-primary{border-radius:var(--radius-md);background:var(--primary-500);color:var(--white);font-size:var(--text-sm);text-align:center;cursor:pointer;flex:1;padding:10px;font-weight:500}.btn-secondary{border-radius:var(--radius-md);background:var(--bg-warm);color:var(--text-secondary);font-size:var(--text-sm);text-align:center;cursor:pointer;flex:1;padding:10px;font-weight:500}.report-header{background:var(--bg-cream);height:44px;padding-top:0}.report-nav{height:44px;padding:0 var(--space-5);justify-content:space-between;align-items:center;display:flex}.report-back{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.report-back:hover{background:#0000000d}.report-back svg{width:20px;height:20px;stroke:var(--text-primary);stroke-width:2px;fill:none}.report-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.report-placeholder{width:32px}.report-content{padding:var(--space-4) var(--space-4) 0;height:100%;overflow-y:auto}.report-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);box-shadow:var(--shadow-soft)}.report-spot-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;margin-bottom:var(--space-2);display:flex}.report-spot-tag{font-size:var(--text-xxs);color:var(--text-tertiary);background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-light);padding:2px 8px}.report-spot-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.report-encourage{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);font-style:italic;line-height:1.6}.btn-report{background:var(--primary-500);width:100%;color:var(--white);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #5bb4984d}.btn-report:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #5bb49866}.btn-report:active{transform:translateY(0)}.toast-message{left:50%;top:calc(16px + env(safe-area-inset-top,0));color:#fff;max-width:min(92%,420px);font-size:var(--text-xs);text-align:center;z-index:var(--z-toast);word-break:break-word;background:#5bb498e6;border-radius:18px;padding:14px 18px;line-height:1.6;position:fixed;bottom:auto;transform:translate(-50%);box-shadow:0 10px 30px #5bb49840}.toast-message .toast-title{margin-bottom:6px;font-weight:700}.new-spot-status-bar{background:var(--bg-cream);position:static}.new-spot-title-bar{height:44px;padding:0 var(--space-4);background:var(--bg-cream);justify-content:space-between;align-items:center;display:flex}.new-spot-back{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.new-spot-back:hover{background:#0000000d}.new-spot-back svg{width:20px;height:20px;stroke:var(--text-primary);stroke-width:2px;fill:none}.new-spot-app-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.new-spot-placeholder{width:32px}.new-spot-content{bottom:calc(78px + env(safe-area-inset-bottom,0));background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);padding-bottom:var(--space-4);height:auto;min-height:380px;z-index:var(--z-base);flex-direction:column;display:flex;position:absolute;top:50%;left:12px;right:12px;overflow-y:auto;box-shadow:0 -4px 20px #00000014}.new-spot-card{border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);background:0 0}.new-spot-card-header{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-1)}.new-spot-input{width:100%;padding:var(--space-2) 0;border:none;border-bottom:1px solid var(--primary-100);font-size:var(--text-base);color:var(--text-primary);background:0 0;outline:none;font-weight:500;transition:border-color .2s}.new-spot-input::placeholder{color:var(--text-tertiary);font-weight:400}.new-spot-input:focus{border-bottom-color:var(--primary-400)}.new-spot-facilities{justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-2);display:flex}.facility-icon-btn{width:34px;height:34px;font-size:var(--text-lg);cursor:pointer;opacity:.35;background:var(--bg-cream);border-radius:6px;justify-content:center;align-items:center;transition:opacity .2s,background-color .2s,transform .2s;display:flex}.facility-icon-btn:hover{opacity:.6;background:var(--primary-50);transform:scale(1.05)}.facility-icon-btn.selected{opacity:1;background:var(--primary-100);transform:scale(1.05);box-shadow:0 2px 6px #5bb4982e}.new-spot-photo{border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);background:0 0}.new-spot-submit{margin-top:var(--space-4)}.report-hint{font-size:var(--text-xxs);color:var(--text-tertiary);margin-top:var(--space-2);text-align:center}.form-row{margin-bottom:var(--space-3)}.form-row:last-child{margin-bottom:0}.form-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--primary-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-cream);outline:none;transition:border-color .2s,background-color .2s}.form-input:focus{border-color:var(--primary-400);background:var(--white)}.form-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--primary-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-cream);resize:vertical;min-height:80px;color:var(--text-primary);outline:none;font-family:inherit}.form-textarea::placeholder{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:400}.form-textarea:focus{border-color:var(--primary-400);background:var(--white)}.depth-options,.method-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.depth-option,.method-option{border-radius:var(--radius-sm);background:var(--bg-cream);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;padding:4px 12px;transition:background-color .15s,border-color .15s,color .15s}.depth-option:hover,.method-option:hover{background:var(--primary-50)}.depth-option.selected,.method-option.selected{background:var(--primary-100);border-color:var(--primary-400);color:var(--primary-600)}.facility-row{padding:var(--space-2) 0;border-bottom:1px solid var(--bg-cream);justify-content:space-between;align-items:center;display:flex}.facility-row:last-child{border-bottom:none}.facility-label{font-size:var(--text-sm);color:var(--text-primary)}.facility-options{gap:var(--space-1);display:flex}.facility-option{border-radius:var(--radius-sm);background:var(--bg-cream);font-size:var(--text-xxs);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;padding:2px 8px;transition:background-color .15s,border-color .15s,color .15s}.facility-option:hover{background:var(--primary-50)}.facility-option.selected{background:var(--primary-100);border-color:var(--primary-400);color:var(--primary-600)}.facility-option.safe-high.selected{color:#2d8a5e;background:#d4edda;border-color:#5bb498}.facility-option.safe-mid.selected{color:#c9956a;background:#fff3cd;border-color:#e8a87c}.facility-option.safe-low.selected{color:#dc3545;background:#f8d7da;border-color:#dc3545}.reward-hint{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-3);line-height:1.6}.reward-hint strong{color:var(--accent-sand)}.photo-required .photo-add.large{width:100%;padding:var(--space-4)}.compact{padding:0}.compact-header{padding:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.compact-header:hover{background:var(--primary-50)}.optional-tag{font-size:var(--text-xxs);color:var(--text-tertiary);background:var(--bg-cream);border-radius:var(--radius-sm);padding:2px 6px}.compact-body{padding:0 var(--space-3) var(--space-3)}.compact-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.compact-row:last-child{margin-bottom:0}.compact-label{font-size:var(--text-xs);color:var(--text-secondary);min-width:32px}.compact-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.compact-tag{border-radius:var(--radius-sm);background:var(--bg-cream);font-size:var(--text-xxs);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;padding:4px 10px;transition:background-color .15s,border-color .15s,color .15s}.compact-tag:hover{background:var(--primary-50)}.compact-tag.selected{background:var(--primary-100);border-color:var(--primary-400);color:var(--primary-600)}.facility-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.facility-tag{border-radius:var(--radius-md);background:var(--bg-cream);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;padding:6px 12px;transition:background-color .15s,border-color .15s,color .15s}.facility-tag:hover{background:var(--primary-50)}.facility-tag.selected{background:var(--primary-100);border-color:var(--primary-400);color:var(--primary-600)}.facility-tag.safe-high.selected{color:#2d8a5e;background:#d4edda;border-color:#5bb498}.form-textarea.small{min-height:60px}.section-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.spot-facilities-row{justify-content:center;gap:var(--space-4);margin-top:var(--space-3);display:flex}#page-new-spot{-ms-overflow-style:none;scrollbar-width:none;padding-bottom:100px;overflow-y:auto}#page-new-spot::-webkit-scrollbar{display:none}.new-spot-map{flex-shrink:0;width:100%;height:55vh;margin-bottom:12px;position:relative}.new-spot-map .map-canvas{width:100%;height:100%;z-index:var(--z-base);position:relative;overflow:hidden}.new-spot-map .map-bg{background:linear-gradient(#f5f0e8 0%,#e8e4dc 100%);position:absolute;inset:0}.map-hint{font-size:var(--text-xxs);color:var(--text-tertiary);border-radius:var(--radius-sm);background:#ffffffe6;padding:5px 12px;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000000d}.draggable-marker{cursor:grab;width:32px;height:32px;z-index:var(--z-sheet);background:linear-gradient(135deg,#e57373 0%,#ef5350 100%);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;transform:rotate(-45deg);box-shadow:0 2px 10px #ef535059}.draggable-marker:active{cursor:grabbing;transform:rotate(-45deg)scale(1.1);box-shadow:0 4px 16px #ef535073}.draggable-marker:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transform:rotate(45deg)}.new-spot-content{padding:var(--space-3) var(--space-4)}.compact-card,.name-card{padding:var(--space-3);margin-bottom:var(--space-2)}.name-card .spot-facilities-row{margin-top:var(--space-2);padding-top:var(--space-2)}.photo-area{margin-top:var(--space-2)}.photo-area .photo-add{border-radius:var(--radius-md);height:80px}.report-section-title{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3);align-items:center;gap:var(--space-1);font-weight:500;display:flex}.report-section-title .required{color:var(--accent-sand)}.report-section-title .optional{color:var(--text-tertiary);font-weight:400}.fish-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.fish-option{padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-cream);cursor:pointer;border:1.5px solid #0000;flex-direction:column;align-items:center;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.fish-option:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.fish-option.selected{background:var(--primary-100);border-color:var(--primary-400)}.fish-icon-svg{width:32px;height:32px;margin-bottom:2px}.fish-name{font-size:var(--text-xs);color:var(--text-secondary)}.fish-option.selected .fish-name{color:var(--primary-600);font-weight:500}.selected-fish-list{margin-top:var(--space-3);border-top:1px dashed var(--primary-200);padding-top:var(--space-3)}.selected-fish-item{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.selected-fish-item+.selected-fish-item{border-top:1px solid var(--bg-cream)}.selected-fish-info{align-items:center;gap:var(--space-2);margin-right:var(--space-3);display:flex}.selected-fish-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.selected-fish-icon svg{width:20px;height:20px}.selected-fish-name{font-size:var(--text-sm);color:var(--text-primary)}.selected-fish-count{align-items:center;gap:var(--space-2);flex:1;display:flex}.count-slider{background:var(--bg-cream);appearance:none;border-radius:3px;outline:none;flex:1;height:6px}.count-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-500);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .15s,background-color .15s;box-shadow:0 2px 6px #5bb4984d}.count-slider::-webkit-slider-thumb:active{background:var(--primary-600);transform:scale(1.15)}.count-slider::-moz-range-thumb{background:var(--primary-500);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #5bb4984d}.count-num{font-size:var(--text-sm);color:var(--primary-600);text-align:center;background:var(--primary-50);border-radius:var(--radius-sm);min-width:40px;padding:2px 8px;font-weight:600}.remove-fish{margin-left:var(--space-2);color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm)}.remove-fish:hover{color:var(--accent-sand)}.photo-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.photo-item{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-cream);position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%}.photo-item .remove-photo{color:#fff;width:18px;height:18px;font-size:var(--text-xxs);cursor:pointer;background:#0006;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.photo-add{aspect-ratio:1;border-radius:var(--radius-md);border:1.5px dashed var(--primary-200);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .2s,background-color .2s;display:flex}.photo-add:hover{border-color:var(--primary-400);background:var(--primary-50)}.photo-add svg{width:24px;height:24px;stroke:var(--primary-300);stroke-width:1.5px;fill:none}.photo-add span{font-size:var(--text-xxs);color:var(--text-tertiary)}.report-submit{margin-top:var(--space-4)}.profile-header{padding:var(--space-6);background:var(--white);margin-bottom:var(--space-4)}.profile-user{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.avatar{border-radius:var(--radius-full);background:var(--gradient-sky);width:72px;height:72px;font-size:var(--text-base);justify-content:center;align-items:center;display:flex}.profile-info{flex:1}.profile-name{font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px;font-weight:500}.profile-rank{font-size:var(--text-sm);color:var(--primary-600);align-items:center;gap:var(--space-2);display:flex}.points-card{background:var(--primary-100);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;justify-content:space-around;display:flex}.points-value{font-size:var(--text-base);color:var(--primary-600);font-weight:600}.points-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.menu-section{background:var(--white);margin-bottom:var(--space-4)}.menu-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--bg-warm);cursor:pointer;align-items:center;display:flex}.menu-item:last-child{border-bottom:none}.menu-icon{border-radius:var(--radius-md);background:var(--primary-100);width:40px;height:40px;margin-right:var(--space-3);justify-content:center;align-items:center;display:flex}.menu-icon svg{width:20px;height:20px;stroke:var(--primary-600);stroke-width:1.5px;fill:none}.menu-text{flex:1}.menu-title{font-size:var(--text-base);color:var(--text-primary)}.menu-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.menu-arrow{width:20px;height:20px;stroke:var(--text-muted);stroke-width:1.5px;fill:none}.settings-section{background:var(--white);padding:var(--space-4) var(--space-5)}.setting-item{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.setting-label{font-size:var(--text-base);color:var(--text-primary)}.setting-value{font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;gap:var(--space-2);display:flex}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.section-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.search-box-compact{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:16px;align-items:center;gap:6px;padding:4px 10px;display:flex}.search-icon-small{flex-shrink:0;width:14px;height:14px}.search-icon-small svg{width:100%;height:100%;color:var(--primary-400);fill:none}.search-input-compact{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;width:60px}.search-input-compact::placeholder{color:var(--text-tertiary)}.search-clear-small{background:var(--bg-warm);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .2s;display:flex}.search-clear-small.visible{opacity:1}.search-clear-small svg{width:10px;height:10px;stroke:var(--text-tertiary);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.search-results{margin-top:12px;display:none}.search-results.visible{display:block}.search-results .spot-card{border:1px dashed var(--primary-400);background:var(--primary-50)}.search-empty-state{text-align:center;padding:32px 16px}.search-empty-state svg{opacity:.7;width:80px;height:80px;margin-bottom:12px}.search-empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;font-weight:400}.temp-marker{width:32px;height:32px;z-index:var(--z-sticky);pointer-events:none;background:linear-gradient(135deg,#e57373 0%,#ef5350 100%);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;display:none;position:absolute;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 2px 10px #ef535059}.temp-marker:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transform:rotate(45deg)}.map-quick-menu{z-index:var(--z-modal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-radius:20px;padding:10px 18px;display:none;position:absolute;box-shadow:0 4px 20px #0000001f}.quick-menu-item{cursor:pointer;align-items:center;gap:8px;padding:4px 0;transition:transform .2s;display:flex}.quick-menu-item:hover{transform:scale(1.03)}.quick-icon{color:var(--primary-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-icon svg{width:20px;height:20px}.quick-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.map-btn-active{background:linear-gradient(135deg,#5bb498 0%,#4a9d83 100%)!important}.map-btn-active svg{stroke:#fff!important}#page-new-spot .drawing-controls-overlay{z-index:var(--z-dock);flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}#page-new-spot .drawing-buttons{flex-direction:row;gap:8px;display:flex}#page-new-spot .drawing-btn{cursor:pointer;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}#page-new-spot .drawing-btn:hover{transform:scale(1.05);box-shadow:0 3px 12px #0000001f}#page-new-spot .drawing-btn svg{width:20px;height:20px;stroke:var(--text-primary)}.rhythm-body{padding-left:20px;position:relative}.rhythm-body:before{content:"";background:var(--primary-200);width:1px;position:absolute;top:20px;bottom:20px;left:5px}.rhythm-row{align-items:center;min-height:32px;padding:4px 0;display:flex;position:relative}.rhythm-row:after{content:"";background:var(--primary-500);border:1.5px solid var(--white);width:5px;height:5px;box-shadow:0 0 0 1.5px var(--primary-200);z-index:var(--z-base);border-radius:50%;position:absolute;top:50%;left:-19px;transform:translateY(-50%)}.rhythm-time{width:36px;font-size:var(--text-xs);color:var(--text-secondary);margin-right:var(--space-3);flex-shrink:0}.rhythm-fish{width:44px;font-size:var(--text-xs);color:var(--text-primary);margin-right:var(--space-3);flex-shrink:0;font-weight:500}.rhythm-wt{width:44px;font-size:var(--text-xs);color:var(--primary-500);margin-right:var(--space-3);flex-shrink:0;font-weight:500}.rhythm-qty{min-width:26px;font-size:var(--text-xxs);color:var(--text-tertiary);flex-shrink:0}.rhythm-photo{color:var(--primary-500);opacity:.7;cursor:pointer;margin-left:var(--space-1);background:0 0;border:none;flex-shrink:0;padding:0 2px;transition:opacity .15s}.rhythm-photo svg{width:14px;height:14px;display:block}.rhythm-photo:hover,.rhythm-photo:active{opacity:1}.sheet,.dialog{overscroll-behavior:contain}