@media (width>=721px){:root[data-appearance]{--control-height:32px;--control-height-lg:36px;--control-icon-size:30px;--control-icon-glyph:16px;--nav-item-height:36px;--header-height:64px;--text-base:.8125rem;--text-heading:clamp(1rem, 1.25vw, 1.125rem);--text-display:clamp(1.5rem, 2vw, 1.875rem);--radius-panel:14px;--radius-button:8px;--radius-input:6px;--sidebar-width:48px}:root[data-appearance] body{--space-panel:16px;--space-grid:16px}:root[data-appearance] .home-header{height:var(--header-height);gap:16px;padding-inline:24px}:root[data-appearance] .home-main{padding:calc(var(--header-height) + 24px) 24px 32px}:root[data-appearance] .home-search{max-width:560px}:root[data-appearance] .home-search input{height:var(--control-height-lg);padding-inline:12px}:root[data-appearance] .home-search>button{width:var(--control-height-lg);height:var(--control-height-lg);flex:0 0 var(--control-height-lg)}:root[data-appearance] .home-login{min-height:var(--control-height-lg);gap:6px;padding:5px 10px}:root[data-appearance] .account-plan{min-height:var(--control-height);padding:4px 10px}:root[data-appearance] .home-login img{width:24px;height:24px}:root[data-appearance] .app-nav-brand{letter-spacing:-.6px;min-height:44px;margin:0 0 8px;font-size:21px}:root[data-appearance] .hodi-brand-row{margin-bottom:8px}:root[data-appearance] .app-nav-link{min-height:var(--nav-item-height);gap:10px;padding-block:7px}:root[data-appearance] .app-nav-link svg{width:18px;height:18px}:root[data-appearance] .app-nav-divider{margin-block:16px}:root[data-appearance] .learning-dashboard{margin-bottom:24px}:root[data-appearance] .dashboard-kicker{margin-bottom:4px}:root[data-appearance] .checklist-panel>.dashboard-panel-heading{margin-bottom:16px}:root[data-appearance] .checklist-toolbar{gap:8px;margin-block:12px}:root[data-appearance] .checklist-panel .todo-group{margin-bottom:4px;padding-top:6px}:root[data-appearance] .checklist-panel .todo-group-heading{min-height:34px;padding-block:2px 6px}:root[data-appearance] .checklist-section-content{padding-bottom:10px}:root[data-appearance] .todo-item{gap:6px;padding:7px 8px}:root[data-appearance] .eisenhower-matrix{gap:8px;margin-top:14px}:root[data-appearance] .matrix-cell{min-height:106px;padding:10px}:root[data-appearance] :is(.planner-button,.membership-button,.action-btn,.btn-confirm,.btn-cancel,.library-dialog-actions button){min-height:var(--control-height);padding:5px 10px;line-height:1.4}:root[data-appearance] :is(.trash-open,.control-btn,.mm-tools>button,.sidebar-icon-btn){width:var(--control-icon-size);height:var(--control-icon-size);min-height:var(--control-icon-size);padding:6px}:root[data-appearance] :is(.trash-open,.control-btn,.mm-tools>button,.sidebar-icon-btn)>svg{width:var(--control-icon-glyph);height:var(--control-icon-glyph)}:root[data-appearance] .sidebar-icon-btn{margin-inline:auto}:root[data-appearance] .sidebar-header{height:44px;padding-block:8px}:root[data-appearance] .sidebar-icons{gap:6px;padding-block:8px}:root[data-appearance] .mm-tools,:root[data-appearance] #canvasArea .controls{gap:4px;padding:6px}:root[data-appearance] .mindmap-account~#mindmapPage .mm-tools{top:52px}:root[data-appearance] :is(.library-dialog,.mm-dialog,.account-dialog,.modal-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select),:root[data-appearance] :is(.checklist-toolbar input,.checklist-toolbar select,.planner-date-input,.sidebar-content input,.rp-input,.rp-select){min-height:var(--control-height);font-size:var(--text-sm);padding:6px 9px;line-height:1.4}:root[data-appearance] .account-dropdown{width:320px;padding:8px}:root[data-appearance] :is(.account-dropdown>button,.account-dropdown>label,.account-setting){gap:10px;min-height:36px;padding:7px 8px}:root[data-appearance] .setting-segmented .setting-choice{min-height:28px;padding:4px 8px}:root[data-appearance] :is(.library-dialog,.mm-dialog,.account-dialog,.auth-modal-box,.modal-content){padding:20px}:root[data-appearance] .account-pricing{padding:28px}:root[data-appearance] .account-dialog h2{font-size:21px}}@media (width>=721px) and (pointer:coarse){:root[data-appearance]{--control-height:44px;--control-height-lg:44px;--control-icon-size:44px;--control-icon-glyph:20px;--nav-item-height:44px}:root[data-appearance] .account-dropdown>button,:root[data-appearance] .setting-segmented .setting-choice{min-height:44px}:root[data-appearance] .sidebar-icon-btn{width:40px}}
