:root{--primary-pink:#f3a3b4;--primary-pink-light:#fdf0f2;--primary-pink-dark:#d88395;--secondary-mint:#a3ebd5;--secondary-mint-light:#effcf8;--secondary-mint-dark:#66c8a9;--warning-bg:#fff5e6;--warning-text:#b05c00;--warning-border:#ffdca8;--bg-color:#f7f9fa;--card-bg:#ffffffd9;--text-main:#2b2b2e;--text-muted:#6e7075;--border-color:#00000014;--shadow-sm:0 4px 12px #f3a3b414;--shadow-md:0 8px 24px #f3a3b41f;--shadow-lg:0 16px 40px #00000014;--border-radius:18px;--font-sans:"Outfit", "Noto Sans JP", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);padding-bottom:75px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-pink);border-radius:3px}.warning-banner{z-index:2000;background-color:var(--warning-bg);border-bottom:1px solid var(--warning-border);padding:10px 16px;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.warning-content{max-width:800px;color:var(--warning-text);align-items:flex-start;gap:10px;margin:0 auto;font-size:13px;line-height:1.4;display:flex}.warning-content i{color:#ff9100;margin-top:1px;font-size:16px}.app-header{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#ffffffd9;padding:12px 16px;position:sticky;top:59px}.header-container{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;display:flex}.app-logo{align-items:center;gap:6px;display:flex}.logo-love{background:linear-gradient(135deg, var(--primary-pink-dark) 0%, var(--primary-pink) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:22px;font-weight:900}.logo-title{color:#fff;background:#555;border-radius:20px;padding:2px 8px;font-size:14px;font-weight:700}.btn-gps{background:linear-gradient(135deg, var(--primary-pink) 0%, var(--primary-pink-dark) 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:30px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 10px #f3a3b44d}.btn-gps:active{transform:scale(.95);box-shadow:0 2px 5px #f3a3b433}.app-main{max-width:800px;margin:0 auto;padding:16px}.tab-content{display:none}.tab-content.active{animation:.4s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title-wrapper{margin-bottom:20px}.section-title{color:#1e1e21;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.section-title i{color:var(--primary-pink)}.section-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.custom-select,.custom-input,.custom-textarea{border-radius:var(--border-radius);border:1px solid var(--border-color);width:100%;transition:var(--transition-smooth);color:var(--text-main);background-color:#fff;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.custom-select:focus,.custom-input:focus,.custom-textarea:focus{border-color:var(--primary-pink);box-shadow:0 0 0 3px #f3a3b433}.form-group{margin-bottom:16px}.form-group label{color:#444;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.hidden{display:none!important}.map-control-panel{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:16px;padding:16px}.route-selector-container{margin-top:12px}.map-wrapper{border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:16px;position:relative;overflow:hidden}#map{z-index:1;width:100%;height:380px}.map-legend{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);pointer-events:none;background:#fffffff2;border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:10px;left:10px}.legend-item{align-items:center;gap:6px;font-weight:600;display:flex}.legend-color{border-radius:3px;width:12px;height:12px}.station-color{background-color:#3b82f6}.goods-color{background-color:#ec4899}.gate-color{background-color:#f59e0b}.meetup-color{background-color:#10b981}.route-detail-card{background:linear-gradient(135deg, var(--primary-pink-light) 0%, #fff 100%);border-left:5px solid var(--primary-pink);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:16px;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.route-detail-card h3{color:#1e1e21;margin-bottom:6px;font-size:16px;font-weight:700}.route-meta{gap:12px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.route-time{color:var(--primary-pink-dark)}.route-dist{color:var(--text-muted)}.route-desc{color:#555;font-size:13px;line-height:1.5}.goods-locations-grid{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.goods-info-card{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition-smooth);background:#fff;padding:20px 16px 16px;position:relative;overflow:hidden}.goods-info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge-main{background:linear-gradient(135deg, var(--primary-pink) 0%, var(--primary-pink-dark) 100%);color:#fff;border-bottom-left-radius:12px;padding:4px 12px;font-size:10px;font-weight:700;position:absolute;top:0;right:0}.badge-limited{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706) 100%;border-bottom-left-radius:12px;padding:4px 12px;font-size:10px;font-weight:700;position:absolute;top:0;right:0}.goods-info-card h3{margin-bottom:8px;padding-right:60px;font-size:16px;font-weight:700}.goods-hours{color:var(--text-muted);margin-bottom:10px;font-size:12px}.goods-desc{color:#555;background:var(--bg-color);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13px}.text-warning{color:#b45309;font-weight:500}.current-status-indicator{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.status-badge{text-align:center;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.status-green{color:#065f46;background-color:#d1fae5}.status-yellow{color:#92400e;background-color:#fef3c7}.status-orange{color:#c2410c;background-color:#ffedd5}.status-red{color:#991b1b;background-color:#fee2e2}.status-unknown{color:#374151;background-color:#f3f4f6}.btn-scroll-to-post{border:1px dashed var(--primary-pink);width:100%;color:var(--primary-pink-dark);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:10px;padding:8px;font-size:12px;font-weight:700}.btn-scroll-to-post:active{background:var(--primary-pink-light)}.post-form-card{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;margin-bottom:24px;padding:20px}.post-form-card h3{align-items:center;gap:6px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.wait-time-options{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.radio-tile{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;display:flex;position:relative}.radio-tile input{opacity:0;width:0;height:0;position:absolute}.radio-label{color:var(--text-muted);font-size:11px;font-weight:700}.radio-tile:has(input:checked){border-color:var(--primary-pink);background-color:var(--primary-pink-light)}.radio-tile:has(input:checked) .radio-label{color:var(--primary-pink-dark)}.btn-submit{background:linear-gradient(135deg, var(--primary-pink) 0%, var(--primary-pink-dark) 100%);color:#fff;border-radius:var(--border-radius);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;padding:12px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #f3a3b44d}.btn-submit:active{transform:scale(.98)}.timeline-section{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;padding:20px}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timeline-header h3{font-size:16px;font-weight:700}.btn-refresh{color:var(--primary-pink-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.btn-refresh:active{transform:scale(.95)}.timeline-filter{gap:6px;margin-bottom:16px;display:flex}.filter-btn{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.filter-btn.active{background:var(--primary-pink);color:#fff;border-color:var(--primary-pink)}.timeline-list{flex-direction:column;gap:12px;display:flex}.timeline-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px;animation:.3s ease-out slideIn}.timeline-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:6px;font-size:11px;display:flex}.timeline-card-target{color:#444;font-weight:700}.timeline-card-time{color:var(--text-muted)}.timeline-card-status-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.timeline-card-soldout{color:#b91c1c;background-color:#fee2e2;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.timeline-card-memo{color:var(--text-main);word-break:break-all;font-size:13px}.meetup-generator-card{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;margin-bottom:20px;padding:20px}.meetup-generator-card h3{margin-bottom:8px;font-size:16px;font-weight:700}.meetup-guide-text{color:var(--text-muted);margin-bottom:16px;font-size:12px}.btn-generate-url{background:linear-gradient(135deg, var(--secondary-mint-dark) 0%, #44b592 100%);color:#fff;border-radius:var(--border-radius);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;padding:12px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #66c8a94d}.btn-generate-url:active{transform:scale(.98)}.meetup-result-card{border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--primary-pink);background:#fff;margin-bottom:20px;padding:20px;animation:.3s ease-out slideIn}.meetup-result-card h4{color:var(--primary-pink-dark);margin-bottom:6px;font-size:15px;font-weight:700}.result-guide{color:var(--text-muted);margin-bottom:12px;font-size:12px}.url-copy-wrapper{gap:8px;display:flex}.btn-copy{background:var(--primary-pink);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:4px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.btn-copy:active{transform:scale(.95)}.copy-toast{color:#fff;text-align:center;background-color:#333;border-radius:6px;margin-top:10px;padding:6px 12px;font-size:12px;animation:.2s ease-out fadeIn;display:inline-block}.incoming-meetup-card{background:linear-gradient(135deg, var(--secondary-mint-light) 0%, #fff 100%);border:1px solid var(--secondary-mint-dark);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:20px;padding:16px;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideIn}.meetup-card-header{border-bottom:1px solid #66c8a933;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.meetup-card-header h4{color:#1e8765;flex-grow:1;margin-left:6px;font-size:14px;font-weight:700}.meetup-card-header i{color:var(--secondary-mint-dark)}.btn-close-card{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.meetup-card-body{flex-direction:column;gap:6px;font-size:13px;display:flex}.meetup-card-body p strong{color:#333}.meetup-memo{border-left:3px solid var(--secondary-mint-dark);background:#ffffffb3;border-radius:8px;margin-top:4px;padding:8px 10px}.bottom-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);background:#ffffffe0;justify-content:space-around;align-items:center;height:65px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{height:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;display:flex}.nav-item i{font-size:18px}.nav-item span{font-size:10px;font-weight:700}.nav-item.active{color:var(--primary-pink-dark)}.nav-item.active i{color:var(--primary-pink);transform:translateY(-2px)}@media (min-width:800px){body{background-color:#eef1f3}.app-header,.warning-banner{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.bottom-nav{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-radius:20px 20px 0 0;max-width:800px;margin:0 auto}}.custom-div-icon{background:0 0!important;border:none!important}.marker-container{filter:drop-shadow(0 3px 6px #0003);width:32px;height:40px;transition:var(--transition-smooth);position:absolute;top:-40px;left:-16px}.marker-container svg{width:100%;height:100%;display:block}.marker-container:hover{filter:drop-shadow(0 6px 12px #00000040);transform:scale(1.1)translateY(-2px)}.marker-icon-wrapper{color:#fff;pointer-events:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;display:flex;position:absolute;top:0;left:0}.popup-badge{color:#fff;border-radius:4px;margin-top:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.popup-badge.badge-main{background:linear-gradient(135deg, var(--primary-pink) 0%, var(--primary-pink-dark) 100%)}.popup-badge.badge-limited{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.gps-pulse-marker{justify-content:center;align-items:center;display:flex}.pulse-dot{background-color:#2563eb;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:relative;box-shadow:0 0 12px #2563eb}.pulse-dot:after{content:"";background-color:#2563eb66;border-radius:50%;width:300%;height:300%;animation:1.8s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:-100%;left:-100%}@keyframes pulse-ring{0%{opacity:0;transform:scale(.3)}50%{opacity:.9}to{opacity:0;transform:scale(1)}}.map-controls-grid{grid-template-columns:1fr;gap:12px;margin-top:8px;display:grid}@media (min-width:600px){.map-controls-grid{grid-template-columns:2fr 1fr;align-items:flex-end}}.btn-map-action{border:1px solid var(--secondary-mint-dark);color:#1e8765;border-radius:var(--border-radius);cursor:pointer;width:100%;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:12px;font-weight:700;display:flex}.btn-map-action:active,.btn-map-action.active{background-color:var(--secondary-mint-light);color:#156149;border-color:#1e8765;box-shadow:0 0 0 3px #66c8a933}.map-instruction-banner{background-color:var(--primary-pink-light);border:1px solid var(--primary-pink);border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 14px;animation:.3s ease-out fadeIn;display:flex}.pulse-text{color:var(--primary-pink-dark);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.pulse-text i{animation:1.2s infinite pulse-ring}.btn-text-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.spot-filter-buttons{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.spot-filter-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600}.spot-filter-btn.active{background-color:var(--secondary-mint-dark);color:#fff;border-color:var(--secondary-mint-dark)}.meetup-coords-preview-box{border:1px dashed var(--secondary-mint-dark);background:#f1f3f4;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.preview-text{color:#333;font-weight:600}.btn-link-action{color:#1e8765;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700;text-decoration:underline}.meetup-custom-color{background-color:#06b6d4}.marker-container.animate-pulse-fast{animation:.6s cubic-bezier(.25,.46,.45,.94) infinite alternate marker-bounce}@keyframes marker-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.btn-gmap-nav{transition:var(--transition-smooth);cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:30px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #3b82f64d;color:#fff!important;text-decoration:none!important}.btn-gmap-nav i{font-size:12px}.btn-gmap-nav:hover{transform:translateY(-2px);box-shadow:0 6px 14px #3b82f666}.btn-gmap-nav:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f633}.leaflet-popup-content .btn-gmap-nav{margin-top:8px;margin-bottom:2px}.no-posts{text-align:center;color:var(--text-muted);background:var(--bg-color);border:1px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.no-posts i{color:var(--primary-pink);font-size:18px;animation:1.5s infinite pulse-ring}.map-disclaimer{color:var(--text-muted);align-items:flex-start;gap:6px;margin-top:10px;margin-bottom:20px;padding:0 4px;font-size:11px;line-height:1.5;display:flex}.map-disclaimer i{color:var(--primary-pink-dark);margin-top:2px;font-size:12px}.marker-goods-green .marker-container svg path{fill:#10b981!important}.marker-goods-yellow .marker-container svg path{fill:#f59e0b!important}.marker-goods-red .marker-container svg path{fill:#ef4444!important}.goods-green-color{background-color:#10b981}.goods-yellow-color{background-color:#f59e0b}.goods-red-color{background-color:#ef4444}.goods-item-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.goods-item-row:last-child{border-bottom:none}.goods-item-name{color:#333;font-size:13px;font-weight:700}.goods-item-controls{align-items:center;gap:8px;display:flex}.goods-item-status-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.badge-available{color:#065f46;background-color:#d1fae5}.badge-few{color:#92400e;background-color:#fef3c7}.badge-soldout{color:#991b1b;background-color:#fee2e2}.report-toggle-group{border:1px solid var(--border-color);background-color:#f3f4f6;border-radius:6px;padding:2px;display:flex}.report-toggle-btn{cursor:pointer;color:#666;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700}.report-toggle-btn.active.btn-available{color:#fff;background-color:#10b981}.report-toggle-btn.active.btn-few{color:#fff;background-color:#f59e0b}.report-toggle-btn.active.btn-soldout{color:#fff;background-color:#ef4444}.form-item-status-container{border:1px solid var(--border-color,#e5e7eb);background-color:#fafafa;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.form-item-status-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.form-item-status-row:last-child{border-bottom:none;padding-bottom:0}.form-item-name{color:#333;font-size:13px;font-weight:700}.form-item-options{border:1px solid var(--border-color,#e5e7eb);background-color:#f3f4f6;border-radius:8px;padding:2px;display:flex}.form-item-options label{margin:0;padding:0}.form-item-options input[type=radio]{display:none}.form-item-radio-label{cursor:pointer;color:#666;transition:var(--transition-smooth,.2s);text-align:center;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.form-item-options input[type=radio]:checked+.form-item-radio-label.status-avail{color:#fff;background-color:#10b981}.form-item-options input[type=radio]:checked+.form-item-radio-label.status-few{color:#fff;background-color:#f59e0b}.form-item-options input[type=radio]:checked+.form-item-radio-label.status-soldout{color:#fff;background-color:#ef4444}