@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#1a1d21;--bg-card:#23272e;--bg-hover:#2c313a;--bg-active:#33383f;--text-primary:#e8e8e8;--text-secondary:#8b8f96;--text-muted:#5c6069;--divider:#2a2e35;--font:"Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif}html,body{height:100%;font-family:var(--font);color:#1f2937;-webkit-font-smoothing:antialiased;background:#f3f4f6}.app{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.map-container{flex:1;position:relative}.sidebar{background:var(--bg-dark);z-index:1000;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:margin-left .25s;display:flex;overflow-y:auto}.sidebar-collapsed .sidebar{pointer-events:none;margin-left:-260px}.sidebar-header{padding:20px 16px 16px}.sidebar-header-top{justify-content:space-between;align-items:center;display:flex}.sidebar-title{color:var(--text-primary);letter-spacing:.04em;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.sidebar-logo{font-size:1.15rem}.sidebar-subtitle{display:none}.sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.9rem;line-height:1;transition:color .15s}.sidebar-close:hover{color:var(--text-primary)}.sidebar-section{padding:4px 10px 12px}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:12px 8px 6px;font-size:.6rem;font-weight:600}.plant-list{flex-direction:column;gap:1px;display:flex}.plant-item{cursor:pointer;font-size:.82rem;font-family:var(--font);color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-weight:400;transition:all .12s;display:flex}.plant-item:hover{background:var(--bg-hover);color:var(--text-primary)}.plant-item--active{font-weight:500;color:#fff!important}.plant-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.plant-item-label{font-weight:inherit}.species-count{color:var(--text-muted);padding:0 8px 6px;font-size:.65rem}.species-list{flex-direction:column;gap:1px;max-height:50vh;display:flex;overflow-y:auto}.species-item{cursor:pointer;font-size:.78rem;font-family:var(--font);color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:7px 12px;font-weight:400;transition:all .12s;display:flex}.species-item:hover{background:var(--bg-hover);color:var(--text-primary)}.species-item--active{background:var(--bg-active);color:var(--text-primary);font-weight:500}.species-check{border:1.5px solid var(--text-muted);color:#0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.55rem;transition:all .12s;display:flex}.species-item--active .species-check{color:var(--bg-dark);background:#e8e8e8;border-color:#e8e8e8}.species-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.species-badge{color:var(--text-muted);text-align:right;min-width:20px;font-size:.6rem;font-weight:500}.species-item--active .species-badge{color:var(--text-secondary)}.species-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:.75rem}.sidebar-credits{border-top:1px solid var(--divider);margin-top:auto;padding:16px 18px 20px}.sidebar-credits-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.55rem;font-weight:600}.sidebar-credits ul{flex-direction:column;gap:4px;list-style:none;display:flex}.sidebar-credits li{color:var(--text-muted);font-size:.62rem;line-height:1.5}.sidebar-credits a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.sidebar-credits a:hover{color:var(--text-primary)}.sidebar-toggle{z-index:1100;cursor:pointer;color:#374151;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .15s;display:flex;position:fixed;top:14px;left:14px;box-shadow:0 1px 4px #0000001f}.sidebar-toggle:hover{box-shadow:0 2px 8px #00000029}.app:not(.sidebar-collapsed) .sidebar-toggle{opacity:0;pointer-events:none}.sidebar-overlay{display:none}.map-search{z-index:500;width:min(400px,100% - 24px);position:absolute;top:14px;left:50%;transform:translate(-50%)}.search-input-wrap{background:#fff;border-radius:8px;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000001f}.search-input-wrap:focus-within{box-shadow:0 2px 8px #00000029}.search-icon{color:#9ca3af;flex-shrink:0;margin-left:14px}.search-input{font-size:.82rem;font-family:var(--font);color:#1f2937;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px;font-weight:400}.search-input::placeholder{color:#9ca3af}.search-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:10px 14px;transition:color .15s;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.search-spinner{animation:.8s linear infinite spin}.search-btn:hover:not(:disabled){color:#1f2937}.search-btn:disabled{opacity:.3;cursor:not-allowed}.search-error{color:#dc2626;text-align:center;background:#fff;border-radius:6px;margin-top:4px;padding:4px 10px;font-size:.68rem;box-shadow:0 1px 4px #0000001a}.marker-icon{cursor:pointer;filter:drop-shadow(0 1px 2px #0003);justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s;display:flex}.marker-icon:hover{transform:scale(1.35)}.cluster-icon{background:var(--bg-dark);width:36px;height:36px;color:var(--text-primary);font-family:var(--font);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 1px 4px #00000040}.info-window{font-family:var(--font)}.info-header{align-items:center;gap:6px;display:flex}.info-window strong{color:#111827;font-size:.88rem;font-weight:600}.info-window p{color:#6b7280;margin:3px 0 0;font-size:.78rem}.info-species{color:#15803d!important;font-weight:500!important}.info-bloom{color:#b45309!important}.sponsor-badge{background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:2px 6px;color:#92400e!important;margin-top:6px!important;font-size:.68rem!important}.sponsor-badge a{color:#92400e;text-decoration:underline}.loading,.error{z-index:400;color:#6b7280;background:#fff;border-radius:8px;padding:12px 20px;font-size:.82rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000001f}.error{color:#dc2626}.ad-banner{text-align:center;background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;min-height:50px}@media (max-width:768px){.sidebar{width:260px;transition:left .25s;position:fixed;top:0;left:-260px;margin-left:0!important}.sidebar--open{left:0}.app:not(.sidebar-collapsed) .sidebar-toggle{opacity:1;pointer-events:auto}.sidebar-overlay{z-index:999;background:#0006;display:block;position:fixed;inset:0}.map-search{width:calc(100% - 72px);top:64px;left:calc(50% + 12px)}}.sidebar::-webkit-scrollbar{width:0}.species-list::-webkit-scrollbar{width:3px}.species-list::-webkit-scrollbar-track{background:0 0}.species-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}