:root{--bg-deep: #0b0d17;--bg-surface: #111320;--bg-elevated: #181a2c;--bg-hover: #1f2238;--border-subtle: rgba(255,255,255,.05);--border-normal: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent: #6c6cf0;--accent-glow: rgba(108,108,240,.3);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--danger: #f87171;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Public Sans,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:20;backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:.65rem}.topbar-logo{width:30px;height:30px;background:var(--accent-gradient);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;box-shadow:0 2px 12px var(--accent-glow)}.topbar-brand{font-size:.92rem;font-weight:650;color:var(--text-primary);letter-spacing:.02em}.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-user{font-size:.78rem;color:var(--text-secondary);padding:.3rem .7rem;background:var(--bg-hover);border-radius:999px;border:1px solid var(--border-normal);font-weight:500;text-decoration:none;display:inline-block;transition:all .15s}.topbar-user:hover{background:var(--border-normal);color:var(--text-primary)}.btn-topbar{padding:.35rem .85rem;border-radius:999px;font-size:.78rem;cursor:pointer;border:1px solid var(--border-normal);background:var(--bg-elevated);color:var(--text-secondary);transition:all .2s;font-family:inherit;font-weight:500}.btn-topbar:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-topbar.accent{background:var(--accent-gradient);color:#fff;border:none;font-weight:600;box-shadow:0 2px 10px var(--accent-glow)}.btn-topbar.accent:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.main-layout{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:300px;min-width:300px;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-subtle);overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);z-index:10}.sidebar.collapsed{width:0;min-width:0}.sidebar-inner{width:300px;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-head{padding:.85rem .9rem;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.btn-new{width:100%;padding:.6rem 1rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s;font-family:inherit;box-shadow:0 2px 10px var(--accent-glow)}.btn-new:hover{transform:translateY(-1px);box-shadow:0 4px 18px var(--accent-glow)}.sidebar-scroll{flex:1;overflow-y:auto;padding:.25rem 0}.sidebar-scroll::-webkit-scrollbar{width:3px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border-normal);border-radius:3px}.group-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.72rem;font-weight:700;color:var(--text-tertiary);cursor:pointer;user-select:none;text-transform:uppercase;letter-spacing:.08em;transition:color .15s}.group-header:hover{color:var(--text-secondary)}.group-arrow{font-size:.55rem;transition:transform .2s;opacity:.6}.group-arrow.open{transform:rotate(90deg);opacity:1}.group-count{margin-left:auto;font-size:.65rem;color:var(--text-tertiary);font-weight:500;letter-spacing:0}.group-items{display:none}.group-items.open{display:block;padding-bottom:.2rem}.spot-item{display:block;padding:.5rem .95rem .5rem 1.65rem;margin:.1rem .35rem;border-radius:6px;font-size:.82rem;color:var(--text-secondary);text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s}.spot-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-toggle{position:absolute;top:50%;left:300px;transform:translateY(-50%);width:22px;height:56px;background:var(--bg-elevated);border:1px solid var(--border-normal);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-tertiary);z-index:11;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-toggle.collapsed{left:0}.spot-item-empty{padding:1rem .95rem;font-size:.78rem;color:var(--text-tertiary);text-align:center}#map-container{flex:1;position:relative}#amap{width:100%;height:100%}#pick-hint{display:none;position:absolute;top:1rem;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.55rem 1.4rem;border-radius:999px;font-size:.85rem;z-index:100;pointer-events:none;box-shadow:0 4px 16px var(--accent-glow);font-weight:500}.modal-overlay{display:none;position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--bg-elevated);border:1px solid var(--border-normal);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:.85rem;right:.85rem;background:var(--bg-hover);border:none;width:28px;height:28px;border-radius:50%;font-size:.9rem;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{color:var(--text-primary);background:var(--border-normal)}.modal h2{margin:0 0 1rem;font-size:1.05rem;font-weight:650;color:var(--text-primary)}.tabs{display:flex;margin-bottom:1.2rem;gap:.25rem;background:var(--bg-hover);border-radius:var(--radius-sm);padding:3px}.tab-btn{flex:1;padding:.45rem .5rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.85rem;border-radius:6px;transition:all .2s;font-weight:500;font-family:inherit}.tab-btn.active{color:var(--text-primary);background:var(--bg-surface);box-shadow:0 1px 3px #0000004d}.tab-panel{display:none}.tab-panel.active{display:block}.form-group{margin-bottom:.85rem}.form-group label{display:block;font-size:.78rem;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem}.form-group input,.form-group textarea{width:100%;box-sizing:border-box;padding:.55rem .8rem;background:var(--bg-surface);border:1px solid var(--border-normal);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:80px}.form-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem}.form-agree a{color:var(--accent);text-decoration:underline}.form-agree input[type=checkbox]{accent-color:var(--accent)}.btn-submit{width:100%;padding:.65rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 2px 10px var(--accent-glow)}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 18px var(--accent-glow)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-error{font-size:.78rem;color:var(--danger);margin-bottom:.75rem;min-height:1.2em}.coord-row{padding:.55rem .8rem;background:var(--bg-surface);border:1px solid var(--border-normal);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-family:SF Mono,Fira Code,monospace}.btn-pick{width:100%;padding:.55rem;background:var(--bg-hover);color:var(--text-secondary);border:1px dashed var(--border-normal);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;margin-bottom:.85rem;transition:all .2s;font-family:inherit}.btn-pick:hover{border-color:var(--accent);color:var(--accent);background:#6c6cf00f}.amap-cluster{width:40px;height:40px;background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 4px 16px var(--accent-glow);border:2px solid rgba(255,255,255,.2)}.sidebar-status{padding:1.2rem;text-align:center;font-size:.82rem;color:var(--text-tertiary)}.sidebar-status.error{color:var(--danger)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay.open .modal{animation:fadeInUp .25s ease}