:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.note-editor-container{position:relative;z-index:1000;width:300px;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.note-header{padding:12px 16px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.note-header h3{margin:0;font-size:14px;font-weight:600;color:#334155}.note-content{padding:16px;background:#fff}.note-textarea{width:100%;min-height:80px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:13px;line-height:1.4;resize:vertical;outline:none;transition:border-color .2s;background:#fafafa;color:#334155;box-sizing:border-box}.note-textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.note-actions{padding:12px 16px;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.action-right{display:flex;gap:8px}.btn-note{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cancel-icon{background:transparent;color:#64748b;padding:4px;font-size:16px}.btn-cancel-icon:hover{background-color:#e2e8f0;color:#334155}.btn-save{background-color:#3b82f6;color:#fff;font-weight:600}.btn-save:hover{background-color:#2563eb;box-shadow:0 2px 4px #3b82f64d}.btn-delete{background-color:transparent;color:#ef4444;font-size:16px;padding:6px}.btn-delete:hover{background-color:#fee2e2}.node-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:0;width:max-content}.node-content{padding:8px 12px;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;min-width:80px;text-align:center;position:relative;transition:box-shadow .2s,background-color .2s;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;color:#334155;box-shadow:0 1px 3px #0000001a;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.node-content:hover{background-color:#f8fafc;border-color:#94a3b8}.node-content.selected{background-color:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.node-input{border:none;background:transparent;text-align:center;font-size:inherit;font-family:inherit;color:inherit;outline:none;width:100%}.node-date{font-size:.65em;color:#fff;margin-top:4px;background:#cbd5e1;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);min-width:60px}.collapse-btn{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#fff;border:1px solid #cbd5e1;border-radius:50%;font-size:12px;line-height:14px;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15}.node-wrapper.left-side .collapse-btn{right:auto;left:-10px}.collapse-btn:hover{background:#f1f5f9;color:#2563eb;border-color:#2563eb}.node-wrapper.root{justify-content:center}.connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.style-editor-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.style-editor-modal{background:#fff;padding:20px;border-radius:8px;width:300px;box-shadow:0 4px 6px #0000001a}.style-editor-modal.global-mode{width:400px}.style-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.style-editor-header h3{margin:0;font-size:1.1rem;color:#1e293b}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:0;line-height:1}.style-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.tab-btn{background:#f1f5f9;border:none;padding:6px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;color:#64748b}.tab-btn.active{background:#2563eb;color:#fff}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-size:.9rem;color:#475569}.color-preview{display:flex;align-items:center;gap:10px;background:#f1f5f9;padding:5px;border-radius:4px}.color-preview input[type=color]{border:none;width:30px;height:30px;cursor:pointer;background:none}.control-group input[type=number]{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box}.style-editor-footer{margin-top:20px;text-align:right}.done-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.done-btn:hover{background:#1d4ed8}.reset-btn:hover{background-color:#d9363e!important}.timeline-view{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;padding:0;background-color:#f8fafc;display:flex;align-items:center;justify-content:flex-start}.timeline-track{display:flex;align-items:center;padding:0 100px;position:relative;min-width:100%;height:4px;background-color:#334155;margin-top:50px}.timeline-item{position:relative;width:200px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.timeline-marker{width:16px;height:16px;border-radius:50%;background-color:#f59e0b;border:3px solid #ffffff;box-shadow:0 0 0 2px #334155;z-index:2;position:relative}.timeline-date{position:absolute;font-weight:700;color:#d97706;font-size:1.2rem;white-space:nowrap}.timeline-connector{position:absolute;width:2px;background-color:#64748b;left:50%;transform:translate(-50%);height:60px;z-index:1}.timeline-stack{position:absolute;display:flex;flex-direction:column;gap:8px;width:180px;z-index:10;align-items:center}.timeline-card{width:100%;background:#fff;padding:10px;border-radius:6px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #3b82f6;font-size:14px;text-align:center}.timeline-item:nth-child(2n) .timeline-connector{bottom:50%}.timeline-item:nth-child(2n) .timeline-stack{bottom:80px;flex-direction:column-reverse}.timeline-item:nth-child(2n) .timeline-date{top:40px}.timeline-item:nth-child(odd) .timeline-connector{top:50%}.timeline-item:nth-child(odd) .timeline-stack{top:80px}.timeline-item:nth-child(odd) .timeline-card{border-top:none;border-bottom:4px solid #3b82f6}.timeline-item:nth-child(odd) .timeline-date{bottom:40px}.map-container{width:100%;height:100%;overflow:hidden;background-color:#f8fafc;position:relative;cursor:grab}.map-container:active{cursor:grabbing}.map-canvas{display:block;width:100%;height:100%;position:relative;box-sizing:border-box}.map-canvas.spread-layout{width:auto;min-width:100%;display:inline-flex}.map-canvas .connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-manager-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.map-manager-modal{background:#fff;border-radius:8px;width:600px;max-width:90vw;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000001a;animation:slideIn .2s ease-out;max-height:80vh}.modal-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:#1e293b}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:0;line-height:1}.close-button:hover{color:#334155}.modal-content{padding:24px;overflow-y:auto}.map-list{display:flex;flex-direction:column;gap:8px}.map-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #e2e8f0;border-radius:6px;transition:background-color .2s}.map-item:hover{background-color:#f8fafc}.map-info{flex:1;display:flex;flex-direction:column;cursor:pointer}.map-title{font-weight:500;color:#0f172a;font-size:1rem}.map-date{font-size:.8rem;color:#64748b;margin-top:2px}.map-actions{display:flex;gap:8px;align-items:center}.action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;color:#64748b;transition:all .2s}.action-btn:hover{background-color:#e2e8f0;color:#1e293b}.action-btn.delete:hover{background-color:#fee2e2;color:#ef4444}.loading-state,.empty-state{text-align:center;padding:40px;color:#64748b}.usage-bar{margin-bottom:16px;padding:12px;background-color:#f1f5f9;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.usage-count{font-weight:600;color:#334155}.usage-limit{color:#64748b;font-size:.9rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.menu-bar{display:flex;align-items:center;background-color:#f1f5f9;border-bottom:1px solid #cbd5e1;height:30px;padding:0 10px;-webkit-user-select:none;user-select:none;font-size:.85rem;color:#334155}.menu-item{padding:0 12px;height:100%;display:flex;align-items:center;cursor:pointer;position:relative}.menu-item:hover{background-color:#e2e8f0}.logo-area{margin-left:auto;font-weight:600;color:#64748b;font-size:.8rem}.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 6px #0000001a;min-width:150px;z-index:1000;border-radius:0 0 4px 4px}.menu-item:hover .dropdown{display:block}.dropdown-item{padding:8px 12px;cursor:pointer;white-space:nowrap}.dropdown-item:hover{background-color:#f8fafc;color:#2563eb}.icon-toolbar{display:flex;align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;height:40px;padding:0 10px;gap:8px}.toolbar-group{display:flex;gap:4px;align-items:center}.icon-toolbar button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;color:#475569}.icon-toolbar button svg{width:18px;height:18px;min-width:18px;flex-shrink:0}.icon-toolbar button:hover{background-color:#e2e8f0;border-color:#cbd5e1}.separator{width:1px;height:20px;background-color:#cbd5e1;margin:0 8px}.color-picker-wrapper{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px}.color-picker-wrapper:hover{background-color:#e2e8f0}.color-picker-wrapper input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-wrapper{display:flex;align-items:center;gap:8px;padding:0 4px}.toolbar-date{border:1px solid #cbd5e1;border-radius:4px;padding:2px 4px;font-size:.8rem;color:#475569}.toolbar-status{margin-left:auto;font-size:.8rem;color:#94a3b8}.date-popover{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;min-width:140px;overflow:hidden}.date-popover-header{background:#f8fafc;padding:6px 12px;font-size:.75rem;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0}.date-list{max-height:200px;overflow-y:auto;padding:4px 0}.date-item{padding:6px 12px;font-size:.85rem;color:#334155;cursor:pointer;transition:background-color .1s}.date-item:hover{background-color:#f1f5f9;color:#0f172a}.login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f1f5f9;z-index:50}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:400px}.login-box h2{margin-top:0;margin-bottom:1.5rem;text-align:center;color:#1e293b}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#475569;font-size:.9rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:1rem;box-sizing:border-box}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:2.5rem}.password-toggle{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}.password-toggle:hover{background-color:#f1f5f9}.form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.auth-btn{width:100%;padding:.75rem;background-color:#2563eb;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem;font-weight:500}.auth-btn:hover{background-color:#1d4ed8}.error-message{color:#ef4444;font-size:.875rem;margin-bottom:1rem;text-align:center;background:#fee2e2;padding:.5rem;border-radius:4px}.auth-switch{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#64748b}.auth-switch button{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:500;padding:0;text-decoration:underline}.startup-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.startup-modal-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:450px;text-align:center;animation:fadeIn .3s ease-out}.startup-modal-content h2{margin-top:0;color:#1e293b;margin-bottom:.5rem}.startup-modal-content p{color:#64748b;margin-bottom:1.5rem}.map-info{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem;color:#334155;text-align:left}.map-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.map-detail-row strong{color:#475569;font-weight:600}.map-detail-row span{color:#1e293b;font-weight:500;text-align:right;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.startup-actions{display:flex;flex-direction:column;gap:1rem}.btn-load{background-color:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-load:hover{background-color:#1d4ed8}.btn-new{background-color:#fff;color:#64748b;border:1px solid #cbd5e1;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-new:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#475569}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column;height:100vh;font-family:Inter,system-ui,sans-serif}.app-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;z-index:10}.app-header h1{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.view-controls button{padding:8px 16px;margin-left:10px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;color:#475569;transition:all .2s}.view-controls button:hover{background:#f1f5f9}.view-controls button.active{background:#2563eb;color:#fff;border-color:#2563eb}.app-content{flex:1;overflow:hidden;position:relative}.placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:1.5rem}