:root{--bg-color:#fff;--text-color:#27272a;--link-color:#000;--link-hover:#404040;--border-color:#d4d4d8;--input-bg:#fff;--button-bg:#fff;--button-hover-bg:#f4f4f5;--button-border:#27272a;--button-text:#27272a}@media (prefers-color-scheme:dark){:root{--bg-color:#18181b;--text-color:#d4d4d8;--link-color:#fff;--link-hover:#ccc;--border-color:#3f3f46;--input-bg:#27272a;--button-bg:#3b3b40;--button-hover-bg:#52525b;--button-border:#a1a1aa;--button-text:#fff}}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.App{flex-direction:column;max-width:750px;margin:0 auto;padding:1%;font:1em sans-serif;display:flex}.App>*{margin-top:1%}.title{font-weight:700}button,input[type=button]{border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);font:inherit;cursor:pointer;padding:.25rem .75rem;transition:background-color .2s,border-color .2s,color .2s}button:hover:not(:disabled),input[type=button]:hover:not(:disabled){background-color:var(--button-hover-bg)}button:disabled,input[type=button]:disabled{opacity:.5;cursor:not-allowed}#demo-map{border:1px solid var(--border-color);width:300px;height:300px}a{color:var(--link-color);transition:color .2s}a:hover{color:var(--link-hover)}.recent{margin-top:2%}.recent-header{justify-content:space-between;align-items:center;margin-top:2%;display:flex}.recent-header h2{margin:0;font:700 1em sans-serif}.recent ul{margin:1% 0 0;padding:0;list-style:none}.recent li{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:.5% 0;display:flex}.entry-info{flex:1;min-width:0}.entry-label{display:block}.entry-note{white-space:pre-wrap;margin:.5em 0 0}.entry-actions{flex-shrink:0;align-items:center;gap:.5em;display:flex}.icon-button{border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);cursor:pointer;justify-content:center;align-items:center;padding:2px 4px;display:inline-flex}.icon-button:hover{background-color:var(--button-hover-bg)}.entry-edit-note textarea{box-sizing:border-box;border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--text-color);font:inherit;margin-top:.5em}.note-buttons{gap:.5em;margin-top:.5em;display:flex}