.ht-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle;shape-rendering:geometricPrecision;transition:color .16s ease,transform .16s ease}.icon,.rail button{transition:background .16s ease,color .16s ease,box-shadow .16s ease;cursor:pointer}.icon:hover{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,transparent)}.icon:active .ht-icon{transform:scale(.92)}.rail{gap:17px}.rail button{width:38px;height:38px;border-radius:12px;border:1px solid transparent}.rail button[title=Tasks]{color:#377de4;background:#377de410}.rail button[title=Notes]{color:#d79411;background:#e8ad1b12}.rail button[title=Contacts]{color:#8060df;background:#8060df12}.rail button[title=Locations]{color:#18a584;background:#18a58412}.rail button:hover{box-shadow:0 3px 10px #0001;border-color:currentColor}.rail button:hover .ht-icon{transform:translateY(-1px)}[data-theme=dark] .rail button[title=Tasks]{color:#84b6ff;background:#84b6ff10}[data-theme=dark] .rail button[title=Notes]{color:#f6cc65;background:#f6cc6510}[data-theme=dark] .rail button[title=Contacts]{color:#bba5ff;background:#bba5ff10}[data-theme=dark] .rail button[title=Locations]{color:#6cdbc0;background:#6cdbc010}.mode-switch{padding:3px;gap:3px;border-color:var(--line);border-radius:25px;background:var(--surface)}.mode-switch button{border-radius:20px;width:42px;height:32px}.mode-switch .ht-icon{width:21px;height:21px}.mode-switch button:first-child,body.tasks-mode .mode-switch button:last-child{background:#d3e3fd;color:#174ea6}body.tasks-mode .mode-switch button:first-child{background:transparent;color:var(--muted)}[data-theme=dark] .mode-switch button:first-child,[data-theme=dark] body.tasks-mode .mode-switch button:last-child{background:#20426a;color:#b7d5ff}[data-theme=dark] body.tasks-mode .mode-switch button:first-child{background:transparent;color:var(--muted)}.floating-menu .ht-icon{width:20px;height:20px;color:var(--blue)}.create>.ht-icon:first-child{width:23px;height:23px;stroke-width:2}.people-search>.ht-icon{color:#8060df}.task-nav .ht-icon{width:21px;height:21px}.task-nav.active .ht-icon{stroke-width:2}.task-add .ht-icon{width:20px;height:20px}.task-actions .ht-icon{width:18px;height:18px}.task-star.starred .ht-icon{fill:#f4c65b;stroke:#d79e22}[data-theme=dark] .task-star.starred .ht-icon{fill:#f6cd67;stroke:#f6cd67}.task-check{width:19px;height:19px;border-width:1.6px;transition:background .15s,border-color .15s,box-shadow .15s}.task-check:hover{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 12%,transparent)}.task-check .ht-icon{width:14px;height:14px;stroke-width:2.3}.task-card header .icon{border-radius:10px}.detail-line .ht-icon{width:20px;height:20px;color:var(--muted)}#detailEdit:hover{color:#6c8de9}#detailDuplicate:hover{color:#8060df}#detailDelete:hover{color:#e16a75;background:#e16a7514}.icon:focus-visible,.rail button:focus-visible,.task-check:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(prefers-reduced-motion:reduce){.ht-icon,.icon,.rail button,.task-check{transition:none}.rail button:hover .ht-icon{transform:none}}
