html,body{height:100%;margin:0}body{color:#242424;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.static-page{background:#f7f7f5;min-height:100vh}.static-page main{max-width:720px;margin:0 auto;padding:48px 20px}.static-page h1{margin:0 0 12px;font-size:28px;line-height:1.2}.static-page p{line-height:1.7}.static-page dl{grid-template-columns:max-content 1fr;gap:8px 16px;margin:20px 0;display:grid}.static-page dt{font-weight:700}.static-page dd{margin:0}.static-page form{margin:8px 8px 0 0;display:inline-block}.static-page section{border-top:1px solid #d8d8d2;margin-top:28px;padding-top:24px}.static-page h2{margin:0 0 12px;font-size:18px}.provider{border-top:1px solid #e1e1dc;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.provider:first-of-type{border-top:0}.provider form{margin:0}.provider-name{font-weight:700}.provider-id{color:#5d5d58;overflow-wrap:anywhere;margin-top:4px;font-size:14px}button,a.button{appearance:none;color:#fff;cursor:pointer;font:inherit;white-space:nowrap;background:#222;border:1px solid #222;border-radius:6px;padding:10px 14px;text-decoration:none;display:inline-block}a.button.secondary,button.secondary{color:#222;background:0 0}code{background:#ecece8;border-radius:4px;padding:2px 5px}.danger-zone{background:#fff7f7;border:1px solid #e2b6b6;border-radius:8px;margin-top:28px;padding:20px}.danger-zone h2{color:#8a1f1f}.delete-preview{margin:16px 0;padding-left:20px}.delete-confirm-label{margin:12px 0 8px;font-weight:700;display:block}.delete-confirm-checkbox{margin:12px 0;line-height:1.6;display:block}#nickname_confirm{box-sizing:border-box;font:inherit;border:1px solid #c9c9c2;border-radius:6px;width:100%;max-width:320px;margin-bottom:12px;padding:10px 12px;display:block}button.danger{background:#8a1f1f;border-color:#8a1f1f}.app-shell{grid-template-rows:auto 1fr;width:100%;height:100dvh;min-height:480px;display:grid;overflow:hidden}.topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #d8d8d2;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:76px;padding:14px 20px;display:flex}.topbar h1{margin:0;font-size:20px;line-height:1.2}.topbar p{color:#5d5d58;margin:4px 0 0}.map-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;min-width:0;display:flex}.map-controls label{color:#5d5d58;align-items:center;gap:6px;font-size:14px;display:inline-flex}.map-controls select{font:inherit;border:1px solid #c9c9c2;border-radius:6px;padding:6px 8px}.map-toggle{white-space:nowrap}.river-count{color:#5d5d58;white-space:nowrap;font-size:14px}.river-count--error{color:#8a3b12}.map,.map-loading{width:100%;max-width:100%;height:100%;min-height:0;overflow:hidden}.map-workspace{height:100%;min-height:0;position:relative}.leaflet-container{width:100%;max-width:100%;height:100%;min-height:0}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.topbar>div,.map-controls{width:100%}.map-controls{justify-content:flex-start}.map-controls label:first-child{width:100%}.map-controls select{flex:1;min-width:0}}.map-crosshair{pointer-events:none;z-index:1000;width:20px;height:20px;margin-top:-10px;margin-left:-10px;position:absolute;top:50%;left:50%}.map-crosshair:before,.map-crosshair:after{content:"";background:#d33;position:absolute}.map-crosshair:before{width:2px;height:20px;left:50%;transform:translate(-50%)}.map-crosshair:after{width:20px;height:2px;top:50%;transform:translateY(-50%)}.map-loading{background:#f7f7f5;justify-content:center;align-items:center;display:flex}.track-editor-panel{z-index:500;background:rgba(255,255,255,.92);border:1px solid #d8d8d2;border-radius:8px;gap:10px;max-width:min(360px,100vw - 32px);padding:14px;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 24px rgba(0,0,0,.16)}.track-editor-panel p{margin:0;font-size:14px}.track-editor-select,.track-submit-form label{gap:6px;display:grid}.track-editor-select{color:#5d5d58;font-size:14px}.track-editor-select select,.track-submit-form input,.track-submit-form textarea{box-sizing:border-box;font:inherit;border:1px solid #c9c9c2;border-radius:6px;width:100%;padding:9px 10px}.track-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.track-editor-success{color:#176b35}.track-editor-error{color:#8a1f1f}.track-submit-form{gap:10px;display:grid}@media (width<=720px){.app-shell{min-height:0}.topbar{flex-direction:column;align-items:flex-start}.map-controls{justify-content:flex-start;width:100%}.track-editor-panel{max-width:calc(100vw - 20px);max-height:min(42vh,340px);bottom:10px;left:10px;right:10px;overflow:auto}}