:root{--bg: #ffffff;--text: #1a1a1a;--border: #dddddd;--highlight: #f5f5f5;--selected-bg: #e0f0ff;--selected-text: #000000;--accent: #0066cc;--danger: #dc3545;--danger-hover: #c82333;--success: #28a745;--transition-speed: .2s;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--bg: #121212;--text: #e0e0e0;--border: #333333;--highlight: #222222;--selected-bg: #1e3a5f;--selected-text: #ffffff;--accent: #4da3ff}}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;overflow:hidden}h1,h2,h3,h4{margin-top:0;color:var(--text)}button{background:var(--highlight);color:var(--text);border:1px solid var(--border);padding:4px 12px;cursor:pointer;border-radius:4px;transition:background-color var(--transition-speed);font-size:.9em}button:hover{background:var(--border)}button:active{transform:translateY(1px)}input,textarea,select{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:6px 8px;border-radius:4px;font-size:.9em}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.pane{border:1px solid var(--border);overflow:auto;padding:12px;background-color:var(--bg);transition:border-color var(--transition-speed),background-color var(--transition-speed)}.pane:focus-within{background-color:var(--highlight);border-color:var(--accent)}.selected-pane{border-color:var(--accent);box-shadow:inset 0 0 8px #0000000d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-container.svelte-12qhfyh{display:flex;flex-direction:column;height:100vh}.top-bar.svelte-12qhfyh{height:40px;background:var(--highlight);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;justify-content:space-between;flex-shrink:0}.left-group.svelte-12qhfyh,.center-group.svelte-12qhfyh,.right-group.svelte-12qhfyh,.actions.svelte-12qhfyh{display:flex;align-items:center;gap:12px}.stats-display.svelte-12qhfyh{display:flex;gap:12px;font-size:.85em;background:var(--bg);padding:2px 12px;border-radius:4px;border:1px solid var(--border);white-space:nowrap}.stats-display.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:var(--accent)}.clock-display.svelte-12qhfyh{display:flex;flex-direction:column;align-items:flex-end;line-height:1;font-family:monospace;font-size:1rem;opacity:.9;min-width:100px}.clock-display.svelte-12qhfyh .date:where(.svelte-12qhfyh){font-size:.8rem;opacity:.7}.clock-display.svelte-12qhfyh .time:where(.svelte-12qhfyh){font-weight:700;color:var(--accent)}.hover-header.svelte-12qhfyh{margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.hover-meta.svelte-12qhfyh{font-size:.8em;opacity:.6;font-weight:400}.status-indicator.svelte-12qhfyh{width:10px;height:10px;border-radius:50%;transition:background-color .3s,box-shadow .3s}.status-indicator.saved.svelte-12qhfyh{background-color:#28a745;box-shadow:0 0 8px #28a745}.status-indicator.unsaved.svelte-12qhfyh{background-color:#dc3545;box-shadow:0 0 8px #dc3545}.project-filter-group.svelte-12qhfyh{display:flex;align-items:center;gap:8px;background:var(--bg);padding:2px 8px;border-radius:4px;border:1px solid var(--border)}.all-projects-check.svelte-12qhfyh{display:flex;align-items:center;gap:4px;font-size:.85em;-webkit-user-select:none;user-select:none;cursor:pointer}.project-select.svelte-12qhfyh:disabled{opacity:.5;cursor:not-allowed}.logo.svelte-12qhfyh{text-decoration:none;color:inherit;font-weight:700;letter-spacing:1px}.admin-link.svelte-12qhfyh{color:var(--accent);text-decoration:none;font-size:.9em;padding:2px 8px;border:1px solid transparent;border-radius:4px}.admin-link.svelte-12qhfyh:hover{border-color:var(--accent)}.version.svelte-12qhfyh{font-size:.7em;opacity:.5;font-family:monospace;margin-top:4px}.content.svelte-12qhfyh{flex-grow:1;display:grid;gap:0;overflow:hidden}.vertical.svelte-12qhfyh .content:where(.svelte-12qhfyh){grid-template-rows:var(--tasks-height, 1fr) 1fr 1fr;grid-template-columns:100%}.split.svelte-12qhfyh .content:where(.svelte-12qhfyh){grid-template-columns:var(--col-width, 1fr) 1fr;grid-template-rows:var(--tasks-height, 1fr) 1fr}.horizontal.svelte-12qhfyh .content:where(.svelte-12qhfyh){grid-template-columns:var(--col-width, 1fr) 1fr 1fr;grid-template-rows:100%}.dropdown.svelte-12qhfyh{position:relative;display:inline-block}.global-hover-popup.svelte-12qhfyh{position:fixed;background:var(--bg);color:var(--text);border:1px solid var(--accent);padding:10px;z-index:10000;width:300px;white-space:normal;box-shadow:0 4px 12px #0000004d;pointer-events:none}.popup-notes.svelte-12qhfyh{margin-top:8px;font-size:.9em;opacity:.9;white-space:normal;border-top:1px solid var(--border);padding-top:4px}.popup-notes.svelte-12qhfyh p{margin-bottom:.5em}.popup-notes.svelte-12qhfyh code{background:var(--highlight);padding:.1em .3em;border-radius:3px;font-family:monospace}.modal-overlay.svelte-12qhfyh{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:20000}.modal-content.svelte-12qhfyh{background:var(--bg);padding:24px;border:1px solid var(--border);box-shadow:0 4px 24px #0000004d;max-width:500px;width:90%;color:var(--text)}.shortcuts-table.svelte-12qhfyh{width:100%;border-collapse:collapse;margin:16px 0}.shortcuts-table.svelte-12qhfyh td:where(.svelte-12qhfyh),.shortcuts-table.svelte-12qhfyh th:where(.svelte-12qhfyh){padding:8px;text-align:left;border-bottom:1px solid var(--border)}kbd.svelte-12qhfyh{background:var(--highlight);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-family:monospace;font-size:.85em}.close-btn.svelte-12qhfyh{width:100%;margin-top:16px}.dropdown-content.svelte-12qhfyh{display:none;position:absolute;right:0;background-color:var(--bg);min-width:120px;box-shadow:0 8px 16px #0003;z-index:100;border:1px solid var(--border)}.dropdown.svelte-12qhfyh:hover .dropdown-content:where(.svelte-12qhfyh){display:flex;flex-direction:column}.dropdown-content.svelte-12qhfyh button:where(.svelte-12qhfyh){border:none;text-align:left;padding:8px;width:100%;display:flex;align-items:center;gap:8px}.layout-btn.svelte-12qhfyh{display:flex;align-items:center;padding:4px 8px}svg.svelte-12qhfyh{fill:var(--text)}