*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #2d6a4f;--green-light: #52b788;--green-dark: #1b4332;--bg: #f8faf8;--card: #ffffff;--border: #d8e8d8;--text: #1a2e1a;--text-muted: #5a7a5a;--danger: #c0392b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}main{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}nav{background:var(--green-dark);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}nav a{color:#c8e6c8;text-decoration:none;font-size:.9rem}nav a:hover,nav a.active{color:#fff}nav .logo{font-weight:700;color:#fff;font-size:1.1rem;margin-right:auto}nav .user-toggle{display:flex;align-items:center;gap:.25rem;background:#ffffff1a;border-radius:6px;padding:.25rem;flex-wrap:wrap;max-width:520px}nav .user-toggle button{border:none;background:transparent;color:#c8e6c8;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem}nav .user-toggle-label{width:100%;padding:0 .25rem .1rem;font-size:.7rem;color:#e1f1e1;text-transform:uppercase;letter-spacing:.08em}nav .user-toggle button.active{background:var(--green-light);color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}button,.btn{background:var(--green);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-height:42px}button:hover,.btn:hover{background:var(--green-light)}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger{background:var(--danger)}input,select,textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;background:#fff;min-height:42px}label{display:block;margin-bottom:.25rem;font-size:.85rem;color:var(--text-muted)}.form-group{margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:.5rem;border-bottom:2px solid var(--border);color:var(--text-muted);font-size:.8rem;text-transform:uppercase}td{padding:.5rem;border-bottom:1px solid var(--border)}tr:hover td{background:var(--bg)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-show{display:none}.mobile-card-list{display:grid;gap:.75rem}.mobile-card{width:100%;text-align:left;background:#fff;border:1px solid var(--border);color:var(--text);display:grid;gap:.5rem;padding:.9rem 1rem}.mobile-card-title-row,.mobile-card-foot{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.mobile-card-title{font-weight:600;font-size:.95rem}.mobile-card-sub,.mobile-card-meta,.mobile-card-foot{font-size:.8rem;color:var(--text-muted)}.mobile-card-foot{align-items:center}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:center}.stat-card .value{font-size:2rem;font-weight:700;color:var(--green)}.stat-card .label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.trip-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:1rem;margin-bottom:1rem}.trip-current-card,.trip-drafts-card,.trip-suggestions-card{display:grid;gap:1rem}.trip-current-card,.trip-drafts-card{min-width:0}.trip-suggestions-card{margin-top:1rem}.trip-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.trip-section-kicker{color:var(--text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem}.trip-card-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.2rem}.trip-panel-title{font-weight:700;margin-bottom:.5rem}.trip-panel-empty{color:var(--text-muted);font-size:.875rem}.trip-stops-panel{border-top:1px solid var(--border);padding-top:1rem}.trip-custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.trip-stop-list{display:grid;gap:.5rem}.trip-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:1rem;align-items:start}.trip-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.suggestion-list,.trip-plan-list{display:grid;gap:.75rem}.suggestion-card,.trip-plan-card,.trip-stop{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.trip-stop{background:#fff}.trip-plan-card{align-items:flex-start;background:#fff}.trip-plan-card-active{border-color:var(--green);box-shadow:0 0 0 1px #2d6a4f1f}.trip-plan-card-main{min-width:0;display:grid;gap:.35rem}.trip-plan-card-actions{display:flex;gap:.5rem;flex-shrink:0}.trip-plan-title-row{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.trip-plan-title{font-weight:700;font-size:.95rem}.trip-plan-meta{color:var(--text-muted);font-size:.8rem}.trip-plan-badge{padding:.2rem .5rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;background:var(--bg);color:var(--text-muted)}.trip-plan-badge-planned{background:#52b78826;color:var(--green-dark)}.trip-plan-badge-draft{background:#2d6a4f1a;color:var(--green)}.trip-plan-badge-done{background:#c0392b1f;color:var(--danger)}.trip-suggestion-target{display:grid;gap:.35rem;min-width:240px}.trip-suggestion-target label{margin-bottom:0}.trip-suggestion-search{max-width:320px}.trip-suggestion-search input{width:100%}.trip-mini-map{height:220px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#eef5ee}.map-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:1rem;align-items:start}.map-sidebar,.map-main,.map-panel{min-width:0}.map-sidebar{position:sticky;top:1rem;align-self:start}.map-sidebar-header{margin-bottom:.75rem}.map-scope-pill{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.map-sidebar-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.map-legend{display:grid;gap:.4rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);margin-bottom:1rem}.map-legend-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.map-legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.map-legend-dot-solo{background:var(--green-dark)}.map-legend-dot-shared{background:var(--green-light)}.map-legend-dot-custom{background:#d97706}.map-legend-note{font-size:.8rem;color:var(--text-muted)}.map-section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.map-section-title h2{font-size:.95rem}.map-hotspot-list{display:grid;gap:.5rem}.map-hotspot{width:100%;text-align:left;display:flex;justify-content:space-between;gap:.75rem;align-items:center;background:#fff;color:var(--text);border:1px solid var(--border)}.map-hotspot:hover{background:var(--bg)}.map-hotspot-title{font-weight:600;font-size:.9rem}.map-hotspot-meta,.map-hotspot-action,.map-panel-meta,.map-species-meta{color:var(--text-muted);font-size:.8rem}.map-hotspot-action{flex-shrink:0}.map-toolbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.map-canvas{height:calc(100vh - 200px);border-radius:8px;border:1px solid var(--border);overflow:hidden}.map-panel{position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.map-panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.map-panel-title{font-weight:700;font-size:1rem;line-height:1.3}.map-panel-body{overflow-y:auto;padding-top:.75rem;display:grid;gap:.5rem}.map-panel-actions{display:grid;gap:.6rem;padding:.85rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);margin-bottom:.25rem}.map-panel-action-row{display:flex;gap:.5rem;flex-wrap:wrap}.map-panel-action-row button{flex:1 1 0}.map-panel-message{font-size:.82rem;color:var(--green)}.map-mobile-shell{display:grid;gap:.75rem}.map-mobile-topbar{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.map-mobile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.map-mobile-actions button{width:100%}.map-mobile-hint{color:var(--text-muted);font-size:.8rem;text-align:center}.map-mobile-sheet{position:fixed;left:.75rem;right:.75rem;top:5.5rem;bottom:.75rem;z-index:30;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 40px #1b433238;padding:1rem;display:flex;flex-direction:column}.map-canvas-mobile{min-height:58vh}.map-species-row{width:100%;text-align:left;display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;background:#fff;border:1px solid var(--border);color:var(--text)}.map-species-row:hover{background:var(--bg)}.map-species-name{font-weight:600;font-size:.9rem}.map-species-count{color:var(--green);font-weight:700;flex-shrink:0}#bird-map{height:calc(100vh - 120px);border-radius:8px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:360px}.login-box h1{margin-bottom:1.5rem;font-size:1.5rem}.error{color:var(--danger);font-size:.85rem;margin-top:.5rem}@media (max-width: 600px){nav{padding:.75rem .75rem .85rem;gap:.5rem;align-items:stretch}nav .logo{margin-right:0;width:100%}nav a{padding:.1rem 0;font-size:.85rem}nav .user-toggle{width:100%;max-width:none}nav .user-toggle button{flex:1 1 auto;min-width:0}nav>button.secondary{width:100%}main{padding:1rem .75rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header h1{font-size:1.3rem}.card{padding:1rem}.mobile-hide{display:none!important}.mobile-show{display:block}.mobile-card-list{display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-grid,.trip-form-row,.trip-workspace{grid-template-columns:1fr}.trip-card-header{flex-direction:column;align-items:stretch}.trip-suggestion-target{min-width:0}.trip-custom-grid{grid-template-columns:1fr}.trip-mini-map{height:180px}.trip-stop,.suggestion-card,.trip-plan-card{flex-direction:column;align-items:flex-start}.trip-stop button,.suggestion-card button,.trip-plan-card button{width:100%}.trip-plan-card-actions{width:100%;justify-content:stretch}.trip-plan-card-actions button{flex:1 1 0}.map-layout{grid-template-columns:1fr;gap:.75rem}.map-mobile-sheet{top:.75rem}.map-mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.map-main{order:1}.map-sidebar{order:2;position:static}.map-panel{order:3;position:static;max-height:none;box-shadow:none}.map-panel-mobile{position:fixed;left:.75rem;right:.75rem;top:.75rem;bottom:.75rem;max-height:none;z-index:35;box-shadow:0 18px 40px #1b433238}.map-canvas{height:52vh}.map-toolbar{flex-direction:column;gap:.35rem}.map-sidebar-actions{flex-direction:column}.map-sidebar-actions button,.map-hotspot,.map-species-row{width:100%}.map-hotspot,.map-species-row{flex-direction:column;align-items:flex-start}.map-species-count,.map-hotspot-action{align-self:flex-end}.map-mobile-sheet .map-panel-body{max-height:calc(100vh - 8rem)}.map-panel-header{position:sticky;top:0;background:var(--card);z-index:1;padding-bottom:.75rem}.map-panel-action-row{flex-direction:column}.map-panel-action-row button{width:100%}.timeline-card>div:first-child{flex-direction:column;gap:.75rem}.timeline-card>div:first-child>div:last-child{text-align:left!important}.map-sidebar,.map-panel,.map-main{min-width:0}.stats-grid .stat-card .value{font-size:1.7rem}.card button{max-width:none}}