/* Happy Medium / Elastic. One material, control, and motion system for every workspace. */
:root{--hm-ink:#252a26;--hm-bone:#f3f3ed;--hm-paper:#fffefa;--hm-mist:#e9ede6;--hm-line:#d9dfd5;--hm-muted:#657060;--hm-spring:cubic-bezier(.2,.85,.2,1.12);--glass-control:var(--hm-paper);--glass-highlight:inset 0 0 transparent;--glass-shadow:0 0 transparent}
.shell,.client-mode{--purple:#354633;--soft:#e9ede6;--accent:#354633;--accent-soft:#e9ede6;--ink:var(--hm-ink);--muted:var(--hm-muted);--line:var(--hm-line)}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray){font-family:var(--sans);color:var(--hm-ink)}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) :is(button,input,select,textarea){font-family:var(--sans)}
:where(.shell,dialog,.workspace-tour) :is(h2,h3){font-family:var(--sans);letter-spacing:-.035em}
:where(.shell,dialog,.workspace-tour) :is(button,a,summary,input,textarea,select):focus-visible{outline:2px solid #5e735b;outline-offset:3px}
:where(.shell,dialog,.workspace-tour) :is(input[type=checkbox],input[type=range]){accent-color:#344b36}
.shell .topbar{background:var(--hm-bone)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.shell .topbar::after{display:none}
/* Tactile controls: all click feedback is local; inputs never move. */
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn{font-size:12px;font-weight:650;letter-spacing:-.015em;border-radius:12px;transition:background .16s,color .16s,border-color .16s,transform .22s var(--hm-spring)}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn:not(.ghost){background:var(--hm-paper)!important;border-color:var(--hm-line);color:var(--hm-ink);box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn:is(.primary,.dark):not(.danger){background:var(--hm-ink)!important;border-color:var(--hm-ink)!important;color:#f4f4ec!important;box-shadow:none!important}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn.ghost{color:#586450;background:transparent;box-shadow:none;backdrop-filter:none}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn.danger{color:#a72f2f;background:#fff1ee!important;border-color:#edc9c2}
:where(.shell,dialog) .btn:disabled{opacity:.5;transform:none!important;cursor:not-allowed}
.hm-icon{flex:none;vertical-align:middle}.btn .hm-icon{width:18px;height:18px;transition:transform .3s var(--hm-spring)}
@media(hover:hover){
 :where(.shell,dialog,.workspace-tour) .btn:not(:disabled):hover{background:#e7ece3!important;border-color:#a5b29f;transform:translateY(-1px)}
 :where(.shell,dialog,.workspace-tour) .btn:is(.primary,.dark):not(.danger):hover{background:#414d3f!important;color:#fff!important}
 :where(.shell,dialog) .btn:hover .hm-icon{transform:rotate(-6deg)}
}
:where(.shell,dialog,.workspace-tour) .btn:active:not(:disabled){transform:scale(.97)!important}
/* Shared forms, including those rendered outside the main application shell. */
:where(.shell,dialog,.chat-dock) :is(.field input,.field select,.field textarea,.search input,.todo-search input,.mail-search-field input){background:var(--hm-paper);border:1px solid var(--hm-line);border-radius:12px;color:var(--hm-ink);box-shadow:none;font-size:14px;line-height:1.5}
:where(.shell,dialog) .field{color:#485241;font-size:12px;line-height:1.5;font-weight:650}
:where(.shell,dialog) :is(input,textarea)::placeholder{color:#7b8276;opacity:1}
:where(.shell,dialog) :is(.info-callout,.preview-note,.inbox-preview-note){background:#edf1e8;border-color:#d9e1d1;color:#45553c;border-radius:14px}
:where(.shell,dialog) .quiet-link{color:#455e3e;text-underline-offset:3px}
:where(.shell,dialog) :is(.tiny,.subtitle){line-height:1.6}
/* The sliding selection remains keyboard accessible, without optical blur. */
:where(.shell,dialog) [data-glass-segments]{background:#e7ebe3;border:1px solid #dce2d6;box-shadow:none;backdrop-filter:none}
:where(.shell,dialog) [data-glass-segments]::before{background:#d1dbca!important;border-color:#c2cfb9;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:transform .3s var(--hm-spring),width .3s var(--hm-spring),height .2s}
:where(.shell,dialog) [data-glass-segments]>button{color:#66725d;font-weight:600}
:where(.shell,dialog) [data-glass-segments]>button:is(.active,.is-selected,[aria-pressed=true],[aria-selected=true]){color:#263d23!important;font-weight:750}
:where(.shell,dialog) :is(.filter,.tab,.work-tab,.content-category).active{background:#dfe6d9;color:#30432a;box-shadow:none;backdrop-filter:none!important}
/* Dialogs and transient surfaces feel like pieces of the same world. */
dialog#modal,dialog.action-confirmation{background:var(--hm-paper);color:var(--hm-ink);border:1px solid #d6ddd0;border-radius:25px;box-shadow:0 24px 85px #17201930;backdrop-filter:none;-webkit-backdrop-filter:none}
dialog::backdrop{background:#17201965;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#modal .modal-head{background:var(--hm-paper);border-bottom:1px solid #e2e6dc;padding-block:23px}
#modal .modal-head h2{font:800 24px/1.2 var(--sans);letter-spacing:-1px}
#modal .modal-head h2::before{content:'';display:inline-block;width:10px;height:20px;margin-right:12px;background:#b3c2ad;border-radius:10px;vertical-align:-2px;transform:rotate(-18deg)}
#modal .modal-footer{background:#f0f2ea;border-color:var(--hm-line)}
:where(#modal,.shell) .close,.notification-close{border-radius:50%;background:#e9ede3;color:#4e5e44;border:0;box-shadow:none}
.action-confirmation h2{font:750 25px/1.2 var(--sans);letter-spacing:-.9px}.action-confirmation p{font:400 14px/1.65 var(--sans);color:var(--hm-muted)}
.confirmation-actions button{font:650 13px var(--sans);background:#e9ede4;color:#3c4e31;border-color:#dbe2d3;border-radius:12px}
.confirmation-actions .confirmation-accept{background:#b34036;color:#fff}.confirmation-actions .is-archive{background:#88652e;color:#fff}
.confirmation-symbol{border-radius:50%;background:#f2e4df;color:#a33e36}.confirmation-symbol.is-archive{background:#eee7d7;color:#866432}
.notification-panel,.overflow-menu-items,.client-view-popover,.dock-client-popover,.chat-drawer,.upload-tray{background:var(--hm-paper)!important;color:var(--hm-ink);border:1px solid var(--hm-line);border-radius:20px;box-shadow:0 16px 50px #17201924!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.notification-heading,.chat-drawer-head{background:#edf0e7;border-color:var(--hm-line)}
.notification-heading h2,.chat-drawer-head h2{font-family:var(--sans);letter-spacing:-.04em}
.notification-toolbar,.notification-footer{border-color:var(--hm-line);background:#f5f6f0}
.notification-bell{background:#e7ece2;color:#34472c;border:1px solid #d6dfce;box-shadow:none;backdrop-filter:none}
.notification-symbol,.notification-symbol.is-approved{background:#dfe8d9;color:#3c5831;border-radius:50%}
.notification-row,.notification-swipe .swipe-content{background:var(--hm-paper)}.notification-row.is-unread{background:#edf2e8}
.notification-item-title{color:#2f3f28}.notification-copy,.notification-empty{color:#69725f}
.notification-count,.notification-unread-dot,.day-update-count{background:#3e5834}
:where(.overflow-menu-items,.client-view-popover,.dock-client-popover) :is(button,a){font-family:var(--sans);color:#3e4d35;border-radius:10px;box-shadow:none;backdrop-filter:none}
:where(.overflow-menu-items,.client-view-popover,.dock-client-popover) :is(button,a):hover{background:#e6edde}
.overflow-menu>summary{background:#eef1e8;border:1px solid #dce3d4;box-shadow:none;color:#4c6041;backdrop-filter:none!important}
#toast{background:#29352a;color:#f4f4e9;border:1px solid #53634c;border-radius:16px;font:600 13px/1.5 var(--sans);box-shadow:0 8px 30px #17201925}
/* Workspace surfaces: understated borders, generous corners, clear hierarchy. */
.shell :is(.panel,.card,.todo-panel,.work-client-card,.work-shoot-card,.social-account-card,.dash-metric,.dash-account,.profile-details,.profile-team,.conversation-full-list,.chat-panel,.review-tool-card,.content-review-aside,.review-notes,.workspace-section){background:var(--hm-paper);border-color:var(--hm-line);border-radius:22px;box-shadow:none;backdrop-filter:none}
.shell :is(.todo-group-toggle,.todo-workspace-bar,.todo-toolbar,.taskboard-toolbar,.workspace-header,.social-metric-heading,.performance-summary-bar,.content-library-toolbar){border-color:var(--hm-line);color:#435238}
.shell :is(.todo-group-count,.calendar-day-count,.approval-count){background:#e1e9da;color:#3c5130;border-radius:30px}
.shell :is(.todo-title,.work-client-title,.work-shoot-title,.idea-title){font-family:var(--sans);letter-spacing:-.035em;color:#2e3b28}
.shell :is(.todo-group-toggle,.taskboard-row,.work-deliverable-row,.work-idea-row,.access-row,.profile-person){border-color:#e4e8df}
.shell :is(.work-brand-fallback,.content-file-glyph,.reference-link-icon,.empty-orbit){background:#e1e8dc;color:#53664a;box-shadow:none;border-radius:22px}
.shell .work-brand-fallback{font-family:var(--sans);font-weight:800;letter-spacing:-.06em}
.shell :is(.work-card-stats,.work-card-footer,.work-shoot-meta){border-color:var(--hm-line);color:#617156}
.shell :is(.profile-icon-option,.profile-collection-card){border-color:#dce3d5;box-shadow:none}
.shell :is(.profile-icon-option,.profile-collection-card).selected{background:#e2ebdb;border-color:#758f63}
.shell :is(.brain-column,.brain-card,.pipeline-slide,.pipeline-stage-control){box-shadow:none;backdrop-filter:none}
.shell .brain-card:hover{border-color:#acb99e;box-shadow:0 3px 0 #d9e1d1}
.shell .pipeline-slide-number{background:#2f3a2c;color:#eff1e7;border-radius:50%}
.shell :is(.brain-empty,.work-empty,.day-dialog-empty,.mail-reader-empty,.chat-empty){color:#6b7762}
.shell .empty h3{font-family:var(--sans);font-size:20px;font-weight:750;letter-spacing:-.045em;color:#3b4b31}
.shell .empty p{color:#6a755f;line-height:1.7}
.shell .empty>.hm-icon{transform:rotate(-7deg);background:#dfe8d9;color:#4b633d}
/* Calendar and performance keep real status and client colors. */
.shell .visual-calendar{background:var(--hm-paper);border-color:var(--hm-line);border-radius:22px;box-shadow:none}
.shell .visual-calendar-toolbar{background:#f1f3ec;border-color:var(--hm-line)}
.shell .visual-weekdays{background:#e9eee2;color:#617355}
.shell .visual-day{background:var(--hm-paper);border-color:#e0e5d9}
.shell .visual-day.is-today{background:#eef4e7}.shell .visual-day.is-today .calendar-day-header>span{background:#30442a;color:#f5f5eb;border-radius:30px}
.shell .calendar-day-add{background:#dfe9d6;color:#46613b;border-radius:50%}
.shell .calendar-agenda{border-color:var(--hm-line);background:var(--hm-paper)}
.shell .performance-workspace-header{background:#e9eee3;border-color:#d7e0ce;border-radius:22px}
.shell .social-account-metrics strong,.shell .dash-metric strong{font-family:var(--sans);letter-spacing:-.06em;color:#33472a}
.shell .dash-social-empty{background:#eef2e8;color:#64745a;border-radius:20px}
/* Inbox, conversations, and review: quiet reading spaces with branded controls. */
.shell :is(.mail-workspace,.inbox-workspace,.mail-reader,.mail-message-pane,.chat-page){background:var(--hm-paper);border-color:var(--hm-line);box-shadow:none}
.shell .mail-folders{background:#ecf0e6;border-color:var(--hm-line)}
.shell :is(.mail-folder.active,.chat-thread.active,.chat-thread.is-active){background:#dce7d3;color:#354c29}
.shell :is(.mail-reader-toolbar,.mail-reader-heading,.mail-reader-footer,.chat-composer,.chat-compose-footer,.chat-audience-note){background:#f4f6ef;border-color:var(--hm-line);color:#627255}
.shell .mail-sender-avatar{background:#dde6d5;color:#456335;border-radius:14px}
.shell .mail-unread-dot{background:#486a37}
.chat-launcher,.chat-toggle{background:#28372a!important;color:#f1f2e8!important;border:1px solid #4e6047;box-shadow:0 6px 18px #25302122!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.shell .review-tool-symbol{background:#e4ebdc;color:#4e6740;border-radius:50%}
.shell :is(.review-caption-block,.review-thumbnail-block,.vo-ready,.vo-playback,.vo-take,.vo-context,.vo-writing-surface){background:#f7f8f2;border-color:var(--hm-line);border-radius:18px}
.shell .review-transport [data-player=play]{background:#293c28!important;color:#f0f3e6!important}
.shell .timeline-playhead{background:#eef4e8;box-shadow:0 0 0 1px #45693a}.shell .timeline-playhead::before{background:#dbe9d3;border-color:#f7fff0;box-shadow:none}
.shell .review-scrubber:focus-visible{outline-color:#92aa7d}
.shell .vo-success-symbol{background:#e2ebd9;color:#4b673b}.shell .vo-step-label{color:#627358}
/* Uploads and loading have their own elastic capsule motif. */
.file-dropzone,.dropzone{background:#f0f4e9;border-color:#b9c8ab;border-radius:20px;color:#405535;box-shadow:none;transition:background .2s,border-color .2s}
.file-dropzone:hover,.file-dropzone.drag-over,.dropzone.drag-over{background:#e4edda;border-color:#6a8753}
.file-drop-icon{background:#dce7d1;color:#405f2d;border-radius:50%;transition:transform .3s var(--hm-spring)}
.file-dropzone:hover .file-drop-icon{transform:translateY(-3px) rotate(-7deg)}
.file-dropzone :is(small,.file-drop-instruction){color:#65785a}.file-dropzone.has-files{border-color:#7d9b65;background:#edf4e6}
.media-placeholder{background:#e9eee3;color:#64775a}
.media-loader{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;width:38px;height:30px;transform:none;animation:none!important}
.media-loader i{position:static;display:block;width:7px;height:22px;border-radius:8px;background:currentColor;opacity:.65;transform:none;animation:none}
.media-loader i:nth-child(2){height:12px}.media-loader i:nth-child(3){height:17px}
.is-loading .media-loader i{animation:hm-bars 1.2s ease-in-out infinite;animation-delay:calc(var(--spoke)*.13s)}
.preview-failed .media-loader i{animation:none!important}.preview-ready .media-loader{display:none}
.motion-completion{display:flex;align-items:center;gap:12px;background:#29372a!important;border:1px solid #586b4b;border-radius:20px!important;color:#f2f3e7!important;box-shadow:0 10px 30px #1d2d1b24;padding:14px 20px!important;min-width:0!important;width:auto!important;font:650 14px var(--sans)}
.hm-complete-mark{display:grid;place-items:center;width:34px;height:34px;background:#d4e3c6;border-radius:50%;color:#344c26;animation:hm-stamp .45s var(--hm-spring)}
.hm-complete-mark svg{width:23px;height:23px}.hm-complete-mark path{stroke-dasharray:24;stroke-dashoffset:0;animation:hm-check .4s ease-out}
.workspace-tour{color:var(--hm-ink)}.workspace-tour :is(.tour-card,.tour-top,.tour-footer){background:var(--hm-paper);border-color:var(--hm-line)}
.workspace-tour .tour-next{background:#2c3b29!important;color:#f3f4e9!important;border-radius:12px;box-shadow:none}.workspace-tour .tour-progress span.active{background:#698452}
/* Entrance motion happens once when a surface opens; no continuous page animation. */
dialog[open],dialog.action-confirmation[open],.notification-panel,.chat-drawer,.overflow-menu[open]>.overflow-menu-items,.client-view-picker[open]>.client-view-popover,.dock-client-picker[open]>.dock-client-popover{animation:hm-surface-in .23s var(--hm-spring)}
@keyframes hm-surface-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hm-bars{0%,100%{transform:scaleY(.7);opacity:.45}50%{transform:scaleY(1.15);opacity:1}}
@keyframes hm-stamp{from{transform:scale(.7) rotate(-20deg)}to{transform:scale(1) rotate(0)}}
@keyframes hm-check{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@media(max-width:760px){:where(.shell,dialog) .btn:not(.small){min-height:44px}:where(.shell,dialog) :is(input,select,textarea){font-size:16px!important}#modal .modal-head h2{font-size:22px}#modal .modal-head{padding-block:19px}.shell :is(.panel,.todo-panel,.visual-calendar,.social-account-card){border-radius:18px}}
@media(prefers-reduced-motion:reduce){dialog[open],.notification-panel,.chat-drawer,.overflow-menu-items,.client-view-popover,.dock-client-popover,.media-loader i,.hm-complete-mark,.hm-complete-mark path{animation:none!important}:where(.shell,dialog,.workspace-tour) .btn,.btn .hm-icon,.file-drop-icon{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:where(.shell,dialog) :is(.btn,input,select,textarea){border-color:#65735c}:where(.shell,dialog) :is(.tiny,.subtitle){color:#46543b}}
/* Specialty controls that do not use the shared button class. */
.shell .pipeline-format-tabs{background:#e5eae0;border:1px solid #d7dfcf;box-shadow:none;backdrop-filter:none;border-radius:16px}
.shell .pipeline-format-tabs button{color:#64745a;font-family:var(--sans);border-radius:11px;transition:background .2s,color .2s}
.shell .pipeline-format-tabs button[aria-pressed=true]{background:#293a29;color:#f1f4e8;box-shadow:none}
#modal .pipeline-type-picker label{background:#edf1e7;border-color:#dce3d3;box-shadow:none;transition:background .2s,transform .25s var(--hm-spring)}
#modal .pipeline-type-picker label:has(input:checked){background:#e3ecd9;border-color:#7d956a;box-shadow:none}
#modal .pipeline-type-picker label:has(input:focus-visible){outline:2px solid #5e7950;outline-offset:3px}
#modal .pipeline-type-art{background:#2c3929;color:#f0f3e5;border-radius:50%;box-shadow:none}
#modal .pipeline-type-art.email{border-radius:16px;background:#596952}#modal .pipeline-type-art.gallery{background:#aeba9f;color:#2c3e25}#modal .pipeline-type-art.image{border-radius:17px;background:#d2d9c4;color:#465a36}
#modal .pipeline-type-picker label:hover .pipeline-type-art{transform:rotate(-6deg)}
#modal .pipeline-type-art{transition:transform .3s var(--hm-spring)}
#modal .pipeline-type-picker i{background:#4a6339;font-family:var(--sans)}
#modal .pipeline-create-footer{background:#eff2e8;border-color:#dce4d2}#modal .pipeline-create-footer p{color:#68785c}
#modal .task-type-choice input:checked+span{background:#e2ecd7;border-color:#7e9769;color:#334b27;box-shadow:none}
.shell .brain-toolbar :is(input,select){background:var(--hm-paper);border:1px solid var(--hm-line);border-radius:12px;color:#45523d}
.shell .brain-heading>div>p{color:#66745b}.shell .brain-empty{color:#6a785f;border-color:#cdd8c4}
.shell .visual-day.today{background:#f0f5e9}.shell .visual-day.today .day-num{background:#344c2a;color:#f4f6e9;border-radius:50%;box-shadow:none}
.shell .visual-calendar-toolbar .tabs{background:#e6ecdf;box-shadow:none}
.shell .mail-folder-button{color:#4c5f40}.shell .mail-folder-button.active{background:#dce7d2;color:#314a25;box-shadow:none}
.shell .mail-folder-button small{color:#68785d}
.shell .mail-reader-empty>span,.shell .mail-reader-empty>svg,.shell .mail-empty-icon{background:#e2ead8;color:#567243;box-shadow:none;border-radius:24px}
.shell .mail-reader-empty h2{color:#405736}.shell .mail-search-field{background:#edf2e7;border-color:#d9e2d0;box-shadow:none}
.shell .mail-search-field input{background:transparent;border:0}
.shell .workroom-switch{background:#d6dfce;box-shadow:none;border-color:#c3d0b8}.shell .workroom-switch:checked,.shell .workroom-switch[aria-checked=true]{background:#49653b;border-color:#49653b;box-shadow:none}
.shell .workroom-switch::after{background:#fffefa;box-shadow:0 1px 3px #1e321722}
.chat-dock .chat-launcher>span,.chat-dock .chat-launcher>small{color:#e2ead9!important}.chat-dock .chat-launcher>.launcher-icon{background:#495d3e!important;color:#eef4e5!important;border-radius:50%;display:grid;place-items:center}
.chat-launcher .hm-icon{width:18px;height:18px}.chat-drawer-glyph .hm-icon{width:24px;height:24px}
.shell .account-header .profile-trigger{background:#e1e8da;border-color:#d3deca;box-shadow:none}
.motion-completion{backdrop-filter:none;-webkit-backdrop-filter:none}
.shell .content h1[data-brand-title]::after{content:'';display:inline-block;width:42px;height:28px;margin-left:20px;background:url('/icons/hm-motion.svg') center/contain no-repeat;vertical-align:middle;filter:brightness(.4);opacity:.55}
.shell .overview-heading:has(h1[data-brand-title])::after{display:none}
@media(max-width:760px){.shell .content h1[data-brand-title]::after{width:30px;height:22px;margin-left:12px}}
@media(prefers-reduced-motion:reduce){#modal .pipeline-type-art{transition:none!important;transform:none!important}}
.shell .client-preview-bar{background:#e7ecdf;border-color:#d6dfcd;color:#445638}.shell .client-preview-bar small{color:#68785c}
.shell .media-review :is(.review-video-block,.review-notes-block,.review-tool-card){background:var(--hm-paper)!important;border:1px solid var(--hm-line);box-shadow:none}
.shell .media-review .review-label{color:#66765b}.shell .media-review .review-total{background:#e2ebd8;color:#486239}
.shell .workflow-progress .progress-node{border-color:#f7f8f1;background:#e2e7db;box-shadow:none}
.shell .workflow-progress .progress-core{background:#e2e7db;box-shadow:none}
.shell .workflow-progress :is(.is-past,.is-current) .progress-core{background:var(--step-color);box-shadow:none}
.shell .workflow-progress .is-current .progress-node:before{box-shadow:0 0 0 2px color-mix(in srgb,var(--step-color) 35%,transparent);animation:none}
.shell .workflow-progress .is-current .progress-core:after{box-shadow:none}
.shell .workflow-progress>li:before{background:#dce3d4}.shell .workflow-progress>li:after{background:var(--step-color)}
.shell .workflow-progress>li{color:#6b785f}.shell .workflow-progress>.is-current{color:#33482b}
/* Personal tasks and sharing controls follow the same system. */
:where(.shell,#modal) .people-sharing{background:#eef2e8;border-color:#dce4d3;color:#435837}
:where(.shell,#modal) .person-bubble:has(input:checked){background:#dce8d1;border-color:#a7be94}
:where(.shell,#modal) .person-bubble>i{background:#567a3f;font-family:var(--sans)}
:where(.shell,#modal) .person-bubble:hover{background:#e2ebda}
:where(.shell,#modal) .person-bubble:has(input:focus-visible){outline:2px solid #567349}
#modal .todo-date-presets .btn[aria-pressed=true]{background:#dce8d2!important;color:#38522b!important;border-color:#adc39b!important}
.shell :is(.todo-area-tabs,.todo-tabs){background:#e6ecde;box-shadow:none}
.shell :is(.todo-area-tabs,.todo-tabs) button{font-family:var(--sans);color:#607154}
.shell :is(.todo-area-tabs,.todo-tabs) button[aria-pressed=true]{background:#d2dfc6;color:#324b26;box-shadow:none;border-radius:12px}
.shell .todo-scope-note,.shell .todo-group-empty{color:#6b795f}.shell .todo-scope-note span{color:#7a856f}
.shell .todo-group{background:var(--hm-paper);box-shadow:none;border-color:var(--hm-line)}
.shell .todo-group>header{background:color-mix(in srgb,var(--todo-color) 5%,#f0f3e9);border-color:var(--hm-line)}
.shell .todo-group-toggle h2{font:700 16px var(--sans);letter-spacing:-.03em}
.shell .todo-card .todo-title strong{color:#394f2e}.shell .todo-card .todo-title small{color:#728164}
.shell .todo-due:not(.is-overdue){background:#edf2e6;border-color:#dbe4d0;color:#637951;font-family:var(--sans)}
.shell .todo-due.is-today{background:#e0ecd4;color:#476a31}
.shell .todo-check:hover{border-color:#638749}.shell .todo-check[aria-checked=true]{background:#466b33;border-color:#466b33}
.workspace-tour .tour-panel{background:var(--hm-paper);border-color:var(--hm-line);box-shadow:0 18px 70px #1720192b}
.workspace-tour .tour-visual{background:#e6eddd;border-color:#d5e0c9;box-shadow:none}
.workspace-tour :is(.tour-symbol,.tour-note,.tour-topics button,.tour-flow i){background:#f8faef;border-color:#d4e0c7;color:#4a6639;box-shadow:none}
.workspace-tour :is(.tour-chart i,.tour-wave i,.tour-upload-track i,.tour-scheduled){background:#7b9468;color:#f8faef;border-color:#a5b892}
.workspace-tour .tour-film i{background:#b7c6a7}.workspace-tour .tour-playhead{background:#456436}
[data-ambient-paused] .is-loading .media-loader i{animation-play-state:paused}
.shell #workspace-navigation{background:#e7ecdf!important;border:1px solid #d0dcc5;border-radius:20px;box-shadow:0 4px 18px #27391e12;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.shell #workspace-navigation>.btn{background:transparent!important;color:#647653;box-shadow:none!important}
.shell #workspace-navigation>.btn.active{background:#d2dfc5!important;color:#344a27!important}
.shell #workspace-navigation::before{box-shadow:none;background:#d2dfc5!important;backdrop-filter:none!important}